@charset "UTF-8";

/*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Noto Sans Korean, Malgun Gothic, ui-sans-serif, system-ui, ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}

::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit{
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])){
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox']{
  border-radius: 0px;
}

[type='radio']{
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='file']{
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus{
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.\!visible{
  visibility: visible !important;
}

.visible{
  visibility: visible;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.\!bottom-0{
  bottom: 0px !important;
}

.\!bottom-1{
  bottom: 0.25rem !important;
}

.\!bottom-10{
  bottom: 2.5rem !important;
}

.\!bottom-2{
  bottom: 0.5rem !important;
}

.\!bottom-3{
  bottom: 0.75rem !important;
}

.\!bottom-4{
  bottom: 1rem !important;
}

.\!bottom-5{
  bottom: 1.25rem !important;
}

.\!bottom-6{
  bottom: 1.5rem !important;
}

.\!bottom-7{
  bottom: 1.75rem !important;
}

.\!bottom-8{
  bottom: 2rem !important;
}

.\!bottom-9{
  bottom: 2.25rem !important;
}

.\!left-0{
  left: 0px !important;
}

.\!left-1{
  left: 0.25rem !important;
}

.\!left-10{
  left: 2.5rem !important;
}

.\!left-2{
  left: 0.5rem !important;
}

.\!left-3{
  left: 0.75rem !important;
}

.\!left-4{
  left: 1rem !important;
}

.\!left-5{
  left: 1.25rem !important;
}

.\!left-6{
  left: 1.5rem !important;
}

.\!left-7{
  left: 1.75rem !important;
}

.\!left-8{
  left: 2rem !important;
}

.\!left-9{
  left: 2.25rem !important;
}

.\!right-0{
  right: 0px !important;
}

.\!right-1{
  right: 0.25rem !important;
}

.\!right-10{
  right: 2.5rem !important;
}

.\!right-2{
  right: 0.5rem !important;
}

.\!right-3{
  right: 0.75rem !important;
}

.\!right-4{
  right: 1rem !important;
}

.\!right-5{
  right: 1.25rem !important;
}

.\!right-6{
  right: 1.5rem !important;
}

.\!right-7{
  right: 1.75rem !important;
}

.\!right-8{
  right: 2rem !important;
}

.\!right-9{
  right: 2.25rem !important;
}

.\!top-0{
  top: 0px !important;
}

.\!top-1{
  top: 0.25rem !important;
}

.\!top-10{
  top: 2.5rem !important;
}

.\!top-11{
  top: 2.75rem !important;
}

.\!top-12{
  top: 3rem !important;
}

.\!top-14{
  top: 3.5rem !important;
}

.\!top-16{
  top: 4rem !important;
}

.\!top-2{
  top: 0.5rem !important;
}

.\!top-3{
  top: 0.75rem !important;
}

.\!top-4{
  top: 1rem !important;
}

.\!top-5{
  top: 1.25rem !important;
}

.\!top-6{
  top: 1.5rem !important;
}

.\!top-7{
  top: 1.75rem !important;
}

.\!top-8{
  top: 2rem !important;
}

.\!top-9{
  top: 2.25rem !important;
}

.-left-3{
  left: -0.75rem;
}

.bottom-0{
  bottom: 0px;
}

.bottom-0\.5{
  bottom: 0.125rem;
}

.bottom-1{
  bottom: 0.25rem;
}

.bottom-10{
  bottom: 2.5rem;
}

.bottom-2{
  bottom: 0.5rem;
}

.bottom-3{
  bottom: 0.75rem;
}

.bottom-4{
  bottom: 1rem;
}

.bottom-5{
  bottom: 1.25rem;
}

.bottom-6{
  bottom: 1.5rem;
}

.bottom-7{
  bottom: 1.75rem;
}

.bottom-8{
  bottom: 2rem;
}

.bottom-9{
  bottom: 2.25rem;
}

.left-0{
  left: 0px;
}

.left-0\.5{
  left: 0.125rem;
}

.left-1{
  left: 0.25rem;
}

.left-10{
  left: 2.5rem;
}

.left-2{
  left: 0.5rem;
}

.left-3{
  left: 0.75rem;
}

.left-4{
  left: 1rem;
}

.left-5{
  left: 1.25rem;
}

.left-6{
  left: 1.5rem;
}

.left-7{
  left: 1.75rem;
}

.left-8{
  left: 2rem;
}

.left-9{
  left: 2.25rem;
}

.right-0{
  right: 0px;
}

.right-0\.5{
  right: 0.125rem;
}

.right-1{
  right: 0.25rem;
}

.right-10{
  right: 2.5rem;
}

.right-2{
  right: 0.5rem;
}

.right-3{
  right: 0.75rem;
}

.right-4{
  right: 1rem;
}

.right-5{
  right: 1.25rem;
}

.right-6{
  right: 1.5rem;
}

.right-7{
  right: 1.75rem;
}

.right-8{
  right: 2rem;
}

.right-9{
  right: 2.25rem;
}

.top-0{
  top: 0px;
}

.top-0\.5{
  top: 0.125rem;
}

.top-1{
  top: 0.25rem;
}

.top-10{
  top: 2.5rem;
}

.top-11{
  top: 2.75rem;
}

.top-12{
  top: 3rem;
}

.top-14{
  top: 3.5rem;
}

.top-16{
  top: 4rem;
}

.top-2{
  top: 0.5rem;
}

.top-3{
  top: 0.75rem;
}

.top-4{
  top: 1rem;
}

.top-5{
  top: 1.25rem;
}

.top-6{
  top: 1.5rem;
}

.top-7{
  top: 1.75rem;
}

.top-8{
  top: 2rem;
}

.top-9{
  top: 2.25rem;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-100{
  z-index: 100;
}

.z-20{
  z-index: 20;
}

.z-30{
  z-index: 30;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.z-auto{
  z-index: auto;
}

.\!col-span-1{
  grid-column: span 1 / span 1 !important;
}

.\!col-span-10{
  grid-column: span 10 / span 10 !important;
}

.\!col-span-11{
  grid-column: span 11 / span 11 !important;
}

.\!col-span-12{
  grid-column: span 12 / span 12 !important;
}

.\!col-span-2{
  grid-column: span 2 / span 2 !important;
}

.\!col-span-3{
  grid-column: span 3 / span 3 !important;
}

.\!col-span-4{
  grid-column: span 4 / span 4 !important;
}

.\!col-span-5{
  grid-column: span 5 / span 5 !important;
}

.\!col-span-6{
  grid-column: span 6 / span 6 !important;
}

.\!col-span-7{
  grid-column: span 7 / span 7 !important;
}

.\!col-span-8{
  grid-column: span 8 / span 8 !important;
}

.\!col-span-9{
  grid-column: span 9 / span 9 !important;
}

.col-span-1{
  grid-column: span 1 / span 1;
}

.col-span-10{
  grid-column: span 10 / span 10;
}

.col-span-11{
  grid-column: span 11 / span 11;
}

.col-span-12{
  grid-column: span 12 / span 12;
}

.col-span-13{
  grid-column: span 13 / span 13;
}

.col-span-14{
  grid-column: span 14 / span 14;
}

.col-span-15{
  grid-column: span 15 / span 15;
}

.col-span-16{
  grid-column: span 16 / span 16;
}

.col-span-17{
  grid-column: span 17 / span 17;
}

.col-span-18{
  grid-column: span 18 / span 18;
}

.col-span-19{
  grid-column: span 19 / span 19;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-span-20{
  grid-column: span 20 / span 20;
}

.col-span-21{
  grid-column: span 21 / span 21;
}

.col-span-22{
  grid-column: span 22 / span 22;
}

.col-span-23{
  grid-column: span 23 / span 23;
}

.col-span-24{
  grid-column: span 24 / span 24;
}

.col-span-3{
  grid-column: span 3 / span 3;
}

.col-span-4{
  grid-column: span 4 / span 4;
}

.col-span-5{
  grid-column: span 5 / span 5;
}

.col-span-6{
  grid-column: span 6 / span 6;
}

.col-span-7{
  grid-column: span 7 / span 7;
}

.col-span-8{
  grid-column: span 8 / span 8;
}

.col-span-9{
  grid-column: span 9 / span 9;
}

.row-\[span_28_\/_span_28\]{
  grid-row: span 28 / span 28;
}

.row-\[span_29_\/_span_29\]{
  grid-row: span 29 / span 29;
}

.row-\[span_30_\/_span_30\]{
  grid-row: span 30 / span 30;
}

.row-\[span_31_\/_span_31\]{
  grid-row: span 31 / span 31;
}

.row-span-1{
  grid-row: span 1 / span 1;
}

.row-span-2{
  grid-row: span 2 / span 2;
}

.row-span-28{
  grid-row: span 28 / span 28;
}

.row-span-29{
  grid-row: span 29 / span 29;
}

.row-span-3{
  grid-row: span 3 / span 3;
}

.row-span-30{
  grid-row: span 30 / span 30;
}

.row-span-31{
  grid-row: span 31 / span 31;
}

.row-span-4{
  grid-row: span 4 / span 4;
}

.row-span-5{
  grid-row: span 5 / span 5;
}

.row-span-6{
  grid-row: span 6 / span 6;
}

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

.\!m-0\.5{
  margin: 0.125rem !important;
}

.\!m-1{
  margin: 0.25rem !important;
}

.\!m-1\.5{
  margin: 0.375rem !important;
}

.\!m-10{
  margin: 2.5rem !important;
}

.\!m-11{
  margin: 2.75rem !important;
}

.\!m-12{
  margin: 3rem !important;
}

.\!m-14{
  margin: 3.5rem !important;
}

.\!m-16{
  margin: 4rem !important;
}

.\!m-2{
  margin: 0.5rem !important;
}

.\!m-2\.5{
  margin: 0.625rem !important;
}

.\!m-20{
  margin: 5rem !important;
}

.\!m-24{
  margin: 6rem !important;
}

.\!m-28{
  margin: 7rem !important;
}

.\!m-3{
  margin: 0.75rem !important;
}

.\!m-3\.5{
  margin: 0.875rem !important;
}

.\!m-32{
  margin: 8rem !important;
}

.\!m-36{
  margin: 9rem !important;
}

.\!m-4{
  margin: 1rem !important;
}

.\!m-40{
  margin: 10rem !important;
}

.\!m-44{
  margin: 11rem !important;
}

.\!m-48{
  margin: 12rem !important;
}

.\!m-5{
  margin: 1.25rem !important;
}

.\!m-52{
  margin: 13rem !important;
}

.\!m-56{
  margin: 14rem !important;
}

.\!m-6{
  margin: 1.5rem !important;
}

.\!m-60{
  margin: 15rem !important;
}

.\!m-64{
  margin: 16rem !important;
}

.\!m-7{
  margin: 1.75rem !important;
}

.\!m-72{
  margin: 18rem !important;
}

.\!m-8{
  margin: 2rem !important;
}

.\!m-9{
  margin: 2.25rem !important;
}

.m-0{
  margin: 0px;
}

.m-0\.5{
  margin: 0.125rem;
}

.m-1{
  margin: 0.25rem;
}

.m-1\.5{
  margin: 0.375rem;
}

.m-10{
  margin: 2.5rem;
}

.m-11{
  margin: 2.75rem;
}

.m-12{
  margin: 3rem;
}

.m-14{
  margin: 3.5rem;
}

.m-16{
  margin: 4rem;
}

.m-2{
  margin: 0.5rem;
}

.m-2\.5{
  margin: 0.625rem;
}

.m-20{
  margin: 5rem;
}

.m-24{
  margin: 6rem;
}

.m-28{
  margin: 7rem;
}

.m-3{
  margin: 0.75rem;
}

.m-3\.5{
  margin: 0.875rem;
}

.m-32{
  margin: 8rem;
}

.m-36{
  margin: 9rem;
}

.m-4{
  margin: 1rem;
}

.m-40{
  margin: 10rem;
}

.m-44{
  margin: 11rem;
}

.m-48{
  margin: 12rem;
}

.m-5{
  margin: 1.25rem;
}

.m-52{
  margin: 13rem;
}

.m-56{
  margin: 14rem;
}

.m-6{
  margin: 1.5rem;
}

.m-60{
  margin: 15rem;
}

.m-64{
  margin: 16rem;
}

.m-7{
  margin: 1.75rem;
}

.m-72{
  margin: 18rem;
}

.m-8{
  margin: 2rem;
}

.m-9{
  margin: 2.25rem;
}

.mx-0{
  margin-left: 0px;
  margin-right: 0px;
}

.mx-0\.5{
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-11{
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}

.mx-14{
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.mx-16{
  margin-left: 4rem;
  margin-right: 4rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-2\.5{
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.mx-20{
  margin-left: 5rem;
  margin-right: 5rem;
}

.mx-24{
  margin-left: 6rem;
  margin-right: 6rem;
}

.mx-28{
  margin-left: 7rem;
  margin-right: 7rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-3\.5{
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.mx-32{
  margin-left: 8rem;
  margin-right: 8rem;
}

.mx-36{
  margin-left: 9rem;
  margin-right: 9rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-40{
  margin-left: 10rem;
  margin-right: 10rem;
}

.mx-44{
  margin-left: 11rem;
  margin-right: 11rem;
}

.mx-48{
  margin-left: 12rem;
  margin-right: 12rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.mx-52{
  margin-left: 13rem;
  margin-right: 13rem;
}

.mx-56{
  margin-left: 14rem;
  margin-right: 14rem;
}

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-60{
  margin-left: 15rem;
  margin-right: 15rem;
}

.mx-64{
  margin-left: 16rem;
  margin-right: 16rem;
}

.mx-7{
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.mx-72{
  margin-left: 18rem;
  margin-right: 18rem;
}

.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}

.mx-9{
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-0\.5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-1\.5{
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-11{
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-14{
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-2\.5{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.my-24{
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.my-28{
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-3\.5{
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.my-32{
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.my-36{
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-40{
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.my-44{
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.my-48{
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-52{
  margin-top: 13rem;
  margin-bottom: 13rem;
}

.my-56{
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-60{
  margin-top: 15rem;
  margin-bottom: 15rem;
}

.my-64{
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.my-72{
  margin-top: 18rem;
  margin-bottom: 18rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-9{
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

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

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

.\!ml-0\.5{
  margin-left: 0.125rem !important;
}

.\!ml-1{
  margin-left: 0.25rem !important;
}

.\!ml-1\.5{
  margin-left: 0.375rem !important;
}

.\!ml-10{
  margin-left: 2.5rem !important;
}

.\!ml-11{
  margin-left: 2.75rem !important;
}

.\!ml-12{
  margin-left: 3rem !important;
}

.\!ml-14{
  margin-left: 3.5rem !important;
}

.\!ml-16{
  margin-left: 4rem !important;
}

.\!ml-2{
  margin-left: 0.5rem !important;
}

.\!ml-2\.5{
  margin-left: 0.625rem !important;
}

.\!ml-3{
  margin-left: 0.75rem !important;
}

.\!ml-3\.5{
  margin-left: 0.875rem !important;
}

.\!ml-4{
  margin-left: 1rem !important;
}

.\!ml-5{
  margin-left: 1.25rem !important;
}

.\!ml-6{
  margin-left: 1.5rem !important;
}

.\!ml-7{
  margin-left: 1.75rem !important;
}

.\!ml-8{
  margin-left: 2rem !important;
}

.\!ml-9{
  margin-left: 2.25rem !important;
}

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

.\!mr-0\.5{
  margin-right: 0.125rem !important;
}

.\!mr-1{
  margin-right: 0.25rem !important;
}

.\!mr-1\.5{
  margin-right: 0.375rem !important;
}

.\!mr-10{
  margin-right: 2.5rem !important;
}

.\!mr-11{
  margin-right: 2.75rem !important;
}

.\!mr-12{
  margin-right: 3rem !important;
}

.\!mr-14{
  margin-right: 3.5rem !important;
}

.\!mr-16{
  margin-right: 4rem !important;
}

.\!mr-2{
  margin-right: 0.5rem !important;
}

.\!mr-2\.5{
  margin-right: 0.625rem !important;
}

.\!mr-3{
  margin-right: 0.75rem !important;
}

.\!mr-3\.5{
  margin-right: 0.875rem !important;
}

.\!mr-4{
  margin-right: 1rem !important;
}

.\!mr-5{
  margin-right: 1.25rem !important;
}

.\!mr-6{
  margin-right: 1.5rem !important;
}

.\!mr-7{
  margin-right: 1.75rem !important;
}

.\!mr-8{
  margin-right: 2rem !important;
}

.\!mr-9{
  margin-right: 2.25rem !important;
}

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

.mb-0{
  margin-bottom: 0px;
}

.mb-0\.5{
  margin-bottom: 0.125rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-1\.5{
  margin-bottom: 0.375rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-11{
  margin-bottom: 2.75rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-14{
  margin-bottom: 3.5rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-2\.5{
  margin-bottom: 0.625rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.mb-24{
  margin-bottom: 6rem;
}

.mb-28{
  margin-bottom: 7rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-3\.5{
  margin-bottom: 0.875rem;
}

.mb-32{
  margin-bottom: 8rem;
}

.mb-36{
  margin-bottom: 9rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-40{
  margin-bottom: 10rem;
}

.mb-44{
  margin-bottom: 11rem;
}

.mb-48{
  margin-bottom: 12rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-52{
  margin-bottom: 13rem;
}

.mb-56{
  margin-bottom: 14rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-60{
  margin-bottom: 15rem;
}

.mb-64{
  margin-bottom: 16rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

.mb-72{
  margin-bottom: 18rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.mb-9{
  margin-bottom: 2.25rem;
}

.ml-0{
  margin-left: 0px;
}

.ml-0\.5{
  margin-left: 0.125rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-1\.5{
  margin-left: 0.375rem;
}

.ml-10{
  margin-left: 2.5rem;
}

.ml-11{
  margin-left: 2.75rem;
}

.ml-12{
  margin-left: 3rem;
}

.ml-14{
  margin-left: 3.5rem;
}

.ml-16{
  margin-left: 4rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-2\.5{
  margin-left: 0.625rem;
}

.ml-20{
  margin-left: 5rem;
}

.ml-24{
  margin-left: 6rem;
}

.ml-28{
  margin-left: 7rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-3\.5{
  margin-left: 0.875rem;
}

.ml-32{
  margin-left: 8rem;
}

.ml-36{
  margin-left: 9rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-40{
  margin-left: 10rem;
}

.ml-44{
  margin-left: 11rem;
}

.ml-48{
  margin-left: 12rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.ml-52{
  margin-left: 13rem;
}

.ml-56{
  margin-left: 14rem;
}

.ml-6{
  margin-left: 1.5rem;
}

.ml-60{
  margin-left: 15rem;
}

.ml-64{
  margin-left: 16rem;
}

.ml-7{
  margin-left: 1.75rem;
}

.ml-72{
  margin-left: 18rem;
}

.ml-8{
  margin-left: 2rem;
}

.ml-9{
  margin-left: 2.25rem;
}

.mr-0{
  margin-right: 0px;
}

.mr-0\.5{
  margin-right: 0.125rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-1\.5{
  margin-right: 0.375rem;
}

.mr-10{
  margin-right: 2.5rem;
}

.mr-11{
  margin-right: 2.75rem;
}

.mr-12{
  margin-right: 3rem;
}

.mr-14{
  margin-right: 3.5rem;
}

.mr-16{
  margin-right: 4rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-2\.5{
  margin-right: 0.625rem;
}

.mr-20{
  margin-right: 5rem;
}

.mr-24{
  margin-right: 6rem;
}

.mr-28{
  margin-right: 7rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-3\.5{
  margin-right: 0.875rem;
}

.mr-32{
  margin-right: 8rem;
}

.mr-36{
  margin-right: 9rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-40{
  margin-right: 10rem;
}

.mr-44{
  margin-right: 11rem;
}

.mr-48{
  margin-right: 12rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.mr-52{
  margin-right: 13rem;
}

.mr-56{
  margin-right: 14rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mr-60{
  margin-right: 15rem;
}

.mr-64{
  margin-right: 16rem;
}

.mr-7{
  margin-right: 1.75rem;
}

.mr-72{
  margin-right: 18rem;
}

.mr-8{
  margin-right: 2rem;
}

.mr-9{
  margin-right: 2.25rem;
}

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

.mt-0\.5{
  margin-top: 0.125rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-1\.5{
  margin-top: 0.375rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-11{
  margin-top: 2.75rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-14{
  margin-top: 3.5rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-2\.5{
  margin-top: 0.625rem;
}

.mt-20{
  margin-top: 5rem;
}

.mt-24{
  margin-top: 6rem;
}

.mt-28{
  margin-top: 7rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-3\.5{
  margin-top: 0.875rem;
}

.mt-32{
  margin-top: 8rem;
}

.mt-36{
  margin-top: 9rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-40{
  margin-top: 10rem;
}

.mt-44{
  margin-top: 11rem;
}

.mt-48{
  margin-top: 12rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-52{
  margin-top: 13rem;
}

.mt-56{
  margin-top: 14rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-60{
  margin-top: 15rem;
}

.mt-64{
  margin-top: 16rem;
}

.mt-7{
  margin-top: 1.75rem;
}

.mt-72{
  margin-top: 18rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-9{
  margin-top: 2.25rem;
}

.\!block{
  display: block !important;
}

.block{
  display: block;
}

.\!inline-block{
  display: inline-block !important;
}

.inline-block{
  display: inline-block;
}

.\!inline{
  display: inline !important;
}

.inline{
  display: inline;
}

.\!flex{
  display: flex !important;
}

.flex{
  display: flex;
}

.\!inline-flex{
  display: inline-flex !important;
}

.table{
  display: table;
}

.table-row{
  display: table-row;
}

.\!grid{
  display: grid !important;
}

.grid{
  display: grid;
}

.\!inline-grid{
  display: inline-grid !important;
}

.contents{
  display: contents;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.aspect-video{
  aspect-ratio: 16 / 9;
}

.\!h-0{
  height: 0px !important;
}

.\!h-0\.5{
  height: 0.125rem !important;
}

.\!h-1{
  height: 0.25rem !important;
}

.\!h-1\.5{
  height: 0.375rem !important;
}

.\!h-1\/2{
  height: 50% !important;
}

.\!h-1\/3{
  height: 33.333333% !important;
}

.\!h-1\/4{
  height: 25% !important;
}

.\!h-1\/5{
  height: 20% !important;
}

.\!h-1\/6{
  height: 16.666667% !important;
}

.\!h-10{
  height: 2.5rem !important;
}

.\!h-11{
  height: 2.75rem !important;
}

.\!h-12{
  height: 3rem !important;
}

.\!h-14{
  height: 3.5rem !important;
}

.\!h-16{
  height: 4rem !important;
}

.\!h-2{
  height: 0.5rem !important;
}

.\!h-2\.5{
  height: 0.625rem !important;
}

.\!h-2\/3{
  height: 66.666667% !important;
}

.\!h-2\/4{
  height: 50% !important;
}

.\!h-2\/6{
  height: 33.333333% !important;
}

.\!h-20{
  height: 5rem !important;
}

.\!h-24{
  height: 6rem !important;
}

.\!h-28{
  height: 7rem !important;
}

.\!h-3{
  height: 0.75rem !important;
}

.\!h-3\.5{
  height: 0.875rem !important;
}

.\!h-3\/4{
  height: 75% !important;
}

.\!h-3\/6{
  height: 50% !important;
}

.\!h-32{
  height: 8rem !important;
}

.\!h-36{
  height: 9rem !important;
}

.\!h-4{
  height: 1rem !important;
}

.\!h-4\/6{
  height: 66.666667% !important;
}

.\!h-40{
  height: 10rem !important;
}

.\!h-44{
  height: 11rem !important;
}

.\!h-48{
  height: 12rem !important;
}

.\!h-5{
  height: 1.25rem !important;
}

.\!h-5\/6{
  height: 83.333333% !important;
}

.\!h-52{
  height: 13rem !important;
}

.\!h-56{
  height: 14rem !important;
}

.\!h-6{
  height: 1.5rem !important;
}

.\!h-60{
  height: 15rem !important;
}

.\!h-64{
  height: 16rem !important;
}

.\!h-7{
  height: 1.75rem !important;
}

.\!h-72{
  height: 18rem !important;
}

.\!h-8{
  height: 2rem !important;
}

.\!h-9{
  height: 2.25rem !important;
}

.\!h-\[10rem\]{
  height: 10rem !important;
}

.\!h-\[5rem\]{
  height: 5rem !important;
}

.\!h-auto{
  height: auto !important;
}

.h-0{
  height: 0px;
}

.h-0\.5{
  height: 0.125rem;
}

.h-1{
  height: 0.25rem;
}

.h-1\.5{
  height: 0.375rem;
}

.h-1\/2{
  height: 50%;
}

.h-1\/3{
  height: 33.333333%;
}

.h-1\/4{
  height: 25%;
}

.h-1\/5{
  height: 20%;
}

.h-1\/6{
  height: 16.666667%;
}

.h-10{
  height: 2.5rem;
}

.h-11{
  height: 2.75rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-16{
  height: 4rem;
}

.h-2{
  height: 0.5rem;
}

.h-2\.5{
  height: 0.625rem;
}

.h-2\/3{
  height: 66.666667%;
}

.h-2\/4{
  height: 50%;
}

.h-2\/6{
  height: 33.333333%;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-28{
  height: 7rem;
}

.h-3{
  height: 0.75rem;
}

.h-3\.5{
  height: 0.875rem;
}

.h-3\/4{
  height: 75%;
}

.h-3\/6{
  height: 50%;
}

.h-32{
  height: 8rem;
}

.h-36{
  height: 9rem;
}

.h-4{
  height: 1rem;
}

.h-4\/6{
  height: 66.666667%;
}

.h-40{
  height: 10rem;
}

.h-44{
  height: 11rem;
}

.h-48{
  height: 12rem;
}

.h-5{
  height: 1.25rem;
}

.h-5\/6{
  height: 83.333333%;
}

.h-52{
  height: 13rem;
}

.h-56{
  height: 14rem;
}

.h-6{
  height: 1.5rem;
}

.h-60{
  height: 15rem;
}

.h-64{
  height: 16rem;
}

.h-7{
  height: 1.75rem;
}

.h-72{
  height: 18rem;
}

.h-8{
  height: 2rem;
}

.h-9{
  height: 2.25rem;
}

.h-96{
  height: 24rem;
}

.h-\[1024px\]{
  height: 1024px;
}

.h-\[10px\]{
  height: 10px;
}

.h-\[3px\]{
  height: 3px;
}

.h-\[480px\]{
  height: 480px;
}

.h-\[540px\]{
  height: 540px;
}

.h-\[580px\]{
  height: 580px;
}

.h-\[720px\]{
  height: 720px;
}

.h-\[800px\]{
  height: 800px;
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.\!max-h-full{
  max-height: 100% !important;
}

.max-h-\[100\%\]{
  max-height: 100%;
}

.max-h-\[43rem\]{
  max-height: 43rem;
}

.max-h-\[50rem\]{
  max-height: 50rem;
}

.max-h-\[683px\]{
  max-height: 683px;
}

.max-h-full{
  max-height: 100%;
}

.min-h-\[1024px\]{
  min-height: 1024px;
}

.min-h-\[10px\]{
  min-height: 10px;
}

.min-h-\[10rem\]{
  min-height: 10rem;
}

.min-h-\[540px\]{
  min-height: 540px;
}

.min-h-\[5rem\]{
  min-height: 5rem;
}

.min-h-\[720px\]{
  min-height: 720px;
}

.min-h-\[800px\]{
  min-height: 800px;
}

.\!w-0{
  width: 0px !important;
}

.\!w-0\.5{
  width: 0.125rem !important;
}

.\!w-1{
  width: 0.25rem !important;
}

.\!w-1\.5{
  width: 0.375rem !important;
}

.\!w-1\/12{
  width: 8.333333% !important;
}

.\!w-1\/2{
  width: 50% !important;
}

.\!w-1\/3{
  width: 33.333333% !important;
}

.\!w-1\/4{
  width: 25% !important;
}

.\!w-1\/5{
  width: 20% !important;
}

.\!w-1\/6{
  width: 16.666667% !important;
}

.\!w-10{
  width: 2.5rem !important;
}

.\!w-10\/12{
  width: 83.333333% !important;
}

.\!w-11{
  width: 2.75rem !important;
}

.\!w-11\/12{
  width: 91.666667% !important;
}

.\!w-12{
  width: 3rem !important;
}

.\!w-14{
  width: 3.5rem !important;
}

.\!w-16{
  width: 4rem !important;
}

.\!w-2{
  width: 0.5rem !important;
}

.\!w-2\.5{
  width: 0.625rem !important;
}

.\!w-2\/3{
  width: 66.666667% !important;
}

.\!w-2\/4{
  width: 50% !important;
}

.\!w-2\/6{
  width: 33.333333% !important;
}

.\!w-20{
  width: 5rem !important;
}

.\!w-24{
  width: 6rem !important;
}

.\!w-28{
  width: 7rem !important;
}

.\!w-3{
  width: 0.75rem !important;
}

.\!w-3\.5{
  width: 0.875rem !important;
}

.\!w-3\/4{
  width: 75% !important;
}

.\!w-3\/6{
  width: 50% !important;
}

.\!w-32{
  width: 8rem !important;
}

.\!w-36{
  width: 9rem !important;
}

.\!w-4{
  width: 1rem !important;
}

.\!w-4\/6{
  width: 66.666667% !important;
}

.\!w-40{
  width: 10rem !important;
}

.\!w-44{
  width: 11rem !important;
}

.\!w-48{
  width: 12rem !important;
}

.\!w-5{
  width: 1.25rem !important;
}

.\!w-5\/6{
  width: 83.333333% !important;
}

.\!w-52{
  width: 13rem !important;
}

.\!w-56{
  width: 14rem !important;
}

.\!w-6{
  width: 1.5rem !important;
}

.\!w-60{
  width: 15rem !important;
}

.\!w-64{
  width: 16rem !important;
}

.\!w-7{
  width: 1.75rem !important;
}

.\!w-72{
  width: 18rem !important;
}

.\!w-8{
  width: 2rem !important;
}

.\!w-9{
  width: 2.25rem !important;
}

.\!w-96{
  width: 24rem !important;
}

.\!w-auto{
  width: auto !important;
}

.\!w-full{
  width: 100% !important;
}

.w-0{
  width: 0px;
}

.w-0\.5{
  width: 0.125rem;
}

.w-1{
  width: 0.25rem;
}

.w-1\.5{
  width: 0.375rem;
}

.w-1\/12{
  width: 8.333333%;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-1\/4{
  width: 25%;
}

.w-1\/5{
  width: 20%;
}

.w-1\/6{
  width: 16.666667%;
}

.w-10{
  width: 2.5rem;
}

.w-10\/12{
  width: 83.333333%;
}

.w-100{
  width: 25rem;
}

.w-11{
  width: 2.75rem;
}

.w-11\/12{
  width: 91.666667%;
}

.w-12{
  width: 3rem;
}

.w-14{
  width: 3.5rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-2\.5{
  width: 0.625rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-2\/4{
  width: 50%;
}

.w-2\/6{
  width: 33.333333%;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-28{
  width: 7rem;
}

.w-3{
  width: 0.75rem;
}

.w-3\.5{
  width: 0.875rem;
}

.w-3\/4{
  width: 75%;
}

.w-3\/6{
  width: 50%;
}

.w-32{
  width: 8rem;
}

.w-36{
  width: 9rem;
}

.w-4{
  width: 1rem;
}

.w-4\/6{
  width: 66.666667%;
}

.w-40{
  width: 10rem;
}

.w-44{
  width: 11rem;
}

.w-48{
  width: 12rem;
}

.w-5{
  width: 1.25rem;
}

.w-5\/6{
  width: 83.333333%;
}

.w-52{
  width: 13rem;
}

.w-56{
  width: 14rem;
}

.w-6{
  width: 1.5rem;
}

.w-60{
  width: 15rem;
}

.w-64{
  width: 16rem;
}

.w-7{
  width: 1.75rem;
}

.w-72{
  width: 18rem;
}

.w-8{
  width: 2rem;
}

.w-80{
  width: 20rem;
}

.w-9{
  width: 2.25rem;
}

.w-96{
  width: 24rem;
}

.w-\[1024px\]{
  width: 1024px;
}

.w-\[10px\]{
  width: 10px;
}

.w-\[1280px\]{
  width: 1280px;
}

.w-\[3px\]{
  width: 3px;
}

.w-\[720px\]{
  width: 720px;
}

.w-\[800px\]{
  width: 800px;
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.min-w-0{
  min-width: 0px;
}

.min-w-20{
  min-width: 5rem;
}

.min-w-24{
  min-width: 6rem;
}

.min-w-28{
  min-width: 7rem;
}

.min-w-32{
  min-width: 8rem;
}

.min-w-36{
  min-width: 9rem;
}

.min-w-40{
  min-width: 10rem;
}

.min-w-\[1024px\]{
  min-width: 1024px;
}

.min-w-\[10px\]{
  min-width: 10px;
}

.min-w-\[1280px\]{
  min-width: 1280px;
}

.min-w-\[1480px\]{
  min-width: 1480px;
}

.min-w-\[1920px\]{
  min-width: 1920px;
}

.min-w-\[720px\]{
  min-width: 720px;
}

.min-w-\[800px\]{
  min-width: 800px;
}

.\!max-w-full{
  max-width: 100% !important;
}

.max-w-full{
  max-width: 100%;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.flex-initial{
  flex: 0 1 auto;
}

.flex-none{
  flex: none;
}

.flex-shrink{
  flex-shrink: 1;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.shrink-0{
  flex-shrink: 0;
}

.flex-grow{
  flex-grow: 1;
}

.flex-grow-0{
  flex-grow: 0;
}

.grow{
  flex-grow: 1;
}

.border-collapse{
  border-collapse: collapse;
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

.animate-spin{
  animation: spin 1s linear infinite;
}

.cursor-pointer{
  cursor: pointer;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.\!resize-none{
  resize: none !important;
}

.resize{
  resize: both;
}

.\!grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.\!grid-cols-10{
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}

.\!grid-cols-11{
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}

.\!grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.\!grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.\!grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.\!grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.\!grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.\!grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.\!grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}

.\!grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

.\!grid-cols-9{
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-10{
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11{
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-22{
  grid-template-columns: repeat(22, minmax(0, 1fr));
}

.grid-cols-23{
  grid-template-columns: repeat(23, minmax(0, 1fr));
}

.grid-cols-24{
  grid-template-columns: repeat(24, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9{
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3{
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4{
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5{
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6{
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none{
  grid-template-rows: none;
}

.flex-row{
  flex-direction: row;
}

.flex-row-reverse{
  flex-direction: row-reverse;
}

.flex-col{
  flex-direction: column;
}

.flex-col-reverse{
  flex-direction: column-reverse;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-wrap-reverse{
  flex-wrap: wrap-reverse;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.place-content-center{
  place-content: center;
}

.place-content-start{
  place-content: start;
}

.\!place-items-start{
  place-items: start !important;
}

.place-items-start{
  place-items: start;
}

.place-items-end{
  place-items: end;
}

.place-items-center{
  place-items: center;
}

.content-normal{
  align-content: normal;
}

.content-center{
  align-content: center;
}

.content-start{
  align-content: flex-start;
}

.content-end{
  align-content: flex-end;
}

.content-between{
  align-content: space-between;
}

.content-around{
  align-content: space-around;
}

.content-evenly{
  align-content: space-evenly;
}

.content-baseline{
  align-content: baseline;
}

.content-stretch{
  align-content: stretch;
}

.\!items-start{
  align-items: flex-start !important;
}

.items-start{
  align-items: flex-start;
}

.\!items-end{
  align-items: flex-end !important;
}

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

.\!items-center{
  align-items: center !important;
}

.items-center{
  align-items: center;
}

.\!items-baseline{
  align-items: baseline !important;
}

.items-baseline{
  align-items: baseline;
}

.\!items-stretch{
  align-items: stretch !important;
}

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

.justify-normal{
  justify-content: normal;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

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

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

.justify-evenly{
  justify-content: space-evenly;
}

.justify-stretch{
  justify-content: stretch;
}

.justify-items-start{
  justify-items: start;
}

.justify-items-end{
  justify-items: end;
}

.justify-items-center{
  justify-items: center;
}

.justify-items-stretch{
  justify-items: stretch;
}

.\!gap-0{
  gap: 0px !important;
}

.gap-0{
  gap: 0px;
}

.gap-1{
  gap: 0.25rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-11{
  gap: 2.75rem;
}

.gap-12{
  gap: 3rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-20{
  gap: 5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-7{
  gap: 1.75rem;
}

.gap-8{
  gap: 2rem;
}

.gap-9{
  gap: 2.25rem;
}

.gap-x-0{
  -moz-column-gap: 0px;
       column-gap: 0px;
}

.gap-x-1{
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-10{
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-x-11{
  -moz-column-gap: 2.75rem;
       column-gap: 2.75rem;
}

.gap-x-12{
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-3{
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4{
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5{
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-7{
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
}

.gap-x-8{
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-x-9{
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}

.gap-y-0{
  row-gap: 0px;
}

.gap-y-1{
  row-gap: 0.25rem;
}

.gap-y-10{
  row-gap: 2.5rem;
}

.gap-y-11{
  row-gap: 2.75rem;
}

.gap-y-12{
  row-gap: 3rem;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.gap-y-3{
  row-gap: 0.75rem;
}

.gap-y-4{
  row-gap: 1rem;
}

.gap-y-5{
  row-gap: 1.25rem;
}

.gap-y-6{
  row-gap: 1.5rem;
}

.gap-y-7{
  row-gap: 1.75rem;
}

.gap-y-8{
  row-gap: 2rem;
}

.gap-y-9{
  row-gap: 2.25rem;
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-x-0 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(0px * var(--tw-divide-x-reverse));
  border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(4px * var(--tw-divide-x-reverse));
  border-left-width: calc(4px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-x-8 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(8px * var(--tw-divide-x-reverse));
  border-left-width: calc(8px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-y-0 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
}

.divide-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
}

.divide-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(4px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(4px * var(--tw-divide-y-reverse));
}

.divide-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(8px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(8px * var(--tw-divide-y-reverse));
}

.divide-none > :not([hidden]) ~ :not([hidden]){
  border-style: none;
}

.divide-gray-400 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-divide-opacity));
}

.divide-gray-500 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-divide-opacity));
}

.divide-gray-600 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-divide-opacity));
}

.divide-gray-700 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-divide-opacity));
}

.divide-primary-500 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(52 119 255 / var(--tw-divide-opacity));
}

.place-self-auto{
  place-self: auto;
}

.place-self-start{
  place-self: start;
}

.place-self-end{
  place-self: end;
}

.place-self-center{
  place-self: center;
}

.place-self-stretch{
  place-self: stretch;
}

.\!overflow-auto{
  overflow: auto !important;
}

.overflow-auto{
  overflow: auto;
}

.\!overflow-hidden{
  overflow: hidden !important;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-x-auto{
  overflow-x: auto;
}

.\!overflow-y-auto{
  overflow-y: auto !important;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-y-hidden{
  overflow-y: hidden;
}

.overflow-x-clip{
  overflow-x: clip;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

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

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

.break-all{
  word-break: break-all;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.\!border{
  border-width: 1px !important;
}

.\!border-0{
  border-width: 0px !important;
}

.\!border-2{
  border-width: 2px !important;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.\!border-x{
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}

.\!border-x-0{
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}

.\!border-x-2{
  border-left-width: 2px !important;
  border-right-width: 2px !important;
}

.\!border-y{
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}

.\!border-y-0{
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

.\!border-y-2{
  border-top-width: 2px !important;
  border-bottom-width: 2px !important;
}

.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-x-2{
  border-left-width: 2px;
  border-right-width: 2px;
}

.border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.border-y-0{
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.border-y-2{
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.\!border-b{
  border-bottom-width: 1px !important;
}

.\!border-b-0{
  border-bottom-width: 0px !important;
}

.\!border-b-2{
  border-bottom-width: 2px !important;
}

.\!border-l{
  border-left-width: 1px !important;
}

.\!border-l-0{
  border-left-width: 0px !important;
}

.\!border-l-2{
  border-left-width: 2px !important;
}

.\!border-r{
  border-right-width: 1px !important;
}

.\!border-r-0{
  border-right-width: 0px !important;
}

.\!border-r-2{
  border-right-width: 2px !important;
}

.\!border-t{
  border-top-width: 1px !important;
}

.\!border-t-0{
  border-top-width: 0px !important;
}

.\!border-t-2{
  border-top-width: 2px !important;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-0{
  border-bottom-width: 0px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-l{
  border-left-width: 1px;
}

.border-l-0{
  border-left-width: 0px;
}

.border-l-2{
  border-left-width: 2px;
}

.border-r{
  border-right-width: 1px;
}

.border-r-0{
  border-right-width: 0px;
}

.border-r-2{
  border-right-width: 2px;
}

.border-t{
  border-top-width: 1px;
}

.border-t-0{
  border-top-width: 0px;
}

.border-t-2{
  border-top-width: 2px;
}

.\!border-primary-400{
  --tw-border-opacity: 1 !important;
  border-color: rgb(89 158 255 / var(--tw-border-opacity)) !important;
}

.\!border-primary-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(52 119 255 / var(--tw-border-opacity)) !important;
}

.\!border-red-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity)) !important;
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-blue-700{
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-neutral-700{
  --tw-border-opacity: 1;
  border-color: rgb(64 64 64 / var(--tw-border-opacity));
}

.border-primary-700{
  --tw-border-opacity: 1;
  border-color: rgb(7 62 251 / var(--tw-border-opacity));
}

.border-sky-500{
  --tw-border-opacity: 1;
  border-color: rgb(60 130 246 / var(--tw-border-opacity));
}

.border-transparent{
  border-color: transparent;
}

.border-yellow-200{
  --tw-border-opacity: 1;
  border-color: rgb(254 240 138 / var(--tw-border-opacity));
}

.\!border-b-primary-400{
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(89 158 255 / var(--tw-border-opacity)) !important;
}

.\!border-l-primary-400{
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(89 158 255 / var(--tw-border-opacity)) !important;
}

.\!border-r-primary-400{
  --tw-border-opacity: 1 !important;
  border-right-color: rgb(89 158 255 / var(--tw-border-opacity)) !important;
}

.\!border-t-primary-400{
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(89 158 255 / var(--tw-border-opacity)) !important;
}

.border-b-gray-300{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-l-gray-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-t-black{
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.\!bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

.\!bg-black\/25{
  background-color: rgb(0 0 0 / 0.25) !important;
}

.\!bg-blue-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity)) !important;
}

.\!bg-blue-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-200{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-300{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-400{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-600{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-700{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-800{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
}

.\!bg-gray-900{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity)) !important;
}

.\!bg-transparent{
  background-color: transparent !important;
}

.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-yellow-100{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity)) !important;
}

.bg-black\/25{
  background-color: rgb(0 0 0 / 0.25);
}

.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-50{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}

.bg-blue-500{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-indigo-600{
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}

.bg-neutral-700{
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.bg-primary-50{
  --tw-bg-opacity: 1;
  background-color: rgb(232 246 255 / var(--tw-bg-opacity));
}

.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(52 119 255 / var(--tw-bg-opacity));
}

.bg-primary-600{
  --tw-bg-opacity: 1;
  background-color: rgb(17 74 255 / var(--tw-bg-opacity));
}

.bg-primary-700{
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-slate-300{
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-yellow-100{
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.bg-yellow-200{
  --tw-bg-opacity: 1;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
}

.bg-yellow-50{
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}

.bg-contain{
  background-size: contain;
}

.bg-center{
  background-position: center;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-primary-500{
  fill: #3477ff;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

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

.\!p-0\.5{
  padding: 0.125rem !important;
}

.\!p-1{
  padding: 0.25rem !important;
}

.\!p-1\.5{
  padding: 0.375rem !important;
}

.\!p-10{
  padding: 2.5rem !important;
}

.\!p-11{
  padding: 2.75rem !important;
}

.\!p-12{
  padding: 3rem !important;
}

.\!p-14{
  padding: 3.5rem !important;
}

.\!p-16{
  padding: 4rem !important;
}

.\!p-2{
  padding: 0.5rem !important;
}

.\!p-2\.5{
  padding: 0.625rem !important;
}

.\!p-20{
  padding: 5rem !important;
}

.\!p-24{
  padding: 6rem !important;
}

.\!p-28{
  padding: 7rem !important;
}

.\!p-3{
  padding: 0.75rem !important;
}

.\!p-3\.5{
  padding: 0.875rem !important;
}

.\!p-32{
  padding: 8rem !important;
}

.\!p-36{
  padding: 9rem !important;
}

.\!p-4{
  padding: 1rem !important;
}

.\!p-40{
  padding: 10rem !important;
}

.\!p-44{
  padding: 11rem !important;
}

.\!p-48{
  padding: 12rem !important;
}

.\!p-5{
  padding: 1.25rem !important;
}

.\!p-52{
  padding: 13rem !important;
}

.\!p-56{
  padding: 14rem !important;
}

.\!p-6{
  padding: 1.5rem !important;
}

.\!p-60{
  padding: 15rem !important;
}

.\!p-64{
  padding: 16rem !important;
}

.\!p-7{
  padding: 1.75rem !important;
}

.\!p-72{
  padding: 18rem !important;
}

.\!p-8{
  padding: 2rem !important;
}

.\!p-9{
  padding: 2.25rem !important;
}

.p-0{
  padding: 0px;
}

.p-0\.5{
  padding: 0.125rem;
}

.p-1{
  padding: 0.25rem;
}

.p-1\.5{
  padding: 0.375rem;
}

.p-10{
  padding: 2.5rem;
}

.p-11{
  padding: 2.75rem;
}

.p-12{
  padding: 3rem;
}

.p-14{
  padding: 3.5rem;
}

.p-16{
  padding: 4rem;
}

.p-2{
  padding: 0.5rem;
}

.p-2\.5{
  padding: 0.625rem;
}

.p-20{
  padding: 5rem;
}

.p-24{
  padding: 6rem;
}

.p-28{
  padding: 7rem;
}

.p-3{
  padding: 0.75rem;
}

.p-3\.5{
  padding: 0.875rem;
}

.p-32{
  padding: 8rem;
}

.p-36{
  padding: 9rem;
}

.p-4{
  padding: 1rem;
}

.p-40{
  padding: 10rem;
}

.p-44{
  padding: 11rem;
}

.p-48{
  padding: 12rem;
}

.p-5{
  padding: 1.25rem;
}

.p-52{
  padding: 13rem;
}

.p-56{
  padding: 14rem;
}

.p-6{
  padding: 1.5rem;
}

.p-60{
  padding: 15rem;
}

.p-64{
  padding: 16rem;
}

.p-7{
  padding: 1.75rem;
}

.p-72{
  padding: 18rem;
}

.p-8{
  padding: 2rem;
}

.p-9{
  padding: 2.25rem;
}

.\!px-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!px-0\.5{
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}

.\!px-1{
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.\!px-1\.5{
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}

.\!px-10{
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.\!px-11{
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.\!px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.\!px-14{
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.\!px-16{
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.\!px-2{
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-2\.5{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.\!px-20{
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.\!px-24{
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.\!px-28{
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.\!px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\!px-3\.5{
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}

.\!px-32{
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.\!px-36{
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!px-40{
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.\!px-44{
  padding-left: 11rem !important;
  padding-right: 11rem !important;
}

.\!px-48{
  padding-left: 12rem !important;
  padding-right: 12rem !important;
}

.\!px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.\!px-52{
  padding-left: 13rem !important;
  padding-right: 13rem !important;
}

.\!px-56{
  padding-left: 14rem !important;
  padding-right: 14rem !important;
}

.\!px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.\!px-60{
  padding-left: 15rem !important;
  padding-right: 15rem !important;
}

.\!px-64{
  padding-left: 16rem !important;
  padding-right: 16rem !important;
}

.\!px-7{
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.\!px-72{
  padding-left: 18rem !important;
  padding-right: 18rem !important;
}

.\!px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.\!px-9{
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-0\.5{
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}

.\!py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.\!py-1\.5{
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.\!py-10{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.\!py-11{
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

.\!py-12{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.\!py-14{
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.\!py-16{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\!py-2\.5{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\!py-20{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.\!py-24{
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.\!py-28{
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\!py-3\.5{
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}

.\!py-32{
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.\!py-36{
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.\!py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.\!py-40{
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.\!py-44{
  padding-top: 11rem !important;
  padding-bottom: 11rem !important;
}

.\!py-48{
  padding-top: 12rem !important;
  padding-bottom: 12rem !important;
}

.\!py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.\!py-52{
  padding-top: 13rem !important;
  padding-bottom: 13rem !important;
}

.\!py-56{
  padding-top: 14rem !important;
  padding-bottom: 14rem !important;
}

.\!py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.\!py-60{
  padding-top: 15rem !important;
  padding-bottom: 15rem !important;
}

.\!py-64{
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.\!py-7{
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.\!py-72{
  padding-top: 18rem !important;
  padding-bottom: 18rem !important;
}

.\!py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.\!py-9{
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-11{
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-14{
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}

.px-28{
  padding-left: 7rem;
  padding-right: 7rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-32{
  padding-left: 8rem;
  padding-right: 8rem;
}

.px-36{
  padding-left: 9rem;
  padding-right: 9rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-40{
  padding-left: 10rem;
  padding-right: 10rem;
}

.px-44{
  padding-left: 11rem;
  padding-right: 11rem;
}

.px-48{
  padding-left: 12rem;
  padding-right: 12rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-52{
  padding-left: 13rem;
  padding-right: 13rem;
}

.px-56{
  padding-left: 14rem;
  padding-right: 14rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-60{
  padding-left: 15rem;
  padding-right: 15rem;
}

.px-64{
  padding-left: 16rem;
  padding-right: 16rem;
}

.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-72{
  padding-left: 18rem;
  padding-right: 18rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14{
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-3\.5{
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-7{
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-9{
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

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

.\!pb-0\.5{
  padding-bottom: 0.125rem !important;
}

.\!pb-1{
  padding-bottom: 0.25rem !important;
}

.\!pb-1\.5{
  padding-bottom: 0.375rem !important;
}

.\!pb-10{
  padding-bottom: 2.5rem !important;
}

.\!pb-11{
  padding-bottom: 2.75rem !important;
}

.\!pb-12{
  padding-bottom: 3rem !important;
}

.\!pb-14{
  padding-bottom: 3.5rem !important;
}

.\!pb-16{
  padding-bottom: 4rem !important;
}

.\!pb-2{
  padding-bottom: 0.5rem !important;
}

.\!pb-2\.5{
  padding-bottom: 0.625rem !important;
}

.\!pb-20{
  padding-bottom: 5rem !important;
}

.\!pb-24{
  padding-bottom: 6rem !important;
}

.\!pb-28{
  padding-bottom: 7rem !important;
}

.\!pb-3{
  padding-bottom: 0.75rem !important;
}

.\!pb-3\.5{
  padding-bottom: 0.875rem !important;
}

.\!pb-32{
  padding-bottom: 8rem !important;
}

.\!pb-36{
  padding-bottom: 9rem !important;
}

.\!pb-4{
  padding-bottom: 1rem !important;
}

.\!pb-40{
  padding-bottom: 10rem !important;
}

.\!pb-44{
  padding-bottom: 11rem !important;
}

.\!pb-48{
  padding-bottom: 12rem !important;
}

.\!pb-5{
  padding-bottom: 1.25rem !important;
}

.\!pb-52{
  padding-bottom: 13rem !important;
}

.\!pb-56{
  padding-bottom: 14rem !important;
}

.\!pb-6{
  padding-bottom: 1.5rem !important;
}

.\!pb-60{
  padding-bottom: 15rem !important;
}

.\!pb-64{
  padding-bottom: 16rem !important;
}

.\!pb-7{
  padding-bottom: 1.75rem !important;
}

.\!pb-72{
  padding-bottom: 18rem !important;
}

.\!pb-8{
  padding-bottom: 2rem !important;
}

.\!pb-9{
  padding-bottom: 2.25rem !important;
}

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

.\!pl-0\.5{
  padding-left: 0.125rem !important;
}

.\!pl-1{
  padding-left: 0.25rem !important;
}

.\!pl-1\.5{
  padding-left: 0.375rem !important;
}

.\!pl-10{
  padding-left: 2.5rem !important;
}

.\!pl-11{
  padding-left: 2.75rem !important;
}

.\!pl-12{
  padding-left: 3rem !important;
}

.\!pl-14{
  padding-left: 3.5rem !important;
}

.\!pl-16{
  padding-left: 4rem !important;
}

.\!pl-2{
  padding-left: 0.5rem !important;
}

.\!pl-2\.5{
  padding-left: 0.625rem !important;
}

.\!pl-20{
  padding-left: 5rem !important;
}

.\!pl-24{
  padding-left: 6rem !important;
}

.\!pl-28{
  padding-left: 7rem !important;
}

.\!pl-3{
  padding-left: 0.75rem !important;
}

.\!pl-3\.5{
  padding-left: 0.875rem !important;
}

.\!pl-32{
  padding-left: 8rem !important;
}

.\!pl-36{
  padding-left: 9rem !important;
}

.\!pl-4{
  padding-left: 1rem !important;
}

.\!pl-40{
  padding-left: 10rem !important;
}

.\!pl-44{
  padding-left: 11rem !important;
}

.\!pl-48{
  padding-left: 12rem !important;
}

.\!pl-5{
  padding-left: 1.25rem !important;
}

.\!pl-52{
  padding-left: 13rem !important;
}

.\!pl-56{
  padding-left: 14rem !important;
}

.\!pl-6{
  padding-left: 1.5rem !important;
}

.\!pl-60{
  padding-left: 15rem !important;
}

.\!pl-64{
  padding-left: 16rem !important;
}

.\!pl-7{
  padding-left: 1.75rem !important;
}

.\!pl-72{
  padding-left: 18rem !important;
}

.\!pl-8{
  padding-left: 2rem !important;
}

.\!pl-9{
  padding-left: 2.25rem !important;
}

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

.\!pr-0\.5{
  padding-right: 0.125rem !important;
}

.\!pr-1{
  padding-right: 0.25rem !important;
}

.\!pr-1\.5{
  padding-right: 0.375rem !important;
}

.\!pr-10{
  padding-right: 2.5rem !important;
}

.\!pr-11{
  padding-right: 2.75rem !important;
}

.\!pr-12{
  padding-right: 3rem !important;
}

.\!pr-14{
  padding-right: 3.5rem !important;
}

.\!pr-16{
  padding-right: 4rem !important;
}

.\!pr-2{
  padding-right: 0.5rem !important;
}

.\!pr-2\.5{
  padding-right: 0.625rem !important;
}

.\!pr-20{
  padding-right: 5rem !important;
}

.\!pr-24{
  padding-right: 6rem !important;
}

.\!pr-28{
  padding-right: 7rem !important;
}

.\!pr-3{
  padding-right: 0.75rem !important;
}

.\!pr-3\.5{
  padding-right: 0.875rem !important;
}

.\!pr-32{
  padding-right: 8rem !important;
}

.\!pr-36{
  padding-right: 9rem !important;
}

.\!pr-4{
  padding-right: 1rem !important;
}

.\!pr-40{
  padding-right: 10rem !important;
}

.\!pr-44{
  padding-right: 11rem !important;
}

.\!pr-48{
  padding-right: 12rem !important;
}

.\!pr-5{
  padding-right: 1.25rem !important;
}

.\!pr-52{
  padding-right: 13rem !important;
}

.\!pr-56{
  padding-right: 14rem !important;
}

.\!pr-6{
  padding-right: 1.5rem !important;
}

.\!pr-60{
  padding-right: 15rem !important;
}

.\!pr-64{
  padding-right: 16rem !important;
}

.\!pr-7{
  padding-right: 1.75rem !important;
}

.\!pr-72{
  padding-right: 18rem !important;
}

.\!pr-8{
  padding-right: 2rem !important;
}

.\!pr-9{
  padding-right: 2.25rem !important;
}

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

.\!pt-0\.5{
  padding-top: 0.125rem !important;
}

.\!pt-1{
  padding-top: 0.25rem !important;
}

.\!pt-1\.5{
  padding-top: 0.375rem !important;
}

.\!pt-10{
  padding-top: 2.5rem !important;
}

.\!pt-11{
  padding-top: 2.75rem !important;
}

.\!pt-12{
  padding-top: 3rem !important;
}

.\!pt-14{
  padding-top: 3.5rem !important;
}

.\!pt-16{
  padding-top: 4rem !important;
}

.\!pt-2{
  padding-top: 0.5rem !important;
}

.\!pt-2\.5{
  padding-top: 0.625rem !important;
}

.\!pt-20{
  padding-top: 5rem !important;
}

.\!pt-24{
  padding-top: 6rem !important;
}

.\!pt-28{
  padding-top: 7rem !important;
}

.\!pt-3{
  padding-top: 0.75rem !important;
}

.\!pt-3\.5{
  padding-top: 0.875rem !important;
}

.\!pt-32{
  padding-top: 8rem !important;
}

.\!pt-36{
  padding-top: 9rem !important;
}

.\!pt-4{
  padding-top: 1rem !important;
}

.\!pt-40{
  padding-top: 10rem !important;
}

.\!pt-44{
  padding-top: 11rem !important;
}

.\!pt-48{
  padding-top: 12rem !important;
}

.\!pt-5{
  padding-top: 1.25rem !important;
}

.\!pt-52{
  padding-top: 13rem !important;
}

.\!pt-56{
  padding-top: 14rem !important;
}

.\!pt-6{
  padding-top: 1.5rem !important;
}

.\!pt-60{
  padding-top: 15rem !important;
}

.\!pt-64{
  padding-top: 16rem !important;
}

.\!pt-7{
  padding-top: 1.75rem !important;
}

.\!pt-72{
  padding-top: 18rem !important;
}

.\!pt-8{
  padding-top: 2rem !important;
}

.\!pt-9{
  padding-top: 2.25rem !important;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-0\.5{
  padding-bottom: 0.125rem;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-1\.5{
  padding-bottom: 0.375rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-11{
  padding-bottom: 2.75rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-14{
  padding-bottom: 3.5rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-2\.5{
  padding-bottom: 0.625rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pb-28{
  padding-bottom: 7rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-3\.5{
  padding-bottom: 0.875rem;
}

.pb-32{
  padding-bottom: 8rem;
}

.pb-36{
  padding-bottom: 9rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-40{
  padding-bottom: 10rem;
}

.pb-44{
  padding-bottom: 11rem;
}

.pb-48{
  padding-bottom: 12rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pb-52{
  padding-bottom: 13rem;
}

.pb-56{
  padding-bottom: 14rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-60{
  padding-bottom: 15rem;
}

.pb-64{
  padding-bottom: 16rem;
}

.pb-7{
  padding-bottom: 1.75rem;
}

.pb-72{
  padding-bottom: 18rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-9{
  padding-bottom: 2.25rem;
}

.pl-0{
  padding-left: 0px;
}

.pl-0\.5{
  padding-left: 0.125rem;
}

.pl-1{
  padding-left: 0.25rem;
}

.pl-1\.5{
  padding-left: 0.375rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pl-11{
  padding-left: 2.75rem;
}

.pl-12{
  padding-left: 3rem;
}

.pl-14{
  padding-left: 3.5rem;
}

.pl-16{
  padding-left: 4rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-2\.5{
  padding-left: 0.625rem;
}

.pl-20{
  padding-left: 5rem;
}

.pl-24{
  padding-left: 6rem;
}

.pl-28{
  padding-left: 7rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pl-3\.5{
  padding-left: 0.875rem;
}

.pl-32{
  padding-left: 8rem;
}

.pl-36{
  padding-left: 9rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-40{
  padding-left: 10rem;
}

.pl-44{
  padding-left: 11rem;
}

.pl-48{
  padding-left: 12rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pl-52{
  padding-left: 13rem;
}

.pl-56{
  padding-left: 14rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pl-60{
  padding-left: 15rem;
}

.pl-64{
  padding-left: 16rem;
}

.pl-7{
  padding-left: 1.75rem;
}

.pl-72{
  padding-left: 18rem;
}

.pl-8{
  padding-left: 2rem;
}

.pl-9{
  padding-left: 2.25rem;
}

.pr-0{
  padding-right: 0px;
}

.pr-0\.5{
  padding-right: 0.125rem;
}

.pr-1{
  padding-right: 0.25rem;
}

.pr-1\.5{
  padding-right: 0.375rem;
}

.pr-10{
  padding-right: 2.5rem;
}

.pr-11{
  padding-right: 2.75rem;
}

.pr-12{
  padding-right: 3rem;
}

.pr-14{
  padding-right: 3.5rem;
}

.pr-16{
  padding-right: 4rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-2\.5{
  padding-right: 0.625rem;
}

.pr-20{
  padding-right: 5rem;
}

.pr-24{
  padding-right: 6rem;
}

.pr-28{
  padding-right: 7rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pr-3\.5{
  padding-right: 0.875rem;
}

.pr-32{
  padding-right: 8rem;
}

.pr-36{
  padding-right: 9rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-40{
  padding-right: 10rem;
}

.pr-44{
  padding-right: 11rem;
}

.pr-48{
  padding-right: 12rem;
}

.pr-5{
  padding-right: 1.25rem;
}

.pr-52{
  padding-right: 13rem;
}

.pr-56{
  padding-right: 14rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pr-60{
  padding-right: 15rem;
}

.pr-64{
  padding-right: 16rem;
}

.pr-7{
  padding-right: 1.75rem;
}

.pr-72{
  padding-right: 18rem;
}

.pr-8{
  padding-right: 2rem;
}

.pr-9{
  padding-right: 2.25rem;
}

.pt-0{
  padding-top: 0px;
}

.pt-0\.5{
  padding-top: 0.125rem;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-1\.5{
  padding-top: 0.375rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-11{
  padding-top: 2.75rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-14{
  padding-top: 3.5rem;
}

.pt-16{
  padding-top: 4rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-2\.5{
  padding-top: 0.625rem;
}

.pt-20{
  padding-top: 5rem;
}

.pt-24{
  padding-top: 6rem;
}

.pt-28{
  padding-top: 7rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-3\.5{
  padding-top: 0.875rem;
}

.pt-32{
  padding-top: 8rem;
}

.pt-36{
  padding-top: 9rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-40{
  padding-top: 10rem;
}

.pt-44{
  padding-top: 11rem;
}

.pt-48{
  padding-top: 12rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pt-52{
  padding-top: 13rem;
}

.pt-56{
  padding-top: 14rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-60{
  padding-top: 15rem;
}

.pt-64{
  padding-top: 16rem;
}

.pt-7{
  padding-top: 1.75rem;
}

.pt-72{
  padding-top: 18rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-9{
  padding-top: 2.25rem;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.align-baseline{
  vertical-align: baseline;
}

.align-top{
  vertical-align: top;
}

.align-middle{
  vertical-align: middle;
}

.align-bottom{
  vertical-align: bottom;
}

.align-text-top{
  vertical-align: text-top;
}

.align-text-bottom{
  vertical-align: text-bottom;
}

.align-sub{
  vertical-align: sub;
}

.align-super{
  vertical-align: super;
}

.\!text-2xl{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.\!text-3xl{
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}

.\!text-4xl{
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}

.\!text-5xl{
  font-size: 3rem !important;
  line-height: 1 !important;
}

.\!text-6xl{
  font-size: 3.75rem !important;
  line-height: 1 !important;
}

.\!text-7xl{
  font-size: 4.5rem !important;
  line-height: 1 !important;
}

.\!text-8xl{
  font-size: 6rem !important;
  line-height: 1 !important;
}

.\!text-9xl{
  font-size: 8rem !important;
  line-height: 1 !important;
}

.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.\!text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\!text-xl{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.\!text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 1;
}

.text-6xl{
  font-size: 3.75rem;
  line-height: 1;
}

.text-7xl{
  font-size: 4.5rem;
  line-height: 1;
}

.text-8xl{
  font-size: 6rem;
  line-height: 1;
}

.text-9xl{
  font-size: 8rem;
  line-height: 1;
}

.text-\[0\.5rem\]{
  font-size: 0.5rem;
}

.text-\[0\.6rem\]{
  font-size: 0.6rem;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-black{
  font-weight: 900 !important;
}

.\!font-bold{
  font-weight: 700 !important;
}

.\!font-extrabold{
  font-weight: 800 !important;
}

.\!font-extralight{
  font-weight: 200 !important;
}

.\!font-light{
  font-weight: 300 !important;
}

.\!font-medium{
  font-weight: 500 !important;
}

.\!font-normal{
  font-weight: 400 !important;
}

.\!font-semibold{
  font-weight: 600 !important;
}

.\!font-thin{
  font-weight: 100 !important;
}

.font-black{
  font-weight: 900;
}

.font-bold{
  font-weight: 700;
}

.font-extrabold{
  font-weight: 800;
}

.font-extralight{
  font-weight: 200;
}

.font-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.font-thin{
  font-weight: 100;
}

.italic{
  font-style: italic;
}

.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-none{
  line-height: 1;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.\!text-neutral-700{
  --tw-text-opacity: 1 !important;
  color: rgb(64 64 64 / var(--tw-text-opacity)) !important;
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-neutral-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.text-neutral-700{
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}

.text-primary-100{
  --tw-text-opacity: 1;
  color: rgb(214 237 255 / var(--tw-text-opacity));
}

.text-primary-200{
  --tw-text-opacity: 1;
  color: rgb(181 221 255 / var(--tw-text-opacity));
}

.text-primary-300{
  --tw-text-opacity: 1;
  color: rgb(136 197 255 / var(--tw-text-opacity));
}

.text-primary-400{
  --tw-text-opacity: 1;
  color: rgb(89 158 255 / var(--tw-text-opacity));
}

.text-primary-50{
  --tw-text-opacity: 1;
  color: rgb(232 246 255 / var(--tw-text-opacity));
}

.text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(52 119 255 / var(--tw-text-opacity));
}

.text-primary-600{
  --tw-text-opacity: 1;
  color: rgb(17 74 255 / var(--tw-text-opacity));
}

.text-primary-700{
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
}

.text-primary-800{
  --tw-text-opacity: 1;
  color: rgb(10 57 201 / var(--tw-text-opacity));
}

.text-primary-900{
  --tw-text-opacity: 1;
  color: rgb(18 55 157 / var(--tw-text-opacity));
}

.text-primary-950{
  --tw-text-opacity: 1;
  color: rgb(8 22 66 / var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-rose-400{
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity));
}

.text-sky-500{
  --tw-text-opacity: 1;
  color: rgb(60 130 246 / var(--tw-text-opacity));
}

.text-slate-500{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.text-stone-500{
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}

.text-yellow-800{
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.opacity-0{
  opacity: 0;
}

.opacity-100{
  opacity: 1;
}

.\!shadow-none{
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.outline{
  outline-style: solid;
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.content-none{
  --tw-content: none;
  content: var(--tw-content);
}

/*
 tailwind css based
 default.js css
 maker : Park Kyoung Ho
 sinc : 2023-10-20
 */

html, body{
  height: 100%;
  min-height: 100%;
}

@media (min-width: 1024px){
  html, body{
    min-width: 800px;
  }
}

*::-webkit-scrollbar{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

*::-webkit-scrollbar-track{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

*::-webkit-scrollbar-thumb{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.scroll-white *::-webkit-scrollbar{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.scroll-white *::-webkit-scrollbar-track{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.scroll-white *::-webkit-scrollbar-thumb{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

*.scroll-white::-webkit-scrollbar{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 0.5rem;
  width: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

*.scroll-white::-webkit-scrollbar-track{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

*.scroll-white::-webkit-scrollbar-thumb{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

/* fonts */

@font-face {
  font-family: 'Noto Sans Korean';

  font-style: normal;

  font-weight: 400;

  src: local('Noto Sans Korean Regular');

  src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'),
      url('../fonts/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans Korean';

  font-style: normal;

  font-weight: 500;

  src: local('Noto Sans Korean Medium');

  src: url('../fonts/NotoSansKR-Medium.woff2') format('woff2'),
      url('../fonts/NotoSansKR-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans Korean';

  font-style: normal;

  font-weight: 700;

  src: local('Noto Sans Korean Bold');

  src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'),
      url('../fonts/NotoSansKR-Bold.woff') format('woff');
}

* {
  font-family: 'Noto Sans Korean';
  letter-spacing: -0.025em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

i {
  font-style: normal;
  color: inherit;
}

.noto-normal {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight:400;
}

.noto-medium {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 600;
}

.noto-bold {
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 800;
}

/* components */

.overflow-5{
  max-height: 240px;
}

.overflow-8{
  max-height: 384px;
}

.overflow-9{
  max-height: 432px;
}

.overflow-10{
  max-height: 480px;
}

.\!overflow-5{
  max-height: 240px !important;
}

.\!overflow-8{
  max-height: 384px !important;
}

.\!overflow-9{
  max-height: 432px !important;
}

.\!overflow-10{
  max-height: 480px !important;
}

.dot::before {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="none" fill="rgb(124, 124, 124)"><path stroke-linecap="round" stroke-linejoin="round" d="M7.8 10a2.2 2.2 0 0 0 4.4 0 2.2 2.2 0 0 0-4.4 0z"/></g></svg>');
  content: var(--svg);
}

.required::after {
  content: '*';
  margin-top: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity))
}

.icon-search.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.button-2xs{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-2xs:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.button-xs{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-xs:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.button-sm{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-sm:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.button-md{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-md:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.button-lg{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-lg:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.button-xl{
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.button-xl:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

.shadow-c {
  box-shadow: 0 5px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.link-group{
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-group > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.link-group a{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.link-group.center{
  align-items: center;
}

.clear-padding-div div {
  padding: 0;
}

.\!clear-padding-div div {
  padding: 0 !important;
}

/* layout */

.default-layout{
  height: 100%;
  min-height: 100%;
}

@media (min-width: 768px){
  .default-layout{
    padding-bottom: 7rem;
  }
}

@media (min-width: 1024px){
  .default-layout{
    overflow: hidden;
    padding-bottom: 5rem;
  }
}

.default-layout-auto{
  min-height: 100%;
}

.nav-menu{
  z-index: 40;
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .nav-menu{
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 40;
    margin-top: 70px;
    margin-bottom: 5rem;
    display: flex;
    width: 15rem;
    flex-direction: column;
  }
}

.nav-menu .nav-menu-item > a{
  display: flex;
  cursor: pointer;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.nav-menu-contain{
  display: flex;
  height: 100%;
  flex-grow: 1;
  flex-direction: column;
  row-gap: 1.25rem;
  overflow: clip;
  border-right-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
}

.default-content .buttons > *.nav-menu-contain{
  border-style: none;
  background-color: transparent;
}

.default-content .buttons > *.nav-menu-contain:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px){
  .nav-menu-contain{
    border-right-width: 1px;
  }
}

.nav-menu-contain::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera*/
}

.nav-menu-contain nav{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  overflow-y: hidden;
}

.nav-menu-group{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}

.nav-menu-group > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-divide-opacity));
}

.nav-menu-group{
  overflow-y: hidden;
}

.nav-menu-group > li:first-child{
  height: 342px;
  overflow: hidden;
}

.nav-menu-group > li > a{
  display: flex;
  height: 2.5rem;
  width: 100%;
  cursor: pointer;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu-group-text{
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}

.default-content .buttons > *.nav-menu-group-text{
  border-style: none;
  background-color: transparent;
}

.default-content .buttons > *.nav-menu-group-text:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-menu-group-icon{
  position: relative;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  flex-grow: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.nav-menu-group-item:hover .nav-menu-group-text{
  --tw-text-opacity: 1;
  color: rgb(229 229 229 / var(--tw-text-opacity));
}

.nav-menu-group-item:hover .nav-menu-group-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.nav-menu .list{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  row-gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.nav-menu-group-item.depth1 .list{
  display: grid;
  height: calc(100% - 3.25rem);
  gap: 0.25rem;
  overflow-x: clip;
  overflow-y: scroll;
}

.nav-menu .depth2{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  overflow-y: hidden;
}

.nav-menu .depth2 .list{
  display: grid;
  gap: 0.25rem;
  overflow-y: scroll;
}

.nav-menu .list .nav-menu-item > a{
  height: 2rem;
}

.nav-menu .list .nav-menu-item .nav-menu-item-text{
  margin-top: -0.25rem;
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.default-content .buttons > *.nav-menu .list .nav-menu-item .nav-menu-item-text{
  border-style: none;
  background-color: transparent;
}

.default-content .buttons > *.nav-menu .list .nav-menu-item .nav-menu-item-text:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-menu .list .nav-menu-item .nav-menu-item-icon{
  position: relative;
  margin-bottom: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  flex: none;
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
  background-clip: border-box;
  background-position: center;
  background-repeat: no-repeat;
}

.nav-menu .list .nav-menu-item:hover > a{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu .list .nav-menu-item:hover .nav-menu-item-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu .list .nav-menu-item:hover .nav-menu-item-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.nav-menu .depth1 .list > .nav-menu-item:hover > a,
.nav-menu .depth1 .list > .nav-menu-item.active > a{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.nav-menu .depth1 .nav-menu-item:hover .nav-menu-item-text,
.nav-menu .depth1 .nav-menu-item.active .nav-menu-item-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu .depth1 .nav-menu-item:hover .nav-menu-item-icon,
.nav-menu .depth1 .nav-menu-item.active .nav-menu-item-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.nav-menu .depth2 .list > .nav-menu-item:hover > a,
.nav-menu .depth2 .list > .nav-menu-item.active > a{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(0 0 0 / 0.2);
  --tw-shadow: var(--tw-shadow-colored);
}

.nav-menu .depth2 .nav-menu-item:hover .nav-menu-item-text,
.nav-menu .depth2 .nav-menu-item.active .nav-menu-item-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu .depth2 .nav-menu-item:hover .nav-menu-item-icon,
.nav-menu .depth2 .nav-menu-item.active .nav-menu-item-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.nav-menu .list > a {
}

.nav-menu .sub-list{
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .nav-menu .sub-list{
    position: absolute;
    top: 0px;
    left: 15rem;
    z-index: 50;
    display: none;
    width: 16rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(0 0 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
  }
}

.nav-menu .sub-list .nav-menu-sub-item{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}

.nav-menu .sub-list .nav-menu-sub-item:hover{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .nav-menu .sub-list .nav-menu-sub-item{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

.nav-menu .sub-list .nav-menu-sub-item .nav-menu-group-text{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity));
}

.nav-menu .sub-list .nav-menu-sub-item .nav-menu-group-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.nav-menu .sub-list .nav-menu-sub-item .nav-menu-item-icon{
  position: relative;
  margin-left: 0.5rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  background-clip: border-box;
  background-position: center;
  background-repeat: no-repeat;
}

.nav-menu .sub-list:nth-child(n+4){
  position: relative;
  display: block;
  width: 100%;
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .nav-menu .sub-list:nth-child(n+4){
    position: absolute;
    left: 15rem;
    z-index: 50;
    margin-top: -13rem;
    display: none;
    width: 15rem;
    border-radius: 0px;
    border-width: 1px;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.nav-menu .sub-list .nav-menu-sub-item .nav-menu-sub-icon{
  position: relative;
  top: 0.125rem;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  background-clip: border-box;
  background-position: center;
  background-repeat: no-repeat;
}

.nav-menu .sub-list .nav-menu-sub-item .nav-menu-sub-text{
  padding-top: 0.125rem;
}

.nav-menu .sub-list .nav-menu-sub-item:first-child{
  display: none;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .nav-menu .sub-list .nav-menu-sub-item:first-child{
    margin-left: 0px;
    margin-right: 0px;
    display: list-item;
  }
}

.nav-menu .sub-list .nav-menu-sub-item:first-child > a:hover{
  display: none;
  border-top-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .nav-menu .sub-list .nav-menu-sub-item:first-child > a:hover{
    display: list-item;
  }
}

.nav-menu .sub-list .nav-menu-sub-item:first-child .nav-menu-sub-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu .sub-list .nav-menu-sub-item:first-child .nav-menu-sub-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.nav-menu .sub-list .nav-menu-sub-item:hover > a,
.nav-menu .sub-list .nav-menu-sub-item.active > a{
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu .sub-list .nav-menu-sub-item > a{
  display: flex;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  border-radius: 9999px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.nav-menu .sub-list .nav-menu-sub-item.active .nav-menu-sub-icon,
.nav-menu .sub-list .nav-menu-sub-item:hover .nav-menu-sub-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-menu .nav-bottom{
  display: none;
  height: 10rem;
  row-gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .nav-menu .nav-bottom{
    margin-top: auto;
    display: grid;
    padding: 1rem;
  }
}

.nav-menu .nav-bottom ul{
  display: grid;
  row-gap: 0.25rem;
}

.nav-menu .nav-bottom a{
  display: block;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
  padding: 0.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}

.nav-menu-float{
  position: relative;
  z-index: 40;
  display: none;
}

@media (min-width: 1024px){
  .nav-menu-float{
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 40;
    display: flex;
    width: 15rem;
    flex-direction: column;
  }
}

.nav-menu-float-open{
  display: block;
  opacity: 1;
}

.nav-menu-float-close{
  display: none;
  opacity: 0;
}

.nav-menu-float-open .inside{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.nav-menu-float-close .inside{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.nav-menu-float .inside{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-open{
  position: relative;
  z-index: 40;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}

@media (min-width: 1024px){
  .menu-open{
    display: none;
  }
}

.menu-close{
  position: relative;
  z-index: 40;
}

@media (min-width: 1024px){
  .menu-close{
    display: none;
  }
}

.nav-menu-group-icon.up {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-group-icon.down {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.home,
.nav-menu-item-icon.home {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.right,
.nav-menu-item-icon.right {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.open,
.nav-menu-item-icon.open {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9.776c.112-.017.227-.026.344-.026h15.812c.117 0 .232.009.344.026m-16.5 0a2.25 2.25 0 00-1.883 2.542l.857 6a2.25 2.25 0 002.227 1.932H19.05a2.25 2.25 0 002.227-1.932l.857-6a2.25 2.25 0 00-1.883-2.542m-16.5 0V6A2.25 2.25 0 016 3.75h3.879a1.5 1.5 0 011.06.44l2.122 2.12a1.5 1.5 0 001.06.44H18A2.25 2.25 0 0120.25 9v.776"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.close,
.nav-menu-item-icon.close {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 014.5 9.75h15A2.25 2.25 0 0121.75 12v.75m-8.69-6.44l-2.12-2.12a1.5 1.5 0 00-1.061-.44H4.5A2.25 2.25 0 002.25 6v12a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9a2.25 2.25 0 00-2.25-2.25h-5.379a1.5 1.5 0 01-1.06-.44z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.op-df,
.nav-menu-item-icon.op-df {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.org,
.nav-menu-item-icon.org {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 21v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21m0 0h4.5V3.545M12.75 21h7.5V10.75M2.25 21h1.5m18 0h-18M2.25 9l4.5-1.636M18.75 3l-1.5.545m0 6.205 3 1m1.5.5-1.5-.5M6.75 7.364V3h-3v18m3-13.636 10.5-3.819" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.org-group,
.nav-menu-item-icon.org-group {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.org-user,
.nav-menu-item-icon.org-user {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.org-user-menu,
.nav-menu-item-icon.org-user-menu {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.user-group,
.nav-menu-item-icon.user-group {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.menu,
.nav-menu-item-icon.menu {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.menu-master,
.nav-menu-item-icon.menu-master {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.menu-role,
.nav-menu-item-icon.menu-role {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.code,
.nav-menu-item-icon.code {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.board,
.nav-menu-item-icon.board {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.project,
.nav-menu-item-icon.project {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.25h13.5m-13.5 0a3 3 0 0 1-3-3m3 3a3 3 0 1 0 0 6h13.5a3 3 0 1 0 0-6m-16.5-3a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3m-19.5 0a4.5 4.5 0 0 1 .9-2.7L5.737 5.1a3.375 3.375 0 0 1 2.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 0 1 .9 2.7m0 0a3 3 0 0 1-3 3m0 3h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Zm-3 6h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.org-manager,
.nav-menu-item-icon.org-manager {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m0 0a2.246 2.246 0 0 0-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0 1 21 12v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6c0-.98.626-1.813 1.5-2.122" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.evaluator,
.nav-menu-item-icon.evaluator {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.mng-office,
.nav-menu-item-icon.mng-office {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.bld-all,
.nav-menu-item-icon.bld-all {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M 2.25 21 L 11.285 21 M 3.75 3 L 3.75 21 M 14.25 3.072 L 14.25 10.313 M 20.25 7.5 L 20.25 11.076 M 6.75 6.75 L 7.5 6.75 M 6.75 9.75 L 7.5 9.75 M 6.75 12.75 L 7.5 12.75 M 10.5 6.75 L 11.25 6.75 M 10.5 9.75 L 11.25 9.75 M 10.5 12.75 L 11.25 12.75 M 6.75 21 L 6.75 17.625 C 6.75 17.004 7.254 16.5 7.875 16.5 L 9.009 16.5 C 9.63 16.5 10.134 17.004 10.134 17.625 L 10.134 21 M 3 3 L 15 3 M 14.25 7.5 L 21 7.5"/>\
    <path stroke-linecap="round" stroke-linejoin="round" d="M 22.459 22.283 L 19.636 19.46 M 19.636 19.46 C 21.854 17.242 20.839 13.454 17.809 12.642 C 16.403 12.266 14.902 12.668 13.873 13.697 C 11.655 15.915 12.67 19.702 15.7 20.514 C 17.106 20.891 18.606 20.489 19.636 19.46 Z" style=""/>\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.bld-info,
.nav-menu-item-icon.bld-info {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M9 4.5v15m6-15v15m-10.875 0h15.75c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125H4.125C3.504 4.5 3 5.004 3 5.625v12.75c0 .621.504 1.125 1.125 1.125Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.bld-no,
.nav-menu-item-icon.bld-no {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v1.5M16.5 3.75H18A2.25 2.25 0 0 1 20.25 6v1.5m0 9V18A2.25 2.25 0 0 1 18 20.25h-1.5m-9 0H6A2.25 2.25 0 0 1 3.75 18v-1.5M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.bld-floor,
.nav-menu-item-icon.bld-floor {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.bld-room,
.nav-menu-item-icon.bld-room {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" />\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fac-class,
.nav-menu-item-icon.fac-class {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fafac-list,
.nav-menu-item-icon.fac-list {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fac-mng-list-,
.nav-menu-item-icon.fac-mng-list {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Z" />\
    <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5H21A7.5 7.5 0 0 0 13.5 3v7.5Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

/* PDS 추가 */

.nav-menu-item-icon.oper-base-info {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.tmpl-manage,
.nav-menu-item-icon.tmpl-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.drecord-check-set,
.nav-menu-item-icon.drecord-check-set {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a2.25 2.25 0 0 0-2.25-2.25H15a3 3 0 1 1-6 0H5.25A2.25 2.25 0 0 0 3 12m18 0v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 9m18 0V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v3" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.drecord-check-manage,
.nav-menu-item-icon.drecord-check-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.work-schedule-manage,
.nav-menu-item-icon.work-schedule-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.bld-info-manage,
.nav-menu-item-icon.bld-info-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fac-manage,
.nav-menu-item-icon.fac-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fac-mng-history,
.nav-menu-item-icon.fac-mng-history {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.asset-manage,
.nav-menu-item-icon.asset-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.asset-class,
.nav-menu-item-icon.asset-class {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.asset-list,
.nav-menu-item-icon.asset-list {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5h-2.25m-7.5 0h7.5m-7.5 0-1 3m8.5-3 1 3m0 0 .5 1.5m-.5-1.5h-9.5m0 0-.5 1.5m.75-9 3-3 2.148 2.148A12.061 12.061 0 0 1 16.5 7.605" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.defect-manage,
.nav-menu-item-icon.defect-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M11.42 15.17 17.25 21A2.652 2.652 0 0 0 21 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 1 1-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 0 0 4.486-6.336l-3.276 3.277a3.004 3.004 0 0 1-2.25-2.25l3.276-3.276a4.5 4.5 0 0 0-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437 1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.defect-manage-list,
.nav-menu-item-icon.defect-manage-list {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 3v11.25A2.25 2.25 0 0 0 6 16.5h2.25M3.75 3h-1.5m1.5 0h16.5m0 0h1.5m-1.5 0v11.25A2.25 2.25 0 0 1 18 16.5h-2.25m-7.5 0h7.5m-7.5 0-1 3m8.5-3 1 3m0 0 .5 1.5m-.5-1.5h-9.5m0 0-.5 1.5M9 11.25v1.5M12 9v3.75m3-6v6" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.maintenance-history,
.nav-menu-item-icon.maintenance-history {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.bld-maintenance-history,
.nav-menu-item-icon.bld-maintenance-history {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 12h16.5m-16.5 3.75h16.5M3.75 19.5h16.5M5.625 4.5h12.75a1.875 1.875 0 0 1 0 3.75H5.625a1.875 1.875 0 0 1 0-3.75Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fac-maintenance-history,
.nav-menu-item-icon.fac-maintenance-history {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-manage,
.nav-menu-item-icon.dwg-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-manage-adm,
.nav-menu-item-icon.dwg-manage-adm {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498 4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 0 0-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-architecture,
.nav-menu-item-icon.dwg-architecture {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-structure,
.nav-menu-item-icon.dwg-structure {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-electricity,
.nav-menu-item-icon.dwg-electricity {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M12 18.75H4.5a2.25 2.25 0 0 1-2.25-2.25V9m12.841 9.091L16.5 19.5m-1.409-1.409c.407-.407.659-.97.659-1.591v-9a2.25 2.25 0 0 0-2.25-2.25h-9c-.621 0-1.184.252-1.591.659m12.182 12.182L2.909 5.909M1.5 4.5l1.409 1.409" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-machine,
.nav-menu-item-icon.dwg-machine {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12a7.5 7.5 0 0 0 15 0m-15 0a7.5 7.5 0 1 1 15 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077 1.41-.513m14.095-5.13 1.41-.513M5.106 17.785l1.15-.964m11.49-9.642 1.149-.964M7.501 19.795l.75-1.3m7.5-12.99.75-1.3m-6.063 16.658.26-1.477m2.605-14.772.26-1.477m0 17.726-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205 12 12m6.894 5.785-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-fire,
.nav-menu-item-icon.dwg-fire {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-facilities,
.nav-menu-item-icon.dwg-facilities {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-traffic,
.nav-menu-item-icon.dwg-traffic {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M8.288 15.038a5.25 5.25 0 0 1 7.424 0M5.106 11.856c3.807-3.808 9.98-3.808 13.788 0M1.924 8.674c5.565-5.565 14.587-5.565 20.152 0M12.53 18.22l-.53.53-.53-.53a.75.75 0 0 1 1.06 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-civil,
.nav-menu-item-icon.dwg-civil {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-landscaping,
.nav-menu-item-icon.dwg-landscaping {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3 3v1.5M3 21v-6m0 0 2.77-.693a9 9 0 0 1 6.208.682l.108.054a9 9 0 0 0 6.086.71l3.114-.732a48.524 48.524 0 0 1-.005-10.499l-3.11.732a9 9 0 0 1-6.085-.711l-.108-.054a9 9 0 0 0-6.208-.682L3 4.5M3 15V4.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.dwg-etc,
.nav-menu-item-icon.dwg-etc {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 14.25v2.25m3-4.5v4.5m3-6.75v6.75m3-9v9M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.minwon-manage,
.nav-menu-item-icon.minwon-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.minwon-receipt,
.nav-menu-item-icon.minwon-receipt {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.administrative-work,
.nav-menu-item-icon.administrative-work {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.annual-manage-plan,
.nav-menu-item-icon.annual-manage-plan {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672Zm-7.518-.267A8.25 8.25 0 1 1 20.25 10.5M8.288 14.212A5.25 5.25 0 1 1 17.25 10.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.annual-manage-plan-report,
.nav-menu-item-icon.annual-manage-plan-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.maintenance-operate-report,
.nav-menu-item-icon.maintenance-operate-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.law-man,
.nav-menu-item-icon.law-man {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fac-repair-report,
.nav-menu-item-icon.fac-repair-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.defect-repair-report,
.nav-menu-item-icon.defect-repair-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" />\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.long-repair-plan,
.nav-menu-item-icon.long-repair-plan {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75a4.5 4.5 0 0 1-4.884 4.484c-1.076-.091-2.264.071-2.95.904l-7.152 8.684a2.548 2.548 0 1 1-3.586-3.586l8.684-7.152c.833-.686.995-1.874.904-2.95a4.5 4.5 0 0 1 6.336-4.486l-3.276 3.276a3.004 3.004 0 0 0 2.25 2.25l3.276-3.276c.256.565.398 1.192.398 1.852Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.long-repair-report,
.nav-menu-item-icon.long-repair-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />\
    <path stroke-linecap="round" stroke-linejoin="round" d="M9 9.563C9 9.252 9.252 9 9.563 9h4.874c.311 0 .563.252.563.563v4.874c0 .311-.252.563-.563.563H9.564A.562.562 0 0 1 9 14.437V9.564Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.long-repair-money,
.nav-menu-item-icon.long-repair-money {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m0-10.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.25-8.25-3.286Zm0 13.036h.008v.008H12v-.008Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.person-manage,
.nav-menu-item-icon.person-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M15 9h3.75M15 12h3.75M15 15h3.75M4.5 19.5h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Zm6-10.125a1.875 1.875 0 1 1-3.75 0 1.875 1.875 0 0 1 3.75 0Zm1.294 6.336a6.721 6.721 0 0 1-3.17.789 6.721 6.721 0 0 1-3.168-.789 3.376 3.376 0 0 1 6.338 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.employee-list,
.nav-menu-item-icon.employee-list {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.employeeDL-state,
.nav-menu-item-icon.employeeDL-state {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0 0 12 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 0 1-2.031.352 5.988 5.988 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971Zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0 2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 0 1-2.031.352 5.989 5.989 0 0 1-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.event-report,
.nav-menu-item-icon.event-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.person-board,
.nav-menu-item-icon.person-board {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.workbook-report,
.nav-menu-item-icon.workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25M9 16.5v.75m3-3v3M15 12v5.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.workbook-schedule,
.nav-menu-item-icon.workbook-schedule {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.fac-manage-book,
.nav-menu-item-icon.fac-manage-book {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6 6.878V6a2.25 2.25 0 0 1 2.25-2.25h7.5A2.25 2.25 0 0 1 18 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 0 0 4.5 9v.878m13.5-3A2.25 2.25 0 0 1 19.5 9v.878m0 0a2.246 2.246 0 0 0-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0 1 21 12v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6c0-.98.626-1.813 1.5-2.122" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.day-workbook-report,
.nav-menu-item-icon.day-workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.week-workbook-report,
.nav-menu-item-icon.week-workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.month-workbook-report,
.nav-menu-item-icon.month-workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.quarter-workbook-report,
.nav-menu-item-icon.quarter-workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12H12m-8.25 5.25h16.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.year-workbook-report,
.nav-menu-item-icon.year-workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.nonschedule-workbook-report,
.nav-menu-item-icon.nonschedule-workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3 4.5h14.25M3 9h9.75M3 13.5h5.25m5.25-.75L17.25 9m0 0L21 12.75M17.25 9v12" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.outsourcing-workbook-report,
.nav-menu-item-icon.outsourcing-workbook-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0-3.75-3.75M17.25 21 21 17.25" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.workbook-common,
.nav-menu-item-icon.workbook-common {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.energy-manage,
.nav-menu-item-icon.energy-manage {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.energy-used-status,
.nav-menu-item-icon.energy-used-status {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.energy-used-input,
.nav-menu-item-icon.energy-used-input {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M21 10.5h.375c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125H21M4.5 10.5H18V15H4.5v-4.5ZM3.75 18h15A2.25 2.25 0 0 0 21 15.75v-6a2.25 2.25 0 0 0-2.25-2.25h-15A2.25 2.25 0 0 0 1.5 9.75v6A2.25 2.25 0 0 0 3.75 18Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.result-report,
.nav-menu-item-icon.result-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M10.125 2.25h-4.5c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125v-9M10.125 2.25h.375a9 9 0 0 1 9 9v.375M10.125 2.25A3.375 3.375 0 0 1 13.5 5.625v1.5c0 .621.504 1.125 1.125 1.125h1.5a3.375 3.375 0 0 1 3.375 3.375M9 15l2.25 2.25L15 12" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.month-result-report,
.nav-menu-item-icon.month-result-report {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.month-report-tmpl,
.nav-menu-item-icon.month-report-tmpl {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none" transform="matrix(1, 0, 0, 1, 0.25000000745058415, 0.003371000157549986)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M11.35 3.836c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m8.9-4.414c.376.023.75.05 1.124.08 1.131.094 1.976 1.057 1.976 2.192V16.5A2.25 2.25 0 0 1 18 18.75h-2.25m-7.5-10.5H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V18.75m-7.5-10.5h6.375c.621 0 1.125.504 1.125 1.125v9.375m-8.25-3 1.5 1.5 3-3.75" />\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-menu-sub-icon.memo,
.nav-menu-item-icon.memo {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
  <path stroke-linecap="round" stroke-linejoin="round" d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z"/>\
  <path stroke-linecap="round" stroke-linejoin="round" d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z"/>\
  </g>\
  </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

/* PDS 추가 */

@media (min-width: 1024px){
  .menu-close-content{
    padding-left: 1.5rem;
  }
}

/*
Profile
*/

#profile{
  position: relative;
}

.profile-wrap{
  position: absolute;
  left: 50%;
  z-index: 50;
  width: 200px;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(52 119 255 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  top: calc(100% - 8px);
  transform: translateX(-50%);
  box-shadow: 0 20px 60px -15px rgba(37,99,235,.25), 0 8px 20px -10px rgba(0,0,0,.08);
}

.profile-wrap .arrow {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="none" fill="rgb(29, 78, 216)"><path stroke-linecap="round" stroke-linejoin="round" d="M0 24L8.42 7.16c1.47-2.95 5.68-2.95 7.16 0l8.42 16.84H0Z"/></g></svg>');
  content: var(--svg);
  position: absolute;
  top: -0.5rem;
  left: 50%;
  z-index: 10;
  margin: 0px;
  height: 0.5rem;
  width: 0.5rem;
  padding: 0px;
  line-height: 1;
  color: transparent;
  transform: translateX(-50%);
}

.profile-wrap > ul{
  margin: 0px;
  display: grid;
  list-style-type: none;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding: 0px;
}

.profile-wrap .title{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

.profile-wrap .info{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}

.profile-wrap .info .image{
  margin-left: auto;
  margin-right: auto;
  display: block;
  display: grid;
  height: 5rem;
  width: 5rem;
  place-items: center;
  border-radius: 9999px;
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
}

.profile-wrap .info > li:not(.image){
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.profile-wrap .buttons{
  margin: 0px;
  display: grid;
  list-style-type: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.profile-wrap .buttons > li{
  text-align: center;
}

.profile-wrap .buttons > li a{
  display: block;
  cursor: pointer;
  border-radius: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.profile-wrap .buttons > li a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(232 246 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
}

.profile-wrap .buttons > li a::before {
  content: none;
}

.profile-wrap .buttons > li.col-span-2{
  margin-top: 0.25rem;
}

.profile-wrap .logout{
  display: block;
  width: 100%;
  cursor: pointer;
  border-radius: 10px;
  border-width: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

.profile-wrap .logout:hover {
  box-shadow: 0 6px 16px -4px rgba(37,99,235,.4);
  transform: translateY(-1px);
}

/*
full screen css
*/

.default .center{
  display: flex;
  height: 100%;
  min-height: 100%;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: center;
}

.default .nav-footer{
  margin-top: 0px;
}

.default .nav-footer.auto{
  margin-top: 0px;
}

.default .login{
  margin-left: auto;
  margin-right: auto;
  width: 25rem;
  border-radius: 0.5rem;
  padding: 1.5rem;
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight:400;
  box-shadow: 0 5px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.default .login .title{
  display: flex;
  height: 8rem;
  min-height: 100%;
  flex: 1 1 0%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.default .login .title > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.default .center-auto{
  margin-bottom: 4rem;
  display: flex;
  height: auto;
  min-height: 100%;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
}

.default .signup{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-radius: 0.5rem;
  padding: 1.5rem;
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight:400;
}

@media (min-width: 1024px){
  .default .signup{
    width: 59rem;
  }
}

.default .signup form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.default .signup .title{
  width: 100%;
  padding: 3rem;
  text-align: center;
  font-size: 3rem;
  line-height: 1;
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight:400;
}

.default .signup .group > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.default .signup .group > div{
  display: flex;
  width: 100%;
}

.default .signup .group .section{
  margin-bottom: 1rem;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(60 130 246 / var(--tw-border-opacity));
  padding-bottom: 0.25rem;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.05em;
  --tw-text-opacity: 1;
  color: rgb(60 130 246 / var(--tw-text-opacity));
}

.default .signup .group .label{
  display: flex;
  width: 16.666667%;
  align-items: center;
}

.default .signup .group .value{
  display: grid;
  width: 83.333333%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.25rem;
}

.default .signup .group .value span{
  grid-column: span 2 / span 2;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
}

.profile-wrap .buttons > li.default .signup .group .value span{
  margin-top: 0.25rem;
}

.icon-profile {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  background-color: rgb(124, 124, 124);
}

.icon-search.profile{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-search {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  background-color: rgb(124, 124, 124);
  margin-top: 0.25rem;
  height: 1.25rem;
  width: 1.25rem
}

.icon-search.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-pencil {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.icon-pencil.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-more {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.icon-more.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-arrow-first {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-arrow-prev {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-arrow-next {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-arrow-last {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-close {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-close.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-check {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-check.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-qr {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" /></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-qr.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-check.red{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.icon-circle-check {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-circle-check.solid {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="currentColor"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" /></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

/* PDS 추가  */

.icon-plus-square {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path id="Vector" d="M8 12H12M12 12H16M12 12V16M12 12V8M4 16.8002V7.2002C4 6.08009 4 5.51962 4.21799 5.0918C4.40973 4.71547 4.71547 4.40973 5.0918 4.21799C5.51962 4 6.08009 4 7.2002 4H16.8002C17.9203 4 18.4801 4 18.9079 4.21799C19.2842 4.40973 19.5905 4.71547 19.7822 5.0918C20.0002 5.51962 20.0002 6.07967 20.0002 7.19978V16.7998C20.0002 17.9199 20.0002 18.48 19.7822 18.9078C19.5905 19.2841 19.2842 19.5905 18.9079 19.7822C18.4805 20 17.9215 20 16.8036 20H7.19691C6.07899 20 5.5192 20 5.0918 19.7822C4.71547 19.5905 4.40973 19.2842 4.21799 18.9079C4 18.4801 4 17.9203 4 16.8002Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-minus-square {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path id="Vector" d="M8 12H16M4 16.8002V7.2002C4 6.08009 4 5.51962 4.21799 5.0918C4.40973 4.71547 4.71547 4.40973 5.0918 4.21799C5.51962 4 6.08009 4 7.2002 4H16.8002C17.9203 4 18.4801 4 18.9079 4.21799C19.2842 4.40973 19.5905 4.71547 19.7822 5.0918C20.0002 5.51962 20.0002 6.07967 20.0002 7.19978V16.7998C20.0002 17.9199 20.0002 18.48 19.7822 18.9078C19.5905 19.2841 19.2842 19.5905 18.9079 19.7822C18.4805 20 17.9215 20 16.8036 20H7.19691C6.07899 20 5.5192 20 5.0918 19.7822C4.71547 19.5905 4.40973 19.2842 4.21799 18.9079C4 18.4801 4 17.9203 4 16.8002Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

/* PDS 추가  */

.icon-circle-check.white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-circle-check.red{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.icon-circle-check.green{
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity));
}

.icon-circle-check.blue{
  --tw-bg-opacity: 1;
  background-color: rgb(60 130 246 / var(--tw-bg-opacity));
}

.icon-circle {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(96, 164, 250)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12 m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-circle-plus {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(96, 164, 250)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-circle-minus {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(96, 164, 250)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-delete {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(124, 124, 124)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m6 4.125 2.25 2.25m0 0 2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  content: ' ';
  display: inline-block !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-delete:hover {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(185 28, 28)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m6 4.125 2.25 2.25m0 0 2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  content: ' ';
  display: inline-block !important;
  height: 1.5rem !important;
  width: 1.5rem !important;
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity))
}

.icon-up {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-down {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.icon-clear {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(124, 124, 124)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636"/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

/* /fms/dashboard */

.dashboard-schedule{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

.dashboard-schedule #schedule-now,
.dashboard-schedule #schedule-next{
  height: 88px;
}

.dashboard-schedule .row{
  display: flex;
  height: 1.5rem;
  justify-content: space-between;
}

.dashboard-schedule .row .date{
  width: 6rem;
  flex: none;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

/* 
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 24 24" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
  <g stroke-linecap="round" stroke-width="1.5" stroke="#d3e3fd" fill="none">
  <path d="M 12 0 C 12 0 12 6 12 7"/>
  <path d="M 12 17 C 12 17 12 24 12 24"/>
  </g>
  <g stroke-linecap="round" stroke-width="3" stroke="#3b82f6" fill="#ffffff">
  <ellipse cx="12" cy="12" rx="5" ry="5"/>
  </g>
</svg> */

.dashboard-schedule dd .row .route {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="3" stroke="rgb(181, 221, 255)" fill="none">\
  <path d="M 12 0 C 12 0 12 6 12 7"/><path d="M 12 17 C 12 17 12 24 12 24"/>\
  </g>\
  <g stroke-linecap="round" stroke-width="3" stroke="rgb(89, 158, 255)" fill="none">\
  <ellipse cx="12" cy="12" rx="5" ry="5"/>\
  </g>\
  </svg>');
  content: var(--svg);
  display: inline-block;
  height: 100%;
  width: 100%
}

.dashboard-schedule dd:first-child .row .route {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="3" stroke="rgb(181, 221, 255)" fill="none">\
  <path d="M 12 17 C 12 17 12 24 12 24"/>\
  </g>\
  <g stroke-linecap="round" stroke-width="3" stroke="rgb(89, 158, 255)" fill="none">\
  <ellipse cx="12" cy="12" rx="5" ry="5"/>\
  </g>\
  </svg>');
  content: var(--svg);
}

.dashboard-schedule dd:last-child .row .route {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
  <g stroke-linecap="round" stroke-width="3" stroke="rgb(181, 221, 255)" fill="none">\
  <path d="M 12 0 C 12 0 12 6 12 7"/>\
  </g>\
  <g stroke-linecap="round" stroke-width="3" stroke="rgb(89, 158, 255)" fill="none">\
  <ellipse cx="12" cy="12" rx="5" ry="5"/>\
  </g>\
  </svg>');
  content: var(--svg);
}

.dashboard-schedule .row .content{
  width: 60%;
  flex: none;
  font-size: 1rem;
  line-height: 1.5rem;
}

.dashboard-schedule .row .content:after {
  content: '';
  display: inline-block;
  height: 1rem;
  width: 1rem
}

.dashboard-schedule .row .content.check:after {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="rgb(248, 113, 113)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></g></svg>');
  content: var(--svg);
  display: inline-block;
  height: 1rem;
  width: 1rem
}

i.icon-donut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

i.icon-donut::after {
  content: "";
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="rgb(37,99,235)"/><circle cx="50" cy="50" r="20" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.schedule-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><circle cx='256' cy='256' r='256' fill='%2307A6F0'/><path fill='%23fff' d='M378.5 166.5 224 321l-90.5-91-45 45L224 411 423.5 211.5z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

.schedule-icon[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 999;
  opacity: 1;
  pointer-events: none;
}

.schedule-icon[data-tooltip]::after {
  content: '';
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.default-content{
  overflow-x: auto;
  overflow-y: auto;
  border-top-width: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
  padding: 0px;
}

@media (min-width: 1024px){
  .default-content{
    margin-left: 15rem;
    height: calc(100% - 7rem);
    min-width: 800px;
  }
}

.default-content-full{
  margin-left: 0px;
  height: 100%;
  border-top-width: 0px;
}

.default-content .title{
  display: flex;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.default-content .buttons{
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.default-content .buttons > *{
  width: 10rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.default-content .buttons > *:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.default-content .buttons > *.outline{
  --tw-border-opacity: 1;
  border-color: rgb(29 78 216 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.default-content .buttons > *.grow{
  border-style: none;
  background-color: transparent;
}

.default-content .buttons > *.grow:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.default-content .search-section{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.default-content .search-section > ul{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.5rem;
}

.default-content .search-section > ul > li{
  grid-column: span 4 / span 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

.default-content .search-section > ul > li > *:nth-child(1){
  margin: 0px;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.default-content .search-section > ul > li > *:nth-child(2){
  grid-column: span 3 / span 3;
}

.default-content .search-section > ul:last-child > li:first-child{
  grid-column: span 10 / span 10;
}

.default-content .search-section > ul:last-child > li:last-child{
  grid-column: span 2 / span 2;
  justify-content: flex-end;
}

.profile-wrap .buttons > li.default-content .search-section > ul:last-child > li:last-child{
  margin-top: 0.25rem;
}

.default-content .search-bar{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.default-content .search-bar > ul{
  display: flex;
  width: 100%;
  gap: 0.5rem;
}

.default-content .search-bar > ul > li{
  display: flex;
  gap: 0.5rem;
}

.default-content .search-bar > ul > li > label{
  margin: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.default-content .search-bar > ul > li > input{
  width: auto;
}

.default-content .content-wrap{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.default-form input[type=text],
.default-form input[type=email],
.default-form input[type=password],
.default-form input[type=number],
.default-form input[type=tel],
.default-form input[type=phone],
.default-form input[type=date],
.default-form input[type=time],
.default-form select{
  display: block;
  border-radius: 0.375rem;
  border-width: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
}

.default-form input[type=text]::-moz-placeholder, .default-form input[type=email]::-moz-placeholder, .default-form input[type=password]::-moz-placeholder, .default-form input[type=number]::-moz-placeholder, .default-form input[type=tel]::-moz-placeholder, .default-form input[type=phone]::-moz-placeholder, .default-form input[type=date]::-moz-placeholder, .default-form input[type=time]::-moz-placeholder, .default-form select::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.default-form input[type=text]::placeholder,
.default-form input[type=email]::placeholder,
.default-form input[type=password]::placeholder,
.default-form input[type=number]::placeholder,
.default-form input[type=tel]::placeholder,
.default-form input[type=phone]::placeholder,
.default-form input[type=date]::placeholder,
.default-form input[type=time]::placeholder,
.default-form select::placeholder{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.default-form input[type=text]:focus,
.default-form input[type=email]:focus,
.default-form input[type=password]:focus,
.default-form input[type=number]:focus,
.default-form input[type=tel]:focus,
.default-form input[type=phone]:focus,
.default-form input[type=date]:focus,
.default-form input[type=time]:focus,
.default-form select:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 98 235 / var(--tw-ring-opacity));
}

.default-form select{
  display: block;
  border-radius: 0.375rem;
  border-width: 0px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 212 212 / var(--tw-ring-opacity));
}

.default-form select:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(37 98 235 / var(--tw-ring-opacity));
}

@media (min-width: 640px){
  .default-form select{
    max-width: 20rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px){
  .default-form select{
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.default-form input[type=checkbox]{
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(212 212 212 / var(--tw-border-opacity));
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(60 130 246 / var(--tw-text-opacity));
}

.default-form input[type=checkbox]:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(60 130 246 / var(--tw-ring-opacity));
}

.default-form label{
  display: block;
  padding-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}

.default-form input[readonly]{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.default-form button{
  display: flex;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.default-form button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
}

.default-form button:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #525252;
}

.default-form button.outline{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
}

.default-form button.outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.default-form button.outline:focus-visible{
  outline-color: #f5f5f5;
}

.default-form button.primary{
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.default-form button.primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.default-form button.primary.outline{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.default-form button.primary.outline:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
}

.default-tab{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.default-tab > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.default-tab{
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: center;
}

.default-tab > li{
  cursor: pointer;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.default-tab > li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.default-tab > li.active,
.default-tab > li:active{
  --tw-bg-opacity: 1;
  background-color: rgb(52 119 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

/* template */

#template-header{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

#template-header dt{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  gap: 0.5rem;
}

#template-header dt span{
  position: relative;
  display: flex;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}

#template-header dt span:last-child{
  padding-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

#template-header dd{
  border-top-width: 2px;
  border-bottom-width: 1px;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

#template-header dd span{
  position: relative;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding: 0.5rem;
}

#template-header dd span:first-child{
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-left-color: rgb(209 213 219 / var(--tw-border-opacity));
}

#template-list{
  position: relative;
  margin-bottom: 2rem;
  display: grid;
  max-height: 480px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow-y: auto;
  border-bottom-width: 1px;
}

#template-list.overflow-5{
  max-height: 240px;
}

#template-list dd{
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding: 0px !important;
  text-align: center;
}

#template-list dd:first-child{
  position: sticky;
  top: 0px;
  z-index: 20;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

#template-list dd:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

#template-list dd:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

#template-list dd span{
  display: grid;
  cursor: pointer;
  align-items: center;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(209 213 219 / var(--tw-border-opacity));
  padding: 0.5rem;
}

#template-list dd span.prevent{
  cursor: auto;
  place-items: center;
}

#template-list dd span:first-child{
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-left-color: rgb(209 213 219 / var(--tw-border-opacity));
}

#template-list dd span button{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

#template-list dd span .list-delete{
  display: inline-block;
  height: auto;
  width: auto;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

#template-page{
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  display: inline-flex;
  width: auto;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding: 0.25rem;
}

#template-page li{
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  padding-top: 0.125rem;
  vertical-align: middle;
}

#template-page li:hover span{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

#template-page #page-number{
  width: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

#template-page #page-number.active,
#template-page #page-number:hover{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.nav-header{
  position: sticky;
  top: 0px;
  z-index: 50;
  display: flex;
  height: 70px;
  flex-shrink: 0;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
  padding-right: 1rem;
}

.nav-header .nav-menu-float-open{
  margin-left: 0.5rem;
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.nav-header .nav-menu-float-open span {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(150, 150, 150)" fill="none">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>\
    </g>\
    </svg>');
  background-image: var(--svg);
  background-size: 24px;
  margin: 0.75rem;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background-clip: border-box;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity))
}

.nav-header .nav-menu-float-open:hover span {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(50, 50, 50)" fill="none">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/>\
    </g>\
    </svg>');
  background-image: var(--svg);
}

.nav-header .nav-header-notification {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(124, 124, 124)" fill="none">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>\
    </g>\
    </svg>');
  background-image: var(--svg);
  background-size: 20px;
  position: relative;
  height: 100%;
  width: 2rem;
  background-clip: border-box;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity))
}

.nav-header .nav-header-notification:hover {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(200, 200, 200)" fill="none">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 9v.906a2.25 2.25 0 0 1-1.183 1.981l-6.478 3.488M2.25 9v.906a2.25 2.25 0 0 0 1.183 1.981l6.478 3.488m8.839 2.51-4.66-2.51m0 0-1.023-.55a2.25 2.25 0 0 0-2.134 0l-1.022.55m0 0-4.661 2.51m16.5 1.615a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V8.844a2.25 2.25 0 0 1 1.183-1.981l7.5-4.039a2.25 2.25 0 0 1 2.134 0l7.5 4.039a2.25 2.25 0 0 1 1.183 1.98V19.5Z"/>\
    </g>\
    </svg>');
  background-image: var(--svg);
}

.nav-header .nav-header-notification .badge{
  position: absolute;
  top: 1rem;
  right: 0.75rem;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  padding: 0px;
  padding-top: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.nav-header .nav-header-separator{
  margin-right: 1rem;
  height: 1.5rem;
  width: 1px;
  background-color: rgb(23 23 23 / 0.1);
}

@media (min-width: 1024px){
  .nav-header .nav-header-separator{
    flex-grow: 0;
  }
}

.nav-header .nav-header-content{
  display: flex;
  flex: 1 1 0%;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-self: stretch;
}

.nav-header .nav-header-content > div{
  position: relative;
  display: flex;
  flex: 1 1 0%;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-self: stretch;
}

.nav-header .nav-header-content select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 0px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.nav-header .nav-header-content select::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.nav-header .nav-header-content select::placeholder{
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}

.nav-header .nav-header-content select > option{
  font-size: 1rem;
  line-height: 1.5rem;
}

.nav-header .nav-header-system{
  margin: auto;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight:400;
}

.nav-header .nav-header-name{
  margin: auto;
  display: none;
  padding-top: 0.375rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight:400;
}

@media (min-width: 1024px){
  .nav-header .nav-header-name{
    display: flex;
  }
}

.nav-header .icon{
  width: 4rem;
  cursor: pointer;
}

.nav-header .platform-selector{
  display: none;
  height: auto;
  place-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

@media (min-width: 800px){
  .nav-header .platform-selector{
    display: none;
  }
}

.nav-header .platform-selector{
  display: none;
  height: auto;
  place-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}

.nav-nav{
  position: sticky;
  top: 4rem;
  z-index: 40;
  display: flex;
  height: 2.5rem;
  flex-shrink: 0;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity));
}

@media (min-width: 640px){
  .nav-nav{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px){
  .nav-nav{
    margin-left: 15rem;
    padding-right: 2rem;
  }
}

.nav-nav > div{
  display: flex;
  padding-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.nav-nav > div .nav-nav-text{
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.5rem;
}

.default-content .buttons > *.nav-nav > div .nav-nav-text{
  border-style: none;
  background-color: transparent;
}

.default-content .buttons > *.nav-nav > div .nav-nav-text:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-nav > div .nav-nav-icon{
  position: relative;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-right: 0.5rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  flex-grow: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 212 / var(--tw-bg-opacity));
}

.nav-nav > div:first-child .nav-nav-icon{
  margin-right: 0px;
  height: 1rem;
  width: 1rem;
}

.nav-nav-icon.chevron-right {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" fill="none">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5"/>\
    </g>\
    </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-nav-icon.home {
  --svg: url('data:image/svg+xml,\
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">\
    <g fill-rule="evenodd" clip-rule="evenodd" fill="rgb(0, 0, 0)">\
    <path fill-rule="evenodd" d="M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z" clip-rule="evenodd"/>\
    </g>\
    </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.nav-nav-end{
  flex-grow: 0;
}

.nav-footer {
  background-color: #f3f3f3;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  border-top-width: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(38 38 38 / var(--tw-border-opacity));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity))
}

@media (min-width: 640px){
  .nav-footer{
    display: flex;
    flex: 1 1 0%;
  }
}

@media (min-width: 768px){
  .nav-footer{
    height: 7rem;
  }
}

@media (min-width: 1024px){
  .nav-footer{
    height: 5rem;
  }
}

.nav-footer .words{
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-content: center;
}

.default-content .buttons > *.nav-footer .words{
  border-style: none;
  background-color: transparent;
}

.default-content .buttons > *.nav-footer .words:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-footer .buttons{
  display: grid;
  min-width: -moz-max-content;
  min-width: max-content;
  flex-grow: 0;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  align-content: center;
  justify-content: center;
  justify-items: center;
  gap: 0.5rem;
  text-align: center;
}

@media (min-width: 1024px){
  .nav-footer .buttons{
    min-width: 10rem;
  }
}

.nav-footer .buttons li{
  letter-spacing: 0em;
  color: rgb(115 115 115 / var(--tw-text-opacity));
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.nav-footer .buttons li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .nav-footer .buttons li{
    width: 100%;
  }
}

.nav-footer .words li span,
.nav-footer .buttons li span{
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0em;
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity));
}

.nav-footer .buttons li span{
  font-size: 14px;
}

/* small */

@media (min-width: 1024px){
  .nav-nav.small{
    margin-left: 4rem;
  }
}

.nav-menu.small{
  display: flex;
  height: auto;
  width: 100%;
}

@media (min-width: 1024px){
  .nav-menu.small{
    position: fixed;
    width: 4rem;
  }
}

.nav-menu.small .nav-menu-contain{
  padding: 0px;
}

.nav-menu.small .nav-menu-group-text{
  text-align: center;
}

.nav-menu.small .list{
  padding-left: 0px;
  padding-right: 0px;
}

.nav-menu.small .list > li > a{
  padding: 0.5rem;
}

.nav-menu.small .list > li > a > span{
  flex-grow: 1;
}

.default-content .buttons > *.nav-menu.small .list > li > a > span{
  border-style: none;
  background-color: transparent;
}

.default-content .buttons > *.nav-menu.small .list > li > a > span:hover{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px){
  .nav-menu.small .list > li > a > span{
    display: none;
  }
}

.nav-menu.small .list .nav-menu-item:active > a,
.nav-menu.small .list .nav-menu-item.active > a{
  border-radius: 0px;
}

.nav-menu.small .sub-list .nav-menu-sub-item:active > a,
.nav-menu.small .sub-list .nav-menu-ub-item.active > a{
  border-radius: 0px;
}

.nav-menu.small .nav-menu-group-item.depth1 .list > li > a > span{
  z-index: 50;
}

@media (min-width: 1024px){
  .nav-menu.small .nav-menu-group-item.depth1 .list > li > a > span{
    display: none;
  }

  .nav-menu.small .nav-menu-group-item.depth1 .list > li > a:hover > span{
    position: absolute;
    left: 5rem;
    margin-left: 0.5rem;
    display: block;
    width: 10rem;
    border-radius: 0.25rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0.5rem;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-shadow-color: rgb(0 0 0 / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
  }
}

.nav-menu.small .nav-menu .depth2{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}

.nav-menu.small .nav-menu .depth2 .list{
  margin: 0px;
}

@media (min-width: 1024px){
  .nav-menu.small .nav-menu .depth2 .nav-menu-item:hover > a{
    border-radius: 0px;
  }
}

.nav-menu.small .list .nav-menu-item .nav-menu-item-icon{
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

.nav-menu.small .list .nav-menu-item > a{
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1024px){
  .nav-menu.small .list .nav-menu-item .nav-menu-item-icon.right{
    display: none;
  }

  .nav-menu.small .nav-menu-group-icon.up,
.nav-menu.small .nav-menu-group-icon.down{
    display: none;
  }

  .nav-menu.small .sub-list{
    left: 5rem;
  }
}

.nav-menu.small .sub-list .nav-menu-sub-item > .nav-menu-sub-icon{
  padding: 0px;
}

.nav-menu.small .nav-bottom{
  display: none;
}

@media (min-width: 1024px){
  .default-content.small{
    margin-left: 4rem;
  }
}

/* default-modal */

.default-modal{
  position: fixed;
  top: 0px;
  left: 0px;
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-content: center;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.25;
}

.default-modal .default-modal-wrap{
  position: relative;
  display: grid;
  height: auto;
  width: auto;
  overflow-y: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .default-modal .default-modal-wrap{
    left: 15rem;
    top: 7.25rem;
    max-height: calc(100% - 15rem);
    max-width: calc(100% - 30rem);
  }
}

.default-modal .default-modal-bar{
  display: flex;
  width: 100%;
  justify-content: center;
  justify-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
}

.default-modal .default-modal-title{
  display: flex;
  place-items: center;
  justify-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.default-modal .default-modal-close{
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  justify-content: center;
  justify-items: center;
  padding: 0.5rem;
}

.default-modal .default-modal-bar-platform{
  display: flex;
  width: 100%;
  justify-content: center;
  justify-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.default-modal .default-modal-bar-platform .default-modal-platform{
  padding-top: 1rem;
  text-align: center;
}

.default-modal .default-modal-bar-platform .default-modal-platform span:first-child{
  margin: auto;
  display: block;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight: 800;
}

.default-modal .default-modal-bar-platform .default-modal-platform span:last-child{
  margin: auto;
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(82 82 82 / var(--tw-text-opacity));
  font-family: 'Noto Sans Korean';
  font-style: normal;
  font-weight:400;
}

.default-modal .default-modal-bar-platform .default-modal-title{
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.default-modal .default-modal-bar-platform .default-modal-close{
  position: absolute;
  right: 0px;
  top: 0px;
}

@media (min-width: 800px){
  .default-modal .default-modal-wrap{
    height: auto;
    width: auto;
    overflow-y: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  @media (min-width: 1024px){
    .default-modal .default-modal-wrap{
      left: 1rem;
      top: 1rem;
      max-height: calc(100% - 2rem);
      max-width: calc(100% - 2rem);
    }
  }
}

/* alert */

.default-alert{
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  justify-content: center;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.25;
}

.default-alert .default-alert-center{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0px;
  width: 0px;
}

.default-alert .default-alert-wrap{
  position: relative;
  left: -10rem;
  top: -7.5rem;
  display: grid;
  height: 15rem;
  width: 20rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.default-alert .default-alert-bar{
  display: flex;
  width: 100%;
  justify-content: center;
  justify-items: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.default-alert .default-alert-title{
  display: flex;
  place-items: center;
  justify-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.default-alert .default-alert-close{
  margin: 0.5rem;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  justify-content: center;
  justify-items: center;
}

.default-alert .default-alert-content{
  margin: 1rem;
  height: 7rem;
  text-align: left;
}

.default-alert .default-alert-buttons{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  width: auto !important;
}

.cpnt-sort {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(128, 128, 128)">\
    <path d="M 16.75 9.602 C 16.75 9.738 16.723 9.867 16.674 9.985 C 16.625 10.103 16.553 10.213 16.457 10.309 C 16.361 10.405 16.251 10.477 16.133 10.526 C 16.015 10.575 15.886 10.602 15.75 10.602 L 8.25 10.602 C 8.114 10.602 7.985 10.575 7.867 10.526 C 7.749 10.477 7.639 10.405 7.543 10.309 C 7.447 10.213 7.375 10.103 7.326 9.985 C 7.277 9.867 7.25 9.738 7.25 9.602 C 7.25 9.466 7.277 9.337 7.326 9.219 C 7.375 9.101 7.447 8.991 7.543 8.895 L 11.293 5.145 C 11.683 4.754 12.317 4.754 12.707 5.145 L 16.457 8.895 C 16.553 8.991 16.625 9.101 16.674 9.219" style="transform-origin: 12px 7.727px;"/>\
    </g>\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(128, 128, 128)">\
    <path d="M 7.25 15.133 C 7.25 14.997 7.277 14.868 7.326 14.75 C 7.375 14.632 7.447 14.522 7.543 14.426 C 7.639 14.33 7.749 14.258 7.867 14.209 C 7.985 14.16 8.114 14.133 8.25 14.133 L 15.75 14.133 C 15.886 14.133 16.015 14.16 16.133 14.209 C 16.251 14.258 16.361 14.33 16.457 14.426 C 16.553 14.522 16.625 14.632 16.674 14.75 C 16.723 14.868 16.75 14.997 16.75 15.133 C 16.75 15.269 16.723 15.398 16.674 15.516 C 16.625 15.634 16.553 15.744 16.457 15.84 L 12.707 19.59 C 12.317 19.981 11.683 19.981 11.293 19.59 L 7.543 15.84 C 7.447 15.744 7.375 15.634 7.326 15.516"/>\
    </g>\
    </svg>');
  content: var(--svg);
  position: absolute;
  top: 0.5rem;
  right: 0px;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  padding: 0px
}

.cpnt-sort.asc {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(0, 0, 0)">\
    <path d="M 16.75 9.602 C 16.75 9.738 16.723 9.867 16.674 9.985 C 16.625 10.103 16.553 10.213 16.457 10.309 C 16.361 10.405 16.251 10.477 16.133 10.526 C 16.015 10.575 15.886 10.602 15.75 10.602 L 8.25 10.602 C 8.114 10.602 7.985 10.575 7.867 10.526 C 7.749 10.477 7.639 10.405 7.543 10.309 C 7.447 10.213 7.375 10.103 7.326 9.985 C 7.277 9.867 7.25 9.738 7.25 9.602 C 7.25 9.466 7.277 9.337 7.326 9.219 C 7.375 9.101 7.447 8.991 7.543 8.895 L 11.293 5.145 C 11.683 4.754 12.317 4.754 12.707 5.145 L 16.457 8.895 C 16.553 8.991 16.625 9.101 16.674 9.219" style="transform-origin: 12px 7.727px;"/>\
    </g>\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(128, 128, 128)">\
    <path d="M 7.25 15.133 C 7.25 14.997 7.277 14.868 7.326 14.75 C 7.375 14.632 7.447 14.522 7.543 14.426 C 7.639 14.33 7.749 14.258 7.867 14.209 C 7.985 14.16 8.114 14.133 8.25 14.133 L 15.75 14.133 C 15.886 14.133 16.015 14.16 16.133 14.209 C 16.251 14.258 16.361 14.33 16.457 14.426 C 16.553 14.522 16.625 14.632 16.674 14.75 C 16.723 14.868 16.75 14.997 16.75 15.133 C 16.75 15.269 16.723 15.398 16.674 15.516 C 16.625 15.634 16.553 15.744 16.457 15.84 L 12.707 19.59 C 12.317 19.981 11.683 19.981 11.293 19.59 L 7.543 15.84 C 7.447 15.744 7.375 15.634 7.326 15.516"/>\
    </g>\
    </svg>');
  content: var(--svg);
}

.cpnt-sort.desc {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(128, 128, 128)">\
    <path d="M 16.75 9.602 C 16.75 9.738 16.723 9.867 16.674 9.985 C 16.625 10.103 16.553 10.213 16.457 10.309 C 16.361 10.405 16.251 10.477 16.133 10.526 C 16.015 10.575 15.886 10.602 15.75 10.602 L 8.25 10.602 C 8.114 10.602 7.985 10.575 7.867 10.526 C 7.749 10.477 7.639 10.405 7.543 10.309 C 7.447 10.213 7.375 10.103 7.326 9.985 C 7.277 9.867 7.25 9.738 7.25 9.602 C 7.25 9.466 7.277 9.337 7.326 9.219 C 7.375 9.101 7.447 8.991 7.543 8.895 L 11.293 5.145 C 11.683 4.754 12.317 4.754 12.707 5.145 L 16.457 8.895 C 16.553 8.991 16.625 9.101 16.674 9.219" style="transform-origin: 12px 7.727px;"/>\
    </g>\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(0, 0, 0)">\
    <path d="M 7.25 15.133 C 7.25 14.997 7.277 14.868 7.326 14.75 C 7.375 14.632 7.447 14.522 7.543 14.426 C 7.639 14.33 7.749 14.258 7.867 14.209 C 7.985 14.16 8.114 14.133 8.25 14.133 L 15.75 14.133 C 15.886 14.133 16.015 14.16 16.133 14.209 C 16.251 14.258 16.361 14.33 16.457 14.426 C 16.553 14.522 16.625 14.632 16.674 14.75 C 16.723 14.868 16.75 14.997 16.75 15.133 C 16.75 15.269 16.723 15.398 16.674 15.516 C 16.625 15.634 16.553 15.744 16.457 15.84 L 12.707 19.59 C 12.317 19.981 11.683 19.981 11.293 19.59 L 7.543 15.84 C 7.447 15.744 7.375 15.634 7.326 15.516"/>\
    </g>\
    </svg>');
  content: var(--svg);
}

/* .cpnt-sort::before {
    --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 10">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(0, 0, 0)">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M 8.25 6.85 L 12 3.1 L 15.75 6.85 L 8.25 6.85 Z"/>\
    </g>\
    </svg>');
    -webkit-mask: var(--svg);
    mask: var(--svg);
    content: '';
    @apply w-6 h-4 p-1 text-center cursor-pointer bg-neutral-600 bg-no-repeat bg-center
}

.cpnt-sort::after {
    --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 10"><g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="rgb(0, 0, 0)"><path stroke-linecap="round" stroke-linejoin="round" d="M 8.25 3.1 L 12 6.85 L 15.75 3.1"/></g></svg>');
    -webkit-mask: var(--svg);
    mask: var(--svg);
    content: '';
    @apply w-6 h-4 p-1 text-center cursor-pointer bg-neutral-600 bg-no-repeat bg-center
} */

*:has(> input[type="checkbox"].switch){
  z-index: 10;
}

input[type="checkbox"].switch{
  display: inline-block;
  height: 0px;
  width: 3rem;
  cursor: pointer;
  border-width: 0px;
}

input[type="checkbox"].switch::before{
  position: absolute;
  top: 0px;
  display: inline-block;
  height: 1.5rem;
  width: 3rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-shadow: inset 0 0 #000;
  --tw-shadow-colored: inset 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-content: '';
  content: var(--tw-content);
}

input[type="checkbox"].switch::after{
  position: absolute;
  top: 0px;
  margin-left: 0.125rem;
  margin-top: 0.125rem;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-duration: 100ms;
  --tw-content: '';
  content: var(--tw-content);
}

input[type="checkbox"].switch:checked::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
}

input[type="checkbox"].switch:checked::after{
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  transition-duration: 300ms;
}

input[type="checkbox"].switch:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

input[type="checkbox"].switch:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 0px;
  --tw-ring-color: transparent;
  --tw-ring-offset-color: transparent;
}

@media (prefers-color-scheme: dark){
  input[type="checkbox"].switch{
    border-width: 0px;
  }

  input[type="checkbox"].switch::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  }

  input[type="checkbox"].switch::after{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }

  input[type="checkbox"].switch:checked::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(52 119 255 / var(--tw-bg-opacity));
  }

  input[type="checkbox"].switch:focus-within{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  input[type="checkbox"].switch:focus{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
    --tw-ring-color: transparent;
    --tw-ring-offset-color: transparent;
  }
}

.switch input[type="checkbox"]{
  display: inline-block;
  height: 0px;
  width: 3rem;
  cursor: pointer;
  border-width: 0px;
}

.switch input[type="checkbox"]::before{
  position: absolute;
  top: 0px;
  display: inline-block;
  height: 100%;
  width: 3rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-shadow: inset 0 0 #000;
  --tw-shadow-colored: inset 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-content: '';
  content: var(--tw-content);
}

.switch input[type="checkbox"]::after{
  position: absolute;
  top: 0px;
  margin-left: 0.125rem;
  margin-top: 0.125rem;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-duration: 100ms;
  --tw-content: '';
  content: var(--tw-content);
}

.switch input[type="checkbox"]:checked::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
}

.switch input[type="checkbox"]:checked::after{
  --tw-translate-x: 1.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  content: var(--tw-content);
  transition-duration: 300ms;
}

.switch input[type="checkbox"]:focus-within{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.switch input[type="checkbox"]:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 0px;
  --tw-ring-color: transparent;
  --tw-ring-offset-color: transparent;
}

@media (prefers-color-scheme: dark){
  .switch input[type="checkbox"]{
    border-width: 0px;
  }

  .switch input[type="checkbox"]::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  }

  .switch input[type="checkbox"]::after{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }

  .switch input[type="checkbox"]:checked::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(52 119 255 / var(--tw-bg-opacity));
  }

  .switch input[type="checkbox"]:focus-within{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }

  .switch input[type="checkbox"]:focus{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline-width: 0px;
    --tw-ring-color: transparent;
    --tw-ring-offset-color: transparent;
  }
}

/* inline-form */

.inline-form{
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 1rem;
}

.inline-form div{
  display: flex;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
}

.inline-form div span{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.inline-form div button{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.inline-form dl{
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  border-top-width: 2px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
  border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-left-color: rgb(156 163 175 / var(--tw-border-opacity));
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
}

.inline-form dl > *{
  display: grid;
  align-items: center;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-bottom-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-right-color: rgb(156 163 175 / var(--tw-border-opacity));
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.inline-form dl > dt{
  display: grid;
  align-items: center;
  border-bottom-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.inline-form dl > dt > *{
  margin: 0px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0px;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.inline-row{
  grid-column: span 10 / span 10;
  display: flex !important;
  min-width: 1024px;
}

.inline-row > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.inline-row{
  padding: 0px !important;
}

.inline-row span{
  padding: 0.5rem !important;
}

.icon-tree-root > i {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25" /></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.icon-tree-close > i {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v6m3-3H9m4.06-7.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z" /></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.icon-tree-open > i {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M15 13.5H9m4.06-7.19-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z" /></g></svg>') !important;
}

.icon-tree-folder > i {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z" /></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.icon-tree-item > i {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="currentColor"><path fill-rule="evenodd" d="M9 1.5H5.625c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5Zm6.61 10.936a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 14.47a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" /><path d="M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z" /></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  margin-top: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.default-tree{
  display: grid;
  overflow-y: auto;
}

.default-tree i{
  position: relative;
  top: 0.25rem;
  margin-right: 0.25rem;
  display: inline-block;
  cursor: pointer;
}

.default-tree > ul > li > span:hover,
.default-tree > ul > li> ul > li > span:hover,
.default-tree > ul > li> ul > li> ul > li > span:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(17 74 255 / var(--tw-text-opacity)) !important;
}

.default-tree > ul > li.active,
.default-tree > ul > li > ul > li.active,
.default-tree > ul > li > ul > li > ul > li.active{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(214 237 255 / var(--tw-bg-opacity));
}

.default-tree > ul > li.active > span,
.default-tree > ul > li > ul > li.active > span,
.default-tree > ul > li > ul > li > ul > li.active > span{
  font-weight: 600 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(7 62 251 / var(--tw-text-opacity)) !important;
}

.icon-tree-close.active > i,
.icon-tree-open.active > i,
.icon-tree-item.active > i{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity)) !important;
}

.default-tree ul li span{
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.default-tree .depth1{
  margin-left: 0px;
}

.default-tree .depth2{
  margin-left: 1.5rem;
}

.default-tree .depth3{
  margin-left: 1.5rem;
}

.default-tree .depth4{
  margin-left: 3rem;
}

.icon-tree-close > ul{
  display: none;
}

.icon-tree-open > ul{
  display: block !important;
}

.icon-tree-open.show-grid > ul{
  display: grid !important;
}

.file-attach{
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file-attach > div{
  display: grid;
  height: auto;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.file-attach button{
  border-radius: 0.25rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.file-attach .drap-zone{
  display: grid;
  height: 15rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.file-attach #drag-n-drop{
  display: grid;
  height: 15rem;
  cursor: pointer;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

/*single*/

.file-attach #preview{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

.file-attach #preview #preview-tile{
  display: flex;
  height: 12rem;
  width: 100%;
  gap: 0.5rem;
}

.file-attach #preview #preview-tile > *{
  position: relative;
  display: grid;
  aspect-ratio: 1 / 1;
  height: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.file-attach #preview #preview-tile > *:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.file-attach #preview #preview-tile > *:hover #preview-delete{
  display: grid;
}

.file-attach #preview #preview-tile #preview-delete {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(124, 124, 124)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m6 4.125 2.25 2.25m0 0 2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/></g></svg>');
  content: var(--svg);
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
  aspect-ratio: 1 / 1;
  height: 2.5rem;
  cursor: pointer;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.5;
  padding: 0.25rem;
  opacity: 1;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.file-attach #preview #preview-tile #preview-delete:hover {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(185 28, 28)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m6 4.125 2.25 2.25m0 0 2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"/></g></svg>');
  opacity: 1
}

.file-attach #preview #preview-tile #preview-download {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="rgb(124, 124, 124)" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>');
  content: var(--svg);
  position: absolute;
  top: 0px;
  right: 0px;
  aspect-ratio: 1 / 1;
  height: 2rem;
  cursor: pointer;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  background-color: transparent !important;
  padding: 0.25rem;
  opacity: 1
}

.file-attach #preview #preview-tile #preview-download:hover {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="rgb(124, 124, 124)" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>');
  opacity: 1
}

.file-attach #preview #preview-tile #preview-none {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(124, 124, 124)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636"/></g></svg>');
  content: var(--svg);
  position: absolute;
  top: 0px;
  right: 0px;
  display: grid;
  aspect-ratio: 1 / 1;
  height: 100%;
  cursor: pointer;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  padding: 1rem;
  opacity: 0.5
}

.file-attach #preview #preview-name{
  width: 100%;
  place-items: start;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 0.375rem;
}

/*list*/

.file-attach.list #preview{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

.file-attach.list #preview #preview-tile{
  display: block;
  height: 15rem;
  width: 100%;
  overflow-y: auto;
}

.file-attach.list #preview #preview-tile > * {
  aspect-ratio: unset;
  position: relative;
  margin-top: 0.5rem;
  display: grid;
  height: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.file-attach.list #preview #preview-tile > *:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.file-attach.list #preview #preview-tile > *:first-child{
  margin-top: 0px;
}

.file-attach.list #preview #preview-tile > * span{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 3rem;
}

.file-attach.list #preview #preview-tile #preview-delete,
.file-attach.list #preview #preview-tile #preview-delete:hover{
  top: -0.125rem;
  display: grid;
  height: 2rem;
  background-color: transparent;
  padding: 0.25rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/*tile*/

.file-attach.tile{
  display: block;
}

.file-attach.tile > div{
  display: grid;
  height: auto;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.file-attach.tile button{
  border-radius: 0.25rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.file-attach.tile .drap-zone{
  display: grid;
  height: 8rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

.file-attach.tile #drag-n-drop{
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.file-attach.tile #preview{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.file-attach.tile #preview #preview-tile{
  display: block;
  height: 15rem;
  width: 100%;
  overflow-y: auto;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.file-attach.tile #preview #preview-tile > * {
  aspect-ratio: unset;
  position: relative;
  margin-top: 0.5rem;
  display: grid;
  height: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.file-attach.tile #preview #preview-tile > *:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.file-attach.tile #preview #preview-tile > *:first-child{
  margin-top: 0px;
}

.file-attach.tile #preview #preview-tile > * span{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 3rem;
}

.file-attach.tile #preview #preview-tile #preview-delete,
.file-attach.tile #preview #preview-tile #preview-delete:hover{
  top: -0.125rem;
  display: grid;
  height: 2rem;
  background-color: transparent;
  padding: 0.25rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.file-attach.tile #preview #preview-image{
  display: grid;
  height: 15rem;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.5rem;
}

.file-attach.tile #preview #preview-image #preview-none {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(124, 124, 124)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636"/></g></svg>');
  content: var(--svg);
  position: absolute;
  display: grid;
  aspect-ratio: 1 / 1;
  height: 100%;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  padding: 1rem;
  opacity: 0.5
}

.file-attach.tile #preview #preview-name{
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: grid;
  aspect-ratio: 1 / 1;
  height: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-style: none;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.75;
  padding: 0.25rem;
}

/*desc*/

.file-attach.desc{
  display: block;
}

.file-attach.desc > div{
  display: grid;
  height: auto;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.file-attach.desc button{
  border-radius: 0.25rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.file-attach.desc .drap-zone{
  display: grid;
  height: 8rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
}

.file-attach.desc #drag-n-drop{
  display: grid;
  height: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.file-attach.desc #preview{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.file-attach.desc #preview #preview-tile{
  display: block;
  height: 15rem;
  width: 100%;
  overflow-y: auto;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.file-attach.desc #preview #preview-tile > * {
  aspect-ratio: unset;
  position: relative;
  margin-top: 0.5rem;
  display: grid;
  height: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.file-attach.desc #preview #preview-tile > *:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.file-attach.desc #preview #preview-tile > *:first-child{
  margin-top: 0px;
}

.file-attach.desc #preview #preview-tile > * span{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 3rem;
}

.file-attach.desc #preview #preview-tile #preview-delete,
.file-attach.desc #preview #preview-tile #preview-delete:hover{
  top: -0.125rem;
  display: grid;
  height: 2rem;
  background-color: transparent;
  padding: 0.25rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.file-attach.desc #preview #preview-image{
  display: grid;
  height: 15rem;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0.5rem;
}

.file-attach.desc #preview #preview-image #preview-none {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(124, 124, 124)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636"/></g></svg>');
  content: var(--svg);
  position: absolute;
  display: grid;
  aspect-ratio: 1 / 1;
  height: 100%;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-items: center;
  padding: 1rem;
  opacity: 0.5
}

.file-attach.desc #preview #preview-name{
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: grid;
  aspect-ratio: 1 / 1;
  height: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-style: none;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.75;
  padding: 0.25rem;
}

/*progress*/

.file-attach #file-progress{
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  place-content: center;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.25 !important;
}

.file-attach #file-progress-wrap{
  display: grid;
  width: 24rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  place-self: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.file-attach #file-progress #file-progress-per{
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.file-attach #file-progress #file-progress-text{
  text-align: center;
}

.file-attach #file-progress #file-progress-bar{
  width: 100%;
}

.attach-download {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="rgb(124, 124, 124)" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d="M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m-6 3.75 3 3m0 0 3-3m-3 3V1.5m6 9h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75"/></g></svg>');
  content: var(--svg);
  margin: 0px !important;
  height: 1.5rem;
  width: 1.5rem;
  border-width: 0px !important;
  background-color: transparent !important;
  padding: 0px !important
}

.balloon-wrap{
  position: absolute;
  top: 2.25rem;
  left: -184px;
  display: block;
  width: 400px;
  justify-content: center;
}

.balloon-wrap .balloon-top {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px" viewBox="0 0 24 24"><g stroke-linecap="round" stroke="none" fill="rgb(29, 78, 216)"><path stroke-linecap="round" stroke-linejoin="round" d="M0 24L8.42 7.16c1.47-2.95 5.68-2.95 7.16 0l8.42 16.84H0Z"/></g></svg>');
  content: var(--svg);
  margin: 0px !important;
  margin-left: 1rem;
  height: 0.5rem;
  width: 0.5rem;
  border-width: 0px !important;
  background-color: transparent !important;
  padding: 0px !important
}

.balloon-wrap .balloon-container{
  margin-top: 0.5rem;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  border-width: 1px;
  border-color: rgb(52 119 255 / 0.1);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  box-shadow: 0 20px 60px -15px rgba(37,99,235,.25), 0 8px 20px -10px rgba(0,0,0,.08);
}

.balloon-wrap .balloon-bar{
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

.balloon-wrap .balloon-title{
  display: flex;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.balloon-wrap .balloon-close{
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: rgb(255 255 255 / 0.1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.balloon-wrap .balloon-close:hover{
  background-color: rgb(255 255 255 / 0.25);
}

.balloon-wrap .balloon-content{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  padding-bottom: 0px;
}

.balloon-wrap .memo-item{
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  border-radius: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.balloon-wrap .memo-item #memo-form{
  margin-top: 0.5rem;
  display: flex;
  flex-basis: 100%;
  align-items: center;
  gap: 0.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding-top: 0.5rem;
}

.balloon-wrap .memo-item #memo-form input[type="text"]{
  flex: 1 1 0%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
  background-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.balloon-wrap .memo-item #memo-form input[type="text"]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(52 119 255 / var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.balloon-wrap .memo-item #memo-form #memo-send{
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.balloon-wrap .memo-item #memo-form #memo-send:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(10 57 201 / var(--tw-bg-opacity));
}

.balloon-wrap .memo-item:hover{
  --tw-border-opacity: 1;
  border-color: rgb(181 221 255 / var(--tw-border-opacity));
  transform: translateY(-1px);
  box-shadow: 0 4px 14px -4px rgba(37,99,235,.18);
}

.balloon-wrap .memo-item.is-unread #memo-content{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.balloon-wrap .memo-item:not(.is-unread) #memo-content{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.balloon-wrap .memo-icon-wrap{
  display: grid;
  height: 42px;
  width: 42px;
  flex-shrink: 0;
  place-items: center;
  border-radius: 12px;
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
}

.balloon-wrap .memo-reply-btn{
  display: grid;
  height: 38px;
  width: 38px;
  flex-shrink: 0;
  cursor: pointer;
  place-items: center;
  border-radius: 12px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(232 246 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.balloon-wrap .memo-reply-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transform: translateX(2px);
}

.balloon-wrap .memo-direction{
  flex-shrink: 0;
  font-weight: 500;
}

.balloon-wrap .memo-item:not(.is-sent) .memo-direction{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.balloon-wrap .memo-item.is-sent .memo-direction{
  --tw-text-opacity: 1;
  color: rgb(17 74 255 / var(--tw-text-opacity));
}

.balloon-wrap .memo-name{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 74 255 / var(--tw-text-opacity));
}

.balloon-wrap .memo-bottom{
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.balloon-wrap .memo-all-btn{
  cursor: pointer;
  border-radius: 12px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border: 1.5px solid #bfdbfe;
}

.balloon-wrap .memo-all-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  border-color: rgb(29, 78, 216);
  box-shadow: 0 6px 16px -4px rgba(37,99,235,.4);
}

/* 페이저 오버라이드 (ul#template-page > li) */

.balloon-wrap #template-page{
  margin: 0px;
  display: flex;
  list-style-type: none;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 255 / var(--tw-bg-opacity));
  padding: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.balloon-wrap #template-page li{
  display: grid;
  height: 30px;
  min-width: 30px;
  cursor: pointer;
  place-items: center;
  border-radius: 0.5rem;
  background-color: transparent;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 13px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.balloon-wrap #template-page li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(232 246 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(7 62 251 / var(--tw-text-opacity));
}

.balloon-wrap #template-page li.active{
  --tw-bg-opacity: 1;
  background-color: rgb(7 62 251 / var(--tw-bg-opacity));
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  box-shadow: 0 4px 10px -2px rgba(37,99,235,.4);
}

.balloon-wrap #template-page li span[class*="icon-"]{
  height: 0.75rem;
  width: 0.75rem;
}

.icon-mail {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="currentColor">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 22.5a3 3 0 0 0 3-3v-8.174l-6.879 4.022 3.485 1.876a.75.75 0 1 1-.712 1.321l-5.683-3.06a1.5 1.5 0 0 0-1.422 0l-5.683 3.06a.75.75 0 0 1-.712-1.32l3.485-1.877L1.5 11.326V19.5a3 3 0 0 0 3 3h15Z" />\
    <path stroke-linecap="round" stroke-linejoin="round" d="M1.5 9.589v-.745a3 3 0 0 1 1.578-2.642l7.5-4.038a3 3 0 0 1 2.844 0l7.5 4.038A3 3 0 0 1 22.5 8.844v.745l-8.426 4.926-.652-.351a3 3 0 0 0-2.844 0l-.652.351L1.5 9.589Z" />\
    </g>\
    </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

.icon-mail.active {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="none" fill="currentColor">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z"/>\
    <path stroke-linecap="round" stroke-linejoin="round" d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z"/>\
    </g>\
    </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(17 74 255 / var(--tw-bg-opacity));
  padding: 0.25rem
}

.icon-send {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none">\
    <path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" />\
    </g>\
    </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0.25rem
}

.icon-reply {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none">\
    <path stroke-linecap="round" stroke-linejoin="round" d="m7.49 12-3.75 3.75m0 0 3.75 3.75m-3.75-3.75h16.5V4.499" />\
    </g>\
    </svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0.25rem
}

.building{
  border-width: 1px;
  padding: 1rem;
}

.dong-list{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.dong-list > div{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-items: center;
}

.dong-list > div > div{
  display: flex;
  aspect-ratio: 4/3;
  width: 10rem;
  justify-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}

.dong-list > div > span{
  padding: 0.5rem;
}

.dong-detail{
  display: flex;
  place-items: start;
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
  padding: 1rem;
}

.dong-detail .landscape{
  display: grid;
  width: 13rem;
  min-width: 13rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.dong-detail .landscape .image{
  margin: 0.5rem;
  display: flex;
  aspect-ratio: 1 / 1;
  justify-items: center;
}

.dong-detail .landscape .image img{
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}

.dong-detail .landscape .indicator{
  display: flex;
  justify-items: center;
}

.dong-detail .floor{
  display: grid;
  flex: 1 1 0%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-items: start;
  gap: 0.75rem;
}

.dong-detail .floor > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-style: dashed;
  --tw-divide-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-divide-opacity));
}

.dong-detail .floor > div:nth-child(n+2){
  padding-top: 0.75rem;
}

.dong-detail .floor .detail{
  display: grid;
  height: 3.5rem;
  width: 5rem;
  min-width: 5rem;
  place-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(214 211 209 / var(--tw-bg-opacity));
}

.dong-detail .floor ul.rooms{
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.dong-detail .floor ul.rooms li{
  display: grid;
  height: 1.75rem;
  min-width: 5rem;
  max-width: 5rem;
  justify-items: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 162 158 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/*
css create template
*/

.css-template .svg {
  --svg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="1.5" stroke="currentColor" fill="none"><path stroke-linecap="round" stroke-linejoin="round" d=""/></g></svg>');
  -webkit-mask: var(--svg);
  mask: var(--svg);
}

.hover\:bg-blue-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:font-medium:hover{
  font-weight: 500;
}

.hover\:text-gray-800:hover{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:shadow:hover{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media print{
  .print\:\!hidden{
    display: none !important;
  }

  .print\:\!place-items-start{
    place-items: start !important;
  }

  .print\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .print\:\!shadow-none{
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
}

@media (min-width: 640px){
  .sm\:\!grid{
    display: grid !important;
  }

  .sm\:\!grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .sm\:\!grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px){
  .md\:\!grid{
    display: grid !important;
  }

  .md\:grid{
    display: grid;
  }

  .md\:\!grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .md\:\!grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px){
  .lg\:flex{
    display: flex;
  }

  .lg\:\!grid{
    display: grid !important;
  }

  .lg\:\!grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  .lg\:\!grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }

  .lg\:rounded-full{
    border-radius: 9999px;
  }
}