/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-13.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-13.use[2]!./node_modules/resolve-url-loader/index.js??clonedRuleSet-13.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-13.use[4]!./assets/css/app.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*, ::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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/*
! tailwindcss v3.4.19 | 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: currentColor; /* 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.
7. Disable tap highlights on iOS
*/
html,
:host {
  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: Helvetica Neue, Helvetica, Arial, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
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. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. 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-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
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 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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]:where(:not([hidden="until-found"])) {
  display: none;
}
input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([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;
}
input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([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=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  print-color-adjust: exact;
}
select:where([multiple]),select:where([size]:not([size="1"])){
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  print-color-adjust: unset;
}
input:where([type='checkbox']),input:where([type='radio']){
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  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;
}
input:where([type='checkbox']){
  border-radius: 0px;
}
input:where([type='radio']){
  border-radius: 100%;
}
input:where([type='checkbox']):focus,input:where([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);
}
input:where([type='checkbox']):checked,input:where([type='radio']):checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
input:where([type='checkbox']):checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.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%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  input:where([type='checkbox']):checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
input:where([type='radio']):checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  input:where([type='radio']):checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus{
  border-color: transparent;
  background-color: currentColor;
}
input:where([type='checkbox']):indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  input:where([type='checkbox']):indeterminate{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
input:where([type='file']){
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}
input:where([type='file']):focus{
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
hr{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: rgba(0, 0, 0, 0.12);
}
body{
  font-size: 16px;
  line-height: 24px;
}
h1{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}
h2{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 29px;
    line-height: 32px;
    font-weight: 700;
}
h3{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}
h4{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 23px;
    line-height: 32px;
    font-weight: 700;
}
h5{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
h6{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}
[type=text]: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-width: 0px;
  --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);
}
label:empty{
  display: none;
}
.nested-sortable:hover .list-group-item label:empty{
  display: block;
}
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }
  .container{
    max-width: 1536px;
  }
}
.form-input,.form-textarea,.form-select,.form-multiselect{
  -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;
}
.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect: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;
}
.form-input::-moz-placeholder, .form-textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::placeholder,.form-textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-input::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
.form-input::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}
.form-input::-webkit-datetime-edit{
  display: inline-flex;
}
.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}
.form-checkbox,.form-radio{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  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;
}
.form-checkbox{
  border-radius: 0px;
}
.form-checkbox:focus,.form-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);
}
.form-checkbox:checked,.form-radio:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.form-checkbox:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.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%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  .form-checkbox:checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
.form-checkbox:checked:hover,.form-checkbox:checked:focus,.form-radio:checked:hover,.form-radio:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}
.form-checkbox:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .form-checkbox:indeterminate{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
.prose{
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-sm{
  font-size: 0.875rem;
  line-height: 1.7142857;
}
.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.1111111em;
}
.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}
.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}
.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}
.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-inline-start: 0.3571429em;
}
.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}
.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}
.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}
.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4285714em;
}
.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}
.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}
.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}
.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}
.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}
.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}
.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}
.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-inline-end: 1em;
  padding-bottom: 0.6666667em;
  padding-inline-start: 1em;
}
.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}
.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}
.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-lg{
  font-size: 1.125rem;
  line-height: 1.7777778;
}
.prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em;
}
.prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-inline-start: 1em;
}
.prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.6666667em;
  margin-top: 0;
  margin-bottom: 0.8333333em;
  line-height: 1;
}
.prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333;
}
.prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: 0.6666667em;
  line-height: 1.5;
}
.prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}
.prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  border-radius: 0.3125rem;
  padding-top: 0.2222222em;
  padding-inline-end: 0.4444444em;
  padding-bottom: 0.2222222em;
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}
.prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8666667em;
}
.prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.875em;
}
.prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: 0.375rem;
  padding-top: 1em;
  padding-inline-end: 1.5em;
  padding-bottom: 1em;
  padding-inline-start: 1.5em;
}
.prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  margin-bottom: 0.6666667em;
}
.prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.4444444em;
}
.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.3333333em;
}
.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}
.prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
}
.prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
}
.prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.6666667em;
  padding-inline-start: 1.5555556em;
}
.prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em;
}
.prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
}
.prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}
.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.75em;
  padding-inline-end: 0.75em;
  padding-bottom: 0.75em;
  padding-inline-start: 0.75em;
}
.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}
.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}
.prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em;
}
.prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}
.prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}
.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}
.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}
.prose-slate{
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-kbd: #0f172a;
  --tw-prose-kbd-shadows: rgb(15 23 42 / 10%);
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}
.prose-blue{
  --tw-prose-links: #2563eb;
  --tw-prose-invert-links: #3b82f6;
}
.form--search, .form--inline{
  flex-direction: row;
  gap: 0.75rem;
}
.forum-post .form--search,.forum-post  .form--inline{
  display: flex;
  margin-top: 10px;
}
.form--search, .form--inline{
  display: flex;
  flex-direction: row;
}
.form__group--inline{
  display: flex;
  gap: 0.75rem;
}
.empty-state{
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(46, 117, 163, 0.08);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding: 2.5rem;
}
.blog-posts .empty-state {
  background: #f4f5f7;
}
.empty-state__container{
  display: flex;
  max-width: 24rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.skill-wheel .empty-state__container {
  text-align: center;
}
.skill-wheel .skill-profile-block .empty-state__container {
  margin-top: 20px;
  min-height: 50px;
}
.empty-state__container .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.empty-state__icon{
  height: 8rem;
  width: 8rem;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(var(--color-primary-base)) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-primary-base) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(var(--color-primary-gradient)) var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.empty-state__icon.mdi {
    font-size: 8rem;
  }
.empty-state__summary{
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.empty-state__detail{
  margin-bottom: auto;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.course-card__header{
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.course-card__category-list{
  pointer-events: none;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.course-card__title{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.course-card__title .session{
  display: flex;
  flex-direction: column;
}
.course-card__title .\!session{
  display: flex;
  flex-direction: column;
}
.course-card__title .session__title{
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.course-card__title .session__display-date{
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.course-card__notification-button{
  pointer-events: auto;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.course-card__notification-button:hover{
  background-color: rgb(255 255 255 / 0.9);
}
.course-card__notification-button--badge::before{
  position: absolute;
  right: 0px;
  top: 0px;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.course-card__completed-overlay{
  pointer-events: none;
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-color: rgba(46, 117, 163, 0.5);
}
.course-card__completed-overlay .mdi{
  font-size: 4.5rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0.9;
}
.course-card__language{
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.table-responsive{
  min-width: 100%;
  overflow-x: auto;
}
table{
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
th,
  td{
  padding: 0.25rem;
}
th img,
  td img{
  display: inline-block;
}
th{
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
td{
  font-size: 14px;
  line-height: 16px;
}
td strong,
  td b{
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.\!card{
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
}
.card{
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
}
.\!btn > .svg{
  margin-left: -0.25rem;
  margin-right: 0.25rem;
  height: 1rem;
  width: 1.25rem;
  fill: currentColor;
}
.btn > .svg{
  margin-left: -0.25rem;
  margin-right: 0.25rem;
  height: 1rem;
  width: 1.25rem;
  fill: currentColor;
}
.btn > .\!svg{
  margin-left: -0.25rem;
  margin-right: 0.25rem;
  height: 1rem;
  width: 1.25rem;
  fill: currentColor;
}
.help-block{
  margin-top: 0.5rem;
  font-size: 13px;
  line-height: 16px;
}
.has-error .ch-form-label{
  height: 2rem;
}
.has-error .help-block{
  font-size: 13px;
  line-height: 16px;
  font-style: italic;
}
.list-group{
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
}
.list-group-item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border-radius: 0.125rem;
  border-width: 1px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.forum-post .list-group-item{
  display: flex;
  margin-top: 10px;
}
.list-group-item{
  display: flex;
  flex-direction: row;
}
#lp_item_list .list-group-item {
    align-items: normal !important;
  }
.data_table, .table-striped{
  margin-top: 0.5rem;
  width: 100%;
  border-collapse: collapse;
}
.data_table thead th, .table-striped thead th{
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  text-align: left;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.blog-posts .data_table thead th,.blog-posts  .table-striped thead th {
  background: #f9fafb;
}
.data_table tbody td, .table-striped tbody td{
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  padding: 0.5rem;
}
.data_table tbody tr:nth-child(odd), .table-striped tbody tr:nth-child(odd){
  background-color: rgba(250, 250, 250, 0.5);
}
.data_table tbody tr:hover, .table-striped tbody tr:hover {
    background-color: #eff6ff;
  }
.data_table .checkbox label, .table-striped .checkbox label{
  padding-left: 1rem;
}
.data_table .\!checkbox label, .table-striped .\!checkbox label{
  padding-left: 1rem;
}
.data_table i.mdi, .table-striped i.mdi{
  vertical-align: middle;
}
.attendance-page .data_table i.mdi,.attendance-page  .table-striped i.mdi {
  vertical-align: middle;
}
.data_table .mdi::before, .table-striped .mdi::before{
  display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    transform: translate(0, 0);
}
.sortable-container {
    width: 100%;
    overflow: auto;
  }
.sortable-buttons-actions{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-color: rgba(46, 117, 163, 0.08);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.alert{
  margin-bottom: 1.25rem;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: transparent;
  padding: 0.875rem;
}
.alert-warning {
    background-color: #fff3cd;
    color: #856404;
    border-color: #ffeeba;
  }
.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
  }
.alert-info {
    background-color: #d1ecf1;
    color: #0c5460;
    border-color: #bee5eb;
  }
.alert-success {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
  }
.tab_wrapper nav{
  width: 100%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.625rem;
}
.forum-post .tab_wrapper nav{
  display: flex;
  margin-top: 10px;
}
#lp_sidebar .tab_wrapper nav {
  border-color: #e5e7eb;
  border-radius: 12px;
}
.blog-admin .tab_wrapper nav {
  border-radius: 16px;
  border: 1px solid var(--surface-border, #e5e7eb);
  background: var(--surface-card, #fff);
  box-shadow: 0 6px 22px rgba(2, 6, 23, 0.05);
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: opacity 0.2s ease, filter 0.2s ease;
}
#group-reporting-wrapper .tab_wrapper nav {
  border-radius: 8px;
  border-color: #e5e7eb;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  min-height: 60vh;
  display: flex;
  flex-direction: column;
}
.tab_wrapper nav{
  display: flex;
  flex-direction: row;
}
.tab_wrapper nav a{
  border-radius: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.page-header{
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}
.forum-post .page-header{
  display: flex;
  margin-top: 10px;
}
.page-header{
  display: flex;
  flex-direction: row;
}
#no-data-view{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#no-data-view > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
#no-data-view{
  padding: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pull-right{
  display: flex;
  justify-content: flex-end;
}
.ch-tool-icon{
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.ch-toolbar-icon{
  font-weight: 800;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.ch-tool-icon-secondary{
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.ch-tool-icon-success{
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.ch-tool-icon-danger{
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.ch-tool-icon-disabled{
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.ch-tool-icon-gradient{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(var(--color-primary-base)) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-primary-base) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(var(--color-primary-gradient)) var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  font-weight: 800;
  color: transparent;
}
.ch-tool-icon-button{
  -webkit-background-clip: text;
          background-clip: text;
  font-weight: 800;
}
#course-search-keyword{
  width: auto;
}
.form-actions{
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.has-error input, .has-error select {
    border-color: red !important;
  }
.progress{
  margin-left: 3rem;
  margin-right: 1rem;
  min-height: 100%;
  border-radius: 0.125rem;
  text-align: center;
  --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);
}
.skill-wheel .progress {
  text-align: center;
}
.skill-wheel .skill-profile-block .progress {
  margin-top: 20px;
  min-height: 50px;
}
.progress .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.terminal {
    color: #00ff00; /* Green */
    font-family: monospace;
  }
.terms-container {
    overflow-y: scroll;
    height: 180px;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
  }
.pager-bar .pager-counter{
  margin-top: 1rem;
}
.pager-bar .pager-jumper{
  margin-top: 1rem;
}
.pager-bar .pager-jumper .btn-link{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: -0.5rem;
}
.ui-jqgrid-bootstrap.\!modal{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.ui-jqgrid-bootstrap.modal{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tiny-content table{
  width: auto;
  table-layout: auto;
}
.form-group:focus-within,
  .field:focus-within,
  fieldset:focus-within {
    box-shadow: none !important;
    outline: 0 !important;
  }

  .\!field:focus-within {
    box-shadow: none !important;
    outline: 0 !important;
  }
.select2-container--default .select2-selection:focus,
  .select2-container--default.select2-container--focus .select2-selection {
    outline: 0 !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 0 0 2px rgba(29, 78, 216, 0.35) !important;
    border-radius: 0.5rem !important;
  }
.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.pointer-events-none{
  pointer-events: none !important;
}
.pointer-events-auto{
  pointer-events: auto !important;
}
.\!visible{
  visibility: visible !important;
}
.visible{
  visibility: visible !important;
}
.invisible{
  visibility: hidden !important;
}
.collapse{
  visibility: collapse !important;
}
.static{
  position: static !important;
}
.\!fixed{
  position: fixed !important;
}
.fixed{
  position: fixed !important;
}
.absolute{
  position: absolute !important;
}
.relative{
  position: relative !important;
}
.sticky{
  position: sticky !important;
}
.inset-0{
  inset: 0px !important;
}
.inset-x-0{
  left: 0px !important;
  right: 0px !important;
}
.inset-y-0{
  top: 0px !important;
  bottom: 0px !important;
}
.-bottom-0\.5{
  bottom: -0.125rem !important;
}
.-bottom-1{
  bottom: -0.25rem !important;
}
.-right-0\.5{
  right: -0.125rem !important;
}
.-right-1{
  right: -0.25rem !important;
}
.-top-0\.5{
  top: -0.125rem !important;
}
.-top-1{
  top: -0.25rem !important;
}
.bottom-0{
  bottom: 0px !important;
}
.bottom-2{
  bottom: 0.5rem !important;
}
.bottom-3{
  bottom: 0.75rem !important;
}
.left-0{
  left: 0px !important;
}
.left-1\/2{
  left: 50% !important;
}
.left-2{
  left: 0.5rem !important;
}
.left-3{
  left: 0.75rem !important;
}
.right-0{
  right: 0px !important;
}
.right-2{
  right: 0.5rem !important;
}
.right-3{
  right: 0.75rem !important;
}
.right-4{
  right: 1rem !important;
}
.right-\[-40px\]{
  right: -40px !important;
}
.top-0{
  top: 0px !important;
}
.top-1\/2{
  top: 50% !important;
}
.top-10{
  top: 2.5rem !important;
}
.top-14{
  top: 3.5rem !important;
}
.top-2{
  top: 0.5rem !important;
}
.top-20{
  top: 5rem !important;
}
.top-3{
  top: 0.75rem !important;
}
.top-4{
  top: 1rem !important;
}
.top-6{
  top: 1.5rem !important;
}
.top-full{
  top: 100% !important;
}
.isolate{
  isolation: isolate !important;
}
.z-10{
  z-index: 10 !important;
}
.z-20{
  z-index: 20 !important;
}
.z-30{
  z-index: 30 !important;
}
.z-40{
  z-index: 40 !important;
}
.z-50{
  z-index: 50 !important;
}
.z-\[1000000\]{
  z-index: 1000000 !important;
}
.z-\[1000001\]{
  z-index: 1000001 !important;
}
.z-\[1000\]{
  z-index: 1000 !important;
}
.z-\[60\]{
  z-index: 60 !important;
}
.z-\[70\]{
  z-index: 70 !important;
}
.z-\[99999\]{
  z-index: 99999 !important;
}
.z-\[9999\]{
  z-index: 9999 !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-full{
  grid-column: 1 / -1 !important;
}
.row-span-2{
  grid-row: span 2 / span 2 !important;
}
.float-right{
  float: right !important;
}
.float-left{
  float: left !important;
}
.m-0{
  margin: 0px !important;
}
.m-10{
  margin: 2.5rem !important;
}
.m-3{
  margin: 0.75rem !important;
}
.m-4{
  margin: 1rem !important;
}
.m-auto{
  margin: auto !important;
}
.-mx-2{
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-4{
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.mx-1{
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2{
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-4{
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-1{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-10{
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3{
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.my-4{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-5{
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.my-6{
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-8{
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.\!mb-0{
  margin-bottom: 0px !important;
}
.-mb-2{
  margin-bottom: -0.5rem !important;
}
.-mb-px{
  margin-bottom: -1px !important;
}
.-ml-2{
  margin-left: -0.5rem !important;
}
.-ml-px{
  margin-left: -1px !important;
}
.-mt-2{
  margin-top: -0.5rem !important;
}
.mb-0{
  margin-bottom: 0px !important;
}
.mb-1{
  margin-bottom: 0.25rem !important;
}
.mb-10{
  margin-bottom: 2.5rem !important;
}
.mb-2{
  margin-bottom: 0.5rem !important;
}
.mb-3{
  margin-bottom: 0.75rem !important;
}
.mb-4{
  margin-bottom: 1rem !important;
}
.mb-5{
  margin-bottom: 1.25rem !important;
}
.mb-6{
  margin-bottom: 1.5rem !important;
}
.mb-8{
  margin-bottom: 2rem !important;
}
.me-1{
  margin-inline-end: 0.25rem !important;
}
.ml-1{
  margin-left: 0.25rem !important;
}
.ml-10{
  margin-left: 2.5rem !important;
}
.ml-12{
  margin-left: 3rem !important;
}
.ml-16{
  margin-left: 4rem !important;
}
.ml-2{
  margin-left: 0.5rem !important;
}
.ml-3{
  margin-left: 0.75rem !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;
}
.ml-auto{
  margin-left: auto !important;
}
.mr-1{
  margin-right: 0.25rem !important;
}
.mr-2{
  margin-right: 0.5rem !important;
}
.mr-3{
  margin-right: 0.75rem !important;
}
.mr-4{
  margin-right: 1rem !important;
}
.mr-8{
  margin-right: 2rem !important;
}
.mr-auto{
  margin-right: auto !important;
}
.ms-2{
  margin-inline-start: 0.5rem !important;
}
.mt-0{
  margin-top: 0px !important;
}
.mt-0\.5{
  margin-top: 0.125rem !important;
}
.mt-1{
  margin-top: 0.25rem !important;
}
.mt-10{
  margin-top: 2.5rem !important;
}
.mt-12{
  margin-top: 3rem !important;
}
.mt-2{
  margin-top: 0.5rem !important;
}
.mt-3{
  margin-top: 0.75rem !important;
}
.mt-4{
  margin-top: 1rem !important;
}
.mt-5{
  margin-top: 1.25rem !important;
}
.mt-6{
  margin-top: 1.5rem !important;
}
.mt-8{
  margin-top: 2rem !important;
}
.mt-auto{
  margin-top: auto !important;
}
.line-clamp-1{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.line-clamp-2{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-3{
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.\!block{
  display: block !important;
}
.block{
  display: block !important;
}
.inline-block{
  display: inline-block !important;
}
.inline{
  display: inline !important;
}
.\!flex{
  display: flex !important;
}
.flex{
  display: flex !important;
}
.inline-flex{
  display: inline-flex !important;
}
.\!table{
  display: table !important;
}
.table{
  display: table !important;
}
.inline-table{
  display: inline-table !important;
}
.table-caption{
  display: table-caption !important;
}
.table-cell{
  display: table-cell !important;
}
.table-column{
  display: table-column !important;
}
.table-column-group{
  display: table-column-group !important;
}
.table-footer-group{
  display: table-footer-group !important;
}
.table-header-group{
  display: table-header-group !important;
}
.table-row-group{
  display: table-row-group !important;
}
.table-row{
  display: table-row !important;
}
.\!grid{
  display: grid !important;
}
.grid{
  display: grid !important;
}
.contents{
  display: contents !important;
}
.list-item{
  display: list-item !important;
}
.\!hidden{
  display: none !important;
}
.hidden{
  display: none !important;
}
.aspect-\[16\/11\]{
  aspect-ratio: 16/11 !important;
}
.aspect-\[16\/9\]{
  aspect-ratio: 16/9 !important;
}
.aspect-\[4\/3\]{
  aspect-ratio: 4/3 !important;
}
.aspect-square{
  aspect-ratio: 1 / 1 !important;
}
.aspect-video{
  aspect-ratio: 16 / 9 !important;
}
.size-32{
  width: 8rem !important;
  height: 8rem !important;
}
.\!h-10{
  height: 2.5rem !important;
}
.\!h-12{
  height: 3rem !important;
}
.\!h-20{
  height: 5rem !important;
}
.h-1\.5{
  height: 0.375rem !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-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-32{
  height: 8rem !important;
}
.h-36{
  height: 9rem !important;
}
.h-4{
  height: 1rem !important;
}
.h-40{
  height: 10rem !important;
}
.h-44{
  height: 11rem !important;
}
.h-48{
  height: 12rem !important;
}
.h-5{
  height: 1.25rem !important;
}
.h-56{
  height: 14rem !important;
}
.h-6{
  height: 1.5rem !important;
}
.h-64{
  height: 16rem !important;
}
.h-7{
  height: 1.75rem !important;
}
.h-72{
  height: 18rem !important;
}
.h-8{
  height: 2rem !important;
}
.h-80{
  height: 20rem !important;
}
.h-9{
  height: 2.25rem !important;
}
.h-96{
  height: 24rem !important;
}
.h-\[120px\]{
  height: 120px !important;
}
.h-\[18px\]{
  height: 18px !important;
}
.h-\[26px\]{
  height: 26px !important;
}
.h-\[300px\]{
  height: 300px !important;
}
.h-\[400px\]{
  height: 400px !important;
}
.h-\[520px\]{
  height: 520px !important;
}
.h-\[620px\]{
  height: 620px !important;
}
.h-\[75vh\]{
  height: 75vh !important;
}
.h-\[calc\(100vh-14rem\)\]{
  height: calc(100vh - 14rem) !important;
}
.h-auto{
  height: auto !important;
}
.h-fit{
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.h-full{
  height: 100% !important;
}
.h-px{
  height: 1px !important;
}
.h-screen{
  height: 100vh !important;
}
.max-h-0{
  max-height: 0px !important;
}
.max-h-10{
  max-height: 2.5rem !important;
}
.max-h-20{
  max-height: 5rem !important;
}
.max-h-32{
  max-height: 8rem !important;
}
.max-h-48{
  max-height: 12rem !important;
}
.max-h-60{
  max-height: 15rem !important;
}
.max-h-64{
  max-height: 16rem !important;
}
.max-h-72{
  max-height: 18rem !important;
}
.max-h-80{
  max-height: 20rem !important;
}
.max-h-96{
  max-height: 24rem !important;
}
.max-h-\[2400px\]{
  max-height: 2400px !important;
}
.max-h-\[24rem\]{
  max-height: 24rem !important;
}
.max-h-\[300px\]{
  max-height: 300px !important;
}
.max-h-\[32rem\]{
  max-height: 32rem !important;
}
.max-h-\[360px\]{
  max-height: 360px !important;
}
.max-h-\[400px\]{
  max-height: 400px !important;
}
.max-h-\[480px\]{
  max-height: 480px !important;
}
.max-h-\[50vh\]{
  max-height: 50vh !important;
}
.max-h-\[60vh\]{
  max-height: 60vh !important;
}
.max-h-\[70vh\]{
  max-height: 70vh !important;
}
.max-h-\[75vh\]{
  max-height: 75vh !important;
}
.max-h-\[calc\(100vh-48px\)\]{
  max-height: calc(100vh - 48px) !important;
}
.max-h-\[calc\(100vh-8rem\)\]{
  max-height: calc(100vh - 8rem) !important;
}
.max-h-\[min\(46vh\2c 520px\)\]{
  max-height: min(46vh, 520px) !important;
}
.min-h-0{
  min-height: 0px !important;
}
.min-h-10{
  min-height: 2.5rem !important;
}
.min-h-12{
  min-height: 3rem !important;
}
.min-h-14{
  min-height: 3.5rem !important;
}
.min-h-24{
  min-height: 6rem !important;
}
.min-h-28{
  min-height: 7rem !important;
}
.min-h-32{
  min-height: 8rem !important;
}
.min-h-40{
  min-height: 10rem !important;
}
.min-h-5{
  min-height: 1.25rem !important;
}
.min-h-56{
  min-height: 14rem !important;
}
.min-h-96{
  min-height: 24rem !important;
}
.min-h-\[100px\]{
  min-height: 100px !important;
}
.min-h-\[120px\]{
  min-height: 120px !important;
}
.min-h-\[140px\]{
  min-height: 140px !important;
}
.min-h-\[160px\]{
  min-height: 160px !important;
}
.min-h-\[180px\]{
  min-height: 180px !important;
}
.min-h-\[200px\]{
  min-height: 200px !important;
}
.min-h-\[220px\]{
  min-height: 220px !important;
}
.min-h-\[260px\]{
  min-height: 260px !important;
}
.min-h-\[280px\]{
  min-height: 280px !important;
}
.min-h-\[300px\]{
  min-height: 300px !important;
}
.min-h-\[360px\]{
  min-height: 360px !important;
}
.min-h-\[38px\]{
  min-height: 38px !important;
}
.min-h-\[3rem\]{
  min-height: 3rem !important;
}
.min-h-\[40px\]{
  min-height: 40px !important;
}
.min-h-\[42px\]{
  min-height: 42px !important;
}
.min-h-\[48px\]{
  min-height: 48px !important;
}
.min-h-\[56px\]{
  min-height: 56px !important;
}
.min-h-\[72px\]{
  min-height: 72px !important;
}
.min-h-\[84px\]{
  min-height: 84px !important;
}
.min-h-\[96px\]{
  min-height: 96px !important;
}
.min-h-screen{
  min-height: 100vh !important;
}
.\!w-10{
  width: 2.5rem !important;
}
.\!w-12{
  width: 3rem !important;
}
.\!w-20{
  width: 5rem !important;
}
.\!w-full{
  width: 100% !important;
}
.w-0{
  width: 0px !important;
}
.w-1\.5{
  width: 0.375rem !important;
}
.w-1\/2{
  width: 50% !important;
}
.w-1\/3{
  width: 33.333333% !important;
}
.w-1\/5{
  width: 20% !important;
}
.w-1\/6{
  width: 16.666667% !important;
}
.w-10{
  width: 2.5rem !important;
}
.w-11{
  width: 2.75rem !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-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-32{
  width: 8rem !important;
}
.w-36{
  width: 9rem !important;
}
.w-4{
  width: 1rem !important;
}
.w-4\/5{
  width: 80% !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-80{
  width: 20rem !important;
}
.w-9{
  width: 2.25rem !important;
}
.w-96{
  width: 24rem !important;
}
.w-\[10\%\]{
  width: 10% !important;
}
.w-\[120px\]{
  width: 120px !important;
}
.w-\[176px\]{
  width: 176px !important;
}
.w-\[18\%\]{
  width: 18% !important;
}
.w-\[18px\]{
  width: 18px !important;
}
.w-\[20\%\]{
  width: 20% !important;
}
.w-\[240px\]{
  width: 240px !important;
}
.w-\[26px\]{
  width: 26px !important;
}
.w-\[30rem\]{
  width: 30rem !important;
}
.w-\[320px\]{
  width: 320px !important;
}
.w-\[42\%\]{
  width: 42% !important;
}
.w-\[72px\]{
  width: 72px !important;
}
.w-\[95vw\]{
  width: 95vw !important;
}
.w-auto{
  width: auto !important;
}
.w-fit{
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w-full{
  width: 100% !important;
}
.w-px{
  width: 1px !important;
}
.min-w-0{
  min-width: 0px !important;
}
.min-w-10{
  min-width: 2.5rem !important;
}
.min-w-12{
  min-width: 3rem !important;
}
.min-w-32{
  min-width: 8rem !important;
}
.min-w-36{
  min-width: 9rem !important;
}
.min-w-4{
  min-width: 1rem !important;
}
.min-w-64{
  min-width: 16rem !important;
}
.min-w-80{
  min-width: 20rem !important;
}
.min-w-9{
  min-width: 2.25rem !important;
}
.min-w-\[1060px\]{
  min-width: 1060px !important;
}
.min-w-\[10rem\]{
  min-width: 10rem !important;
}
.min-w-\[112px\]{
  min-width: 112px !important;
}
.min-w-\[120px\]{
  min-width: 120px !important;
}
.min-w-\[1400px\]{
  min-width: 1400px !important;
}
.min-w-\[160px\]{
  min-width: 160px !important;
}
.min-w-\[18rem\]{
  min-width: 18rem !important;
}
.min-w-\[2\.5rem\]{
  min-width: 2.5rem !important;
}
.min-w-\[200px\]{
  min-width: 200px !important;
}
.min-w-\[20rem\]{
  min-width: 20rem !important;
}
.min-w-\[220px\]{
  min-width: 220px !important;
}
.min-w-\[36px\]{
  min-width: 36px !important;
}
.min-w-\[3rem\]{
  min-width: 3rem !important;
}
.min-w-\[640px\]{
  min-width: 640px !important;
}
.min-w-\[720px\]{
  min-width: 720px !important;
}
.min-w-\[7rem\]{
  min-width: 7rem !important;
}
.min-w-full{
  min-width: 100% !important;
}
.\!max-w-none{
  max-width: none !important;
}
.max-w-2xl{
  max-width: 42rem !important;
}
.max-w-3xl{
  max-width: 48rem !important;
}
.max-w-48{
  max-width: 12rem !important;
}
.max-w-4xl{
  max-width: 56rem !important;
}
.max-w-5xl{
  max-width: 64rem !important;
}
.max-w-6xl{
  max-width: 72rem !important;
}
.max-w-7xl{
  max-width: 80rem !important;
}
.max-w-\[1120px\]{
  max-width: 1120px !important;
}
.max-w-\[150px\]{
  max-width: 150px !important;
}
.max-w-\[1600px\]{
  max-width: 1600px !important;
}
.max-w-\[220px\]{
  max-width: 220px !important;
}
.max-w-\[260px\]{
  max-width: 260px !important;
}
.max-w-\[280px\]{
  max-width: 280px !important;
}
.max-w-\[360px\]{
  max-width: 360px !important;
}
.max-w-\[36ch\]{
  max-width: 36ch !important;
}
.max-w-\[420px\]{
  max-width: 420px !important;
}
.max-w-\[80\%\]{
  max-width: 80% !important;
}
.max-w-full{
  max-width: 100% !important;
}
.max-w-lg{
  max-width: 32rem !important;
}
.max-w-max{
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}
.max-w-md{
  max-width: 28rem !important;
}
.max-w-none{
  max-width: none !important;
}
.max-w-screen-2xl{
  max-width: 1536px !important;
}
.max-w-screen-lg{
  max-width: 1024px !important;
}
.max-w-sm{
  max-width: 24rem !important;
}
.max-w-xl{
  max-width: 36rem !important;
}
.max-w-xs{
  max-width: 20rem !important;
}
.flex-1{
  flex: 1 1 0% !important;
}
.flex-auto{
  flex: 1 1 auto !important;
}
.flex-none{
  flex: none !important;
}
.flex-shrink{
  flex-shrink: 1 !important;
}
.flex-shrink-0{
  flex-shrink: 0 !important;
}
.shrink{
  flex-shrink: 1 !important;
}
.shrink-0{
  flex-shrink: 0 !important;
}
.flex-grow{
  flex-grow: 1 !important;
}
.grow{
  flex-grow: 1 !important;
}
.grow-0{
  flex-grow: 0 !important;
}
.table-auto{
  table-layout: auto !important;
}
.table-fixed{
  table-layout: fixed !important;
}
.border-collapse{
  border-collapse: collapse !important;
}
.border-separate{
  border-collapse: separate !important;
}
.border-spacing-y-4{
  --tw-border-spacing-y: 1rem !important;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}
.-translate-x-1\/2{
  --tw-translate-x: -50% !important;
  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)) !important;
}
.-translate-x-\[4px\]{
  --tw-translate-x: -4px !important;
  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)) !important;
}
.-translate-y-1\/2{
  --tw-translate-y: -50% !important;
  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)) !important;
}
.-translate-y-2{
  --tw-translate-y: -0.5rem !important;
  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)) !important;
}
.translate-y-0{
  --tw-translate-y: 0px !important;
  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)) !important;
}
.translate-y-\[4px\]{
  --tw-translate-y: 4px !important;
  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)) !important;
}
.rotate-180{
  --tw-rotate: 180deg !important;
  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)) !important;
}
.scale-110{
  --tw-scale-x: 1.1 !important;
  --tw-scale-y: 1.1 !important;
  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)) !important;
}
.scale-\[1\.08\]{
  --tw-scale-x: 1.08 !important;
  --tw-scale-y: 1.08 !important;
  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)) !important;
}
.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)) !important;
}
@keyframes pulse{
  50%{
    opacity: .5;
  }
}
.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.animate-spin{
  animation: spin 1s linear infinite !important;
}
.cursor-crosshair{
  cursor: crosshair !important;
}
.cursor-default{
  cursor: default !important;
}
.cursor-grab{
  cursor: grab !important;
}
.cursor-help{
  cursor: help !important;
}
.cursor-move{
  cursor: move !important;
}
.cursor-not-allowed{
  cursor: not-allowed !important;
}
.cursor-pointer{
  cursor: pointer !important;
}
.cursor-wait{
  cursor: wait !important;
}
.touch-none{
  touch-action: none !important;
}
.select-none{
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}
.select-all{
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}
.resize-none{
  resize: none !important;
}
.resize-y{
  resize: vertical !important;
}
.resize{
  resize: both !important;
}
.scroll-mt-6{
  scroll-margin-top: 1.5rem !important;
}
.list-inside{
  list-style-position: inside !important;
}
.list-decimal{
  list-style-type: decimal !important;
}
.list-disc{
  list-style-type: disc !important;
}
.list-none{
  list-style-type: none !important;
}
.appearance-none{
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}
.grid-flow-row-dense{
  grid-auto-flow: row dense !important;
}
.grid-cols-1{
  grid-template-columns: repeat(1, 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-5{
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-\[80px_1fr\]{
  grid-template-columns: 80px 1fr !important;
}
.grid-cols-\[auto_1fr\]{
  grid-template-columns: auto 1fr !important;
}
.grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 1\.5fr\)_10rem_12rem\]{
  grid-template-columns: minmax(0,1.2fr) minmax(0,1.5fr) 10rem 12rem !important;
}
.grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1\.2fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1\.2fr\)_auto\]{
  grid-template-columns: minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) auto !important;
}
.flex-row{
  flex-direction: row !important;
}
.flex-col{
  flex-direction: column !important;
}
.flex-col-reverse{
  flex-direction: column-reverse !important;
}
.flex-wrap{
  flex-wrap: wrap !important;
}
.flex-nowrap{
  flex-wrap: nowrap !important;
}
.place-content-center{
  place-content: center !important;
}
.place-items-center{
  place-items: center !important;
}
.content-center{
  align-content: center !important;
}
.items-start{
  align-items: flex-start !important;
}
.items-end{
  align-items: flex-end !important;
}
.\!items-center{
  align-items: center !important;
}
.items-center{
  align-items: center !important;
}
.items-baseline{
  align-items: baseline !important;
}
.items-stretch{
  align-items: stretch !important;
}
.justify-start{
  justify-content: flex-start !important;
}
.justify-end{
  justify-content: flex-end !important;
}
.\!justify-center{
  justify-content: center !important;
}
.justify-center{
  justify-content: center !important;
}
.justify-between{
  justify-content: space-between !important;
}
.justify-items-start{
  justify-items: start !important;
}
.gap-0{
  gap: 0px !important;
}
.gap-1{
  gap: 0.25rem !important;
}
.gap-1\.5{
  gap: 0.375rem !important;
}
.gap-2{
  gap: 0.5rem !important;
}
.gap-2\.5{
  gap: 0.625rem !important;
}
.gap-3{
  gap: 0.75rem !important;
}
.gap-4{
  gap: 1rem !important;
}
.gap-5{
  gap: 1.25rem !important;
}
.gap-6{
  gap: 1.5rem !important;
}
.gap-8{
  gap: 2rem !important;
}
.gap-x-2{
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}
.gap-x-3{
  -moz-column-gap: 0.75rem !important;
       column-gap: 0.75rem !important;
}
.gap-x-4{
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}
.gap-x-6{
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}
.gap-x-8{
  -moz-column-gap: 2rem !important;
       column-gap: 2rem !important;
}
.gap-y-1{
  row-gap: 0.25rem !important;
}
.gap-y-2{
  row-gap: 0.5rem !important;
}
.gap-y-3{
  row-gap: 0.75rem !important;
}
.gap-y-4{
  row-gap: 1rem !important;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)) !important;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(3rem * var(--tw-space-y-reverse)) !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)) !important;
}
.space-y-6 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-8 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
}
.divide-x > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0 !important;
  border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-gray-10 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1 !important;
  border-color: rgb(250 250 250 / var(--tw-divide-opacity, 1)) !important;
}
.divide-gray-15 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1 !important;
  border-color: rgb(247 248 249 / var(--tw-divide-opacity, 1)) !important;
}
.divide-gray-20 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1 !important;
  border-color: rgb(237 240 242 / var(--tw-divide-opacity, 1)) !important;
}
.divide-gray-25 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-divide-opacity, 1)) !important;
}
.self-start{
  align-self: flex-start !important;
}
.self-end{
  align-self: flex-end !important;
}
.self-center{
  align-self: center !important;
}
.self-stretch{
  align-self: stretch !important;
}
.overflow-auto{
  overflow: auto !important;
}
.overflow-hidden{
  overflow: hidden !important;
}
.overflow-visible{
  overflow: visible !important;
}
.overflow-x-auto{
  overflow-x: auto !important;
}
.overflow-y-auto{
  overflow-y: auto !important;
}
.overflow-x-hidden{
  overflow-x: hidden !important;
}
.overflow-x-visible{
  overflow-x: visible !important;
}
.overscroll-contain{
  overscroll-behavior: contain !important;
}
.truncate{
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.whitespace-normal{
  white-space: normal !important;
}
.whitespace-nowrap{
  white-space: nowrap !important;
}
.whitespace-pre{
  white-space: pre !important;
}
.whitespace-pre-line{
  white-space: pre-line !important;
}
.whitespace-pre-wrap{
  white-space: pre-wrap !important;
}
.break-words{
  overflow-wrap: break-word !important;
}
.break-all{
  word-break: break-all !important;
}
.\!rounded-xl{
  border-radius: 0.75rem !important;
}
.rounded{
  border-radius: 0.25rem !important;
}
.rounded-2xl{
  border-radius: 1rem !important;
}
.rounded-3xl{
  border-radius: 1.5rem !important;
}
.rounded-\[18px\]{
  border-radius: 18px !important;
}
.rounded-full{
  border-radius: 9999px !important;
}
.rounded-lg{
  border-radius: 0.5rem !important;
}
.rounded-md{
  border-radius: 0.375rem !important;
}
.rounded-none{
  border-radius: 0px !important;
}
.rounded-sm{
  border-radius: 0.125rem !important;
}
.rounded-xl{
  border-radius: 0.75rem !important;
}
.rounded-b-2xl{
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.rounded-l-2xl{
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.rounded-l-lg{
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-l-xl{
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-r-full{
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}
.rounded-r-xl{
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.rounded-t-2xl{
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.rounded-t-lg{
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-tr-lg{
  border-top-right-radius: 0.5rem !important;
}
.\!border{
  border-width: 1px !important;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px !important;
}
.border-0{
  border-width: 0px !important;
}
.border-2{
  border-width: 2px !important;
}
.border-4{
  border-width: 4px !important;
}
.border-b{
  border-bottom-width: 1px !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-l-4{
  border-left-width: 4px !important;
}
.border-l-8{
  border-left-width: 8px !important;
}
.border-r{
  border-right-width: 1px !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-solid{
  border-style: solid !important;
}
.border-dashed{
  border-style: dashed !important;
}
.border-none{
  border-style: none !important;
}
.\!border-gray-25{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}
.border-black{
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
}
.border-danger{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1)) !important;
}
.border-danger\/20{
  border-color: rgb(var(--color-danger-base) / 0.2) !important;
}
.border-danger\/30{
  border-color: rgb(var(--color-danger-base) / 0.3) !important;
}
.border-error{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1)) !important;
}
.border-gray-10{
  --tw-border-opacity: 1 !important;
  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-15{
  --tw-border-opacity: 1 !important;
  border-color: rgb(247 248 249 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-20{
  --tw-border-opacity: 1 !important;
  border-color: rgb(237 240 242 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-25{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-30{
  border-color: rgba(0, 0, 0, 0.12) !important;
}
.border-gray-50{
  --tw-border-opacity: 1 !important;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1)) !important;
}
.border-info{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1)) !important;
}
.border-info\/20{
  border-color: rgb(var(--color-info-base) / 0.2) !important;
}
.border-info\/30{
  border-color: rgb(var(--color-info-base) / 0.3) !important;
}
.border-primary{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}
.border-primary-borderdisabled{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}
.border-primary\/10{
  border-color: rgb(var(--color-primary-base) / 0.1) !important;
}
.border-primary\/15{
  border-color: rgb(var(--color-primary-base) / 0.15) !important;
}
.border-primary\/20{
  border-color: rgb(var(--color-primary-base) / 0.2) !important;
}
.border-primary\/30{
  border-color: rgb(var(--color-primary-base) / 0.3) !important;
}
.border-secondary{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1)) !important;
}
.border-secondary\/30{
  border-color: rgb(var(--color-secondary-base) / 0.3) !important;
}
.border-success{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1)) !important;
}
.border-success\/20{
  border-color: rgb(var(--color-success-base) / 0.2) !important;
}
.border-success\/30{
  border-color: rgb(var(--color-success-base) / 0.3) !important;
}
.border-support-3{
  border-color: rgba(46, 117, 163, 0.5) !important;
}
.border-support-3\/30{
  border-color: rgba(46, 117, 163, 0.3) !important;
}
.border-transparent{
  border-color: transparent !important;
}
.border-warning{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1)) !important;
}
.border-warning\/20{
  border-color: rgb(var(--color-warning-base) / 0.2) !important;
}
.border-warning\/30{
  border-color: rgb(var(--color-warning-base) / 0.3) !important;
}
.border-warning\/40{
  border-color: rgb(var(--color-warning-base) / 0.4) !important;
}
.border-white{
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.border-white\/25{
  border-color: rgb(255 255 255 / 0.25) !important;
}
.border-white\/40{
  border-color: rgb(255 255 255 / 0.4) !important;
}
.border-t-primary{
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}
.border-t-transparent{
  border-top-color: transparent !important;
}
.border-t-white{
  --tw-border-opacity: 1 !important;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.\!bg-danger{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-primary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-primary\/10{
  background-color: rgb(var(--color-primary-base) / 0.1) !important;
}
.\!bg-success{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[rgb\(var\(--color-danger-base\)\)\]{
  background-color: rgb(var(--color-danger-base)) !important;
}
.bg-\[rgb\(var\(--color-info-base\)\)\]{
  background-color: rgb(var(--color-info-base)) !important;
}
.bg-\[rgb\(var\(--color-primary-base\)\)\]{
  background-color: rgb(var(--color-primary-base)) !important;
}
.bg-\[rgb\(var\(--color-secondary-base\)\)\]{
  background-color: rgb(var(--color-secondary-base)) !important;
}
.bg-\[rgb\(var\(--color-success-base\)\)\]{
  background-color: rgb(var(--color-success-base)) !important;
}
.bg-\[rgb\(var\(--color-warning-base\)\)\]{
  background-color: rgb(var(--color-warning-base)) !important;
}
.bg-black{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}
.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1) !important;
}
.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3) !important;
}
.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4) !important;
}
.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5) !important;
}
.bg-danger{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1)) !important;
}
.bg-danger\/10{
  background-color: rgb(var(--color-danger-base) / 0.1) !important;
}
.bg-danger\/20{
  background-color: rgb(var(--color-danger-base) / 0.2) !important;
}
.bg-danger\/5{
  background-color: rgb(var(--color-danger-base) / 0.05) !important;
}
.bg-error\/10{
  background-color: rgb(var(--color-danger-base) / 0.1) !important;
}
.bg-form{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-form-base) / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-10{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-15{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-15\/60{
  background-color: rgb(247 248 249 / 0.6) !important;
}
.bg-gray-20{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-25{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-30{
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.bg-gray-5{
  background-color: rgba(250, 250, 250, 0.5) !important;
}
.bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(162 166 176 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-90{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-90\/45{
  background-color: rgb(51 51 51 / 0.45) !important;
}
.bg-gray-90\/50{
  background-color: rgb(51 51 51 / 0.5) !important;
}
.bg-gray-90\/60{
  background-color: rgb(51 51 51 / 0.6) !important;
}
.bg-gray-90\/70{
  background-color: rgb(51 51 51 / 0.7) !important;
}
.bg-gray-90\/75{
  background-color: rgb(51 51 51 / 0.75) !important;
}
.bg-info{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1)) !important;
}
.bg-info\/10{
  background-color: rgb(var(--color-info-base) / 0.1) !important;
}
.bg-info\/20{
  background-color: rgb(var(--color-info-base) / 0.2) !important;
}
.bg-primary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}
.bg-primary-bgdisabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important;
}
.bg-primary\/10{
  background-color: rgb(var(--color-primary-base) / 0.1) !important;
}
.bg-primary\/15{
  background-color: rgb(var(--color-primary-base) / 0.15) !important;
}
.bg-primary\/5{
  background-color: rgb(var(--color-primary-base) / 0.05) !important;
}
.bg-secondary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1)) !important;
}
.bg-secondary\/10{
  background-color: rgb(var(--color-secondary-base) / 0.1) !important;
}
.bg-success{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1)) !important;
}
.bg-success\/10{
  background-color: rgb(var(--color-success-base) / 0.1) !important;
}
.bg-success\/20{
  background-color: rgb(var(--color-success-base) / 0.2) !important;
}
.bg-support-1{
  background-color: rgba(46, 117, 163, 0.08) !important;
}
.bg-support-1\/20{
  background-color: rgba(46, 117, 163, 0.2) !important;
}
.bg-support-2{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 248 250 / var(--tw-bg-opacity, 1)) !important;
}
.bg-support-3{
  background-color: rgba(46, 117, 163, 0.5) !important;
}
.bg-support-4{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 77 103 / var(--tw-bg-opacity, 1)) !important;
}
.bg-support-5{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(224 100 16 / var(--tw-bg-opacity, 1)) !important;
}
.bg-support-5\/10{
  background-color: rgb(224 100 16 / 0.1) !important;
}
.bg-support-6{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 247 245 / var(--tw-bg-opacity, 1)) !important;
}
.bg-transparent{
  background-color: transparent !important;
}
.bg-warning{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1)) !important;
}
.bg-warning\/10{
  background-color: rgb(var(--color-warning-base) / 0.1) !important;
}
.bg-warning\/15{
  background-color: rgb(var(--color-warning-base) / 0.15) !important;
}
.bg-warning\/20{
  background-color: rgb(var(--color-warning-base) / 0.2) !important;
}
.bg-warning\/30{
  background-color: rgb(var(--color-warning-base) / 0.3) !important;
}
.bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2) !important;
}
.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4) !important;
}
.bg-white\/70{
  background-color: rgb(255 255 255 / 0.7) !important;
}
.bg-white\/75{
  background-color: rgb(255 255 255 / 0.75) !important;
}
.bg-white\/80{
  background-color: rgb(255 255 255 / 0.8) !important;
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9) !important;
}
.bg-white\/95{
  background-color: rgb(255 255 255 / 0.95) !important;
}
.bg-opacity-50{
  --tw-bg-opacity: 0.5 !important;
}
.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
.from-gray-50{
  --tw-gradient-from: #a2a6b0 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(162 166 176 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-primary{
  --tw-gradient-from: rgb(var(--color-primary-base)) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(var(--color-primary-base) / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-gray-25{
  --tw-gradient-to: #e4e9ed var(--tw-gradient-to-position) !important;
}
.to-gray-50{
  --tw-gradient-to: #a2a6b0 var(--tw-gradient-to-position) !important;
}
.to-primary-gradient{
  --tw-gradient-to: rgb(var(--color-primary-gradient)) var(--tw-gradient-to-position) !important;
}
.bg-contain{
  background-size: contain !important;
}
.bg-clip-text{
  -webkit-background-clip: text !important;
          background-clip: text !important;
}
.bg-center{
  background-position: center !important;
}
.bg-no-repeat{
  background-repeat: no-repeat !important;
}
.fill-current{
  fill: currentColor !important;
}
.fill-white{
  fill: #fff !important;
}
.object-contain{
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-cover{
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-center{
  -o-object-position: center !important;
     object-position: center !important;
}
.\!p-0{
  padding: 0px !important;
}
.\!p-2{
  padding: 0.5rem !important;
}
.p-0{
  padding: 0px !important;
}
.p-1{
  padding: 0.25rem !important;
}
.p-10{
  padding: 2.5rem !important;
}
.p-2{
  padding: 0.5rem !important;
}
.p-3{
  padding: 0.75rem !important;
}
.p-4{
  padding: 1rem !important;
}
.p-5{
  padding: 1.25rem !important;
}
.p-6{
  padding: 1.5rem !important;
}
.p-8{
  padding: 2rem !important;
}
.\!px-3{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.\!py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-0{
  padding-left: 0px !important;
  padding-right: 0px !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-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-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-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-5{
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.px-6{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-8{
  padding-left: 2rem !important;
  padding-right: 2rem !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-12{
  padding-top: 3rem !important;
  padding-bottom: 3rem !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-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-4{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-5{
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-7{
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
.py-8{
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-\[2px\]{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.pb-1{
  padding-bottom: 0.25rem !important;
}
.pb-10{
  padding-bottom: 2.5rem !important;
}
.pb-2{
  padding-bottom: 0.5rem !important;
}
.pb-3{
  padding-bottom: 0.75rem !important;
}
.pb-4{
  padding-bottom: 1rem !important;
}
.pb-5{
  padding-bottom: 1.25rem !important;
}
.pb-6{
  padding-bottom: 1.5rem !important;
}
.pb-8{
  padding-bottom: 2rem !important;
}
.pl-0{
  padding-left: 0px !important;
}
.pl-0\.5{
  padding-left: 0.125rem !important;
}
.pl-10{
  padding-left: 2.5rem !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-20{
  padding-left: 5rem !important;
}
.pl-3{
  padding-left: 0.75rem !important;
}
.pl-4{
  padding-left: 1rem !important;
}
.pl-5{
  padding-left: 1.25rem !important;
}
.pl-6{
  padding-left: 1.5rem !important;
}
.pl-8{
  padding-left: 2rem !important;
}
.pl-9{
  padding-left: 2.25rem !important;
}
.pr-1{
  padding-right: 0.25rem !important;
}
.pr-10{
  padding-right: 2.5rem !important;
}
.pr-2{
  padding-right: 0.5rem !important;
}
.pr-24{
  padding-right: 6rem !important;
}
.pr-3{
  padding-right: 0.75rem !important;
}
.pr-4{
  padding-right: 1rem !important;
}
.pr-5{
  padding-right: 1.25rem !important;
}
.pr-6{
  padding-right: 1.5rem !important;
}
.pr-8{
  padding-right: 2rem !important;
}
.pt-1{
  padding-top: 0.25rem !important;
}
.pt-10{
  padding-top: 2.5rem !important;
}
.pt-2{
  padding-top: 0.5rem !important;
}
.pt-3{
  padding-top: 0.75rem !important;
}
.pt-4{
  padding-top: 1rem !important;
}
.pt-5{
  padding-top: 1.25rem !important;
}
.pt-6{
  padding-top: 1.5rem !important;
}
.pt-7{
  padding-top: 1.75rem !important;
}
.text-left{
  text-align: left !important;
}
.text-center{
  text-align: center !important;
}
.text-right{
  text-align: right !important;
}
.text-start{
  text-align: start !important;
}
.text-end{
  text-align: end !important;
}
.align-top{
  vertical-align: top !important;
}
.align-middle{
  vertical-align: middle !important;
}
.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.font-sans{
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.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-\[0\.7rem\]{
  font-size: 0.7rem !important;
}
.text-\[1\.6rem\]{
  font-size: 1.6rem !important;
}
.text-\[1\.8rem\]{
  font-size: 1.8rem !important;
}
.text-\[10px\]{
  font-size: 10px !important;
}
.text-\[11px\]{
  font-size: 11px !important;
}
.text-\[32px\]{
  font-size: 32px !important;
}
.text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-body-1{
  font-size: 16px !important;
  line-height: 24px !important;
}
.text-body-2{
  font-size: 14px !important;
  line-height: 16px !important;
}
.text-caption{
  font-size: 13px !important;
  line-height: 16px !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-tiny{
  font-size: 11px !important;
  line-height: 16px !important;
}
.text-xl{
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-xs{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.font-bold{
  font-weight: 700 !important;
}
.font-extrabold{
  font-weight: 800 !important;
}
.font-medium{
  font-weight: 500 !important;
}
.font-normal{
  font-weight: 400 !important;
}
.font-semibold{
  font-weight: 600 !important;
}
.uppercase{
  text-transform: uppercase !important;
}
.lowercase{
  text-transform: lowercase !important;
}
.capitalize{
  text-transform: capitalize !important;
}
.italic{
  font-style: italic !important;
}
.ordinal{
  --tw-ordinal: ordinal !important;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
}
.leading-4{
  line-height: 1rem !important;
}
.leading-5{
  line-height: 1.25rem !important;
}
.leading-6{
  line-height: 1.5rem !important;
}
.leading-7{
  line-height: 1.75rem !important;
}
.leading-none{
  line-height: 1 !important;
}
.leading-relaxed{
  line-height: 1.625 !important;
}
.leading-snug{
  line-height: 1.375 !important;
}
.leading-tight{
  line-height: 1.25 !important;
}
.tracking-tight{
  letter-spacing: -0.025em !important;
}
.tracking-wide{
  letter-spacing: 0.025em !important;
}
.tracking-wider{
  letter-spacing: 0.05em !important;
}
.\!text-danger-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-danger-button-text) / var(--tw-text-opacity, 1)) !important;
}
.\!text-gray-90{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}
.\!text-secondary-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-secondary-button-text) / var(--tw-text-opacity, 1)) !important;
}
.\!text-success-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-success-button-text) / var(--tw-text-opacity, 1)) !important;
}
.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}
.text-danger{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1)) !important;
}
.text-danger-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-danger-button-text) / var(--tw-text-opacity, 1)) !important;
}
.text-error{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1)) !important;
}
.text-fontdisabled{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-15{
  --tw-text-opacity: 1 !important;
  color: rgb(247 248 249 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-25{
  --tw-text-opacity: 1 !important;
  color: rgb(228 233 237 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-30{
  color: rgba(0, 0, 0, 0.12) !important;
}
.text-gray-50{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-90{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}
.text-info{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1)) !important;
}
.text-info-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-info-button-text) / var(--tw-text-opacity, 1)) !important;
}
.text-primary{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}
.text-primary-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-button-text) / var(--tw-text-opacity, 1)) !important;
}
.text-secondary{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1)) !important;
}
.text-secondary-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-secondary-button-text) / var(--tw-text-opacity, 1)) !important;
}
.text-success{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1)) !important;
}
.text-success-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-success-button-text) / var(--tw-text-opacity, 1)) !important;
}
.text-support-4{
  --tw-text-opacity: 1 !important;
  color: rgb(36 77 103 / var(--tw-text-opacity, 1)) !important;
}
.text-support-5{
  --tw-text-opacity: 1 !important;
  color: rgb(224 100 16 / var(--tw-text-opacity, 1)) !important;
}
.text-transparent{
  color: transparent !important;
}
.text-warning{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1)) !important;
}
.text-warning-button-text{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-warning-button-text) / var(--tw-text-opacity, 1)) !important;
}
.text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-white\/80{
  color: rgb(255 255 255 / 0.8) !important;
}
.underline{
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.overline{
  -webkit-text-decoration-line: overline !important;
          text-decoration-line: overline !important;
}
.line-through{
  -webkit-text-decoration-line: line-through !important;
          text-decoration-line: line-through !important;
}
.no-underline{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}
.decoration-dotted{
  -webkit-text-decoration-style: dotted !important;
          text-decoration-style: dotted !important;
}
.underline-offset-2{
  text-underline-offset: 2px !important;
}
.underline-offset-4{
  text-underline-offset: 4px !important;
}
.antialiased{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
.placeholder-gray-50::-moz-placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-placeholder-opacity, 1)) !important;
}
.placeholder-gray-50::placeholder{
  --tw-placeholder-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-placeholder-opacity, 1)) !important;
}
.\!opacity-100{
  opacity: 1 !important;
}
.opacity-0{
  opacity: 0 !important;
}
.opacity-100{
  opacity: 1 !important;
}
.opacity-25{
  opacity: 0.25 !important;
}
.opacity-40{
  opacity: 0.4 !important;
}
.opacity-50{
  opacity: 0.5 !important;
}
.opacity-60{
  opacity: 0.6 !important;
}
.opacity-70{
  opacity: 0.7 !important;
}
.opacity-75{
  opacity: 0.75 !important;
}
.opacity-80{
  opacity: 0.8 !important;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-2xl{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_1px_0_0_\#e4e9ed\]{
  --tw-shadow: 0 1px 0 0 #e4e9ed !important;
  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-inner{
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.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-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-xl{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2) !important;
  --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-gray-90\/5{
  --tw-shadow-color: rgb(51 51 51 / 0.05) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.outline-none{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline{
  outline-style: solid !important;
}
.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-1{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-2{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-4{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-inset{
  --tw-ring-inset: inset !important;
}
.ring-black\/10{
  --tw-ring-color: rgb(0 0 0 / 0.1) !important;
}
.ring-danger\/50{
  --tw-ring-color: rgb(var(--color-danger-base) / 0.5) !important;
}
.ring-gray-20{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(237 240 242 / var(--tw-ring-opacity, 1)) !important;
}
.ring-gray-25{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(228 233 237 / var(--tw-ring-opacity, 1)) !important;
}
.ring-gray-50{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(162 166 176 / var(--tw-ring-opacity, 1)) !important;
}
.ring-primary{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-primary-base) / var(--tw-ring-opacity, 1)) !important;
}
.ring-primary\/15{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.15) !important;
}
.ring-primary\/20{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.2) !important;
}
.ring-primary\/25{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.25) !important;
}
.ring-primary\/80{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.8) !important;
}
.ring-white{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1)) !important;
}
.ring-white\/30{
  --tw-ring-color: rgb(255 255 255 / 0.3) !important;
}
.blur{
  --tw-blur: blur(8px) !important;
  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) !important;
}
.grayscale{
  --tw-grayscale: grayscale(100%) !important;
  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) !important;
}
.invert{
  --tw-invert: invert(100%) !important;
  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) !important;
}
.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) !important;
}
.backdrop-blur{
  --tw-backdrop-blur: blur(8px) !important;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px) !important;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px) !important;
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.backdrop-filter{
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-all{
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-colors{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-none{
  transition-property: none !important;
}
.transition-shadow{
  transition-property: box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-transform{
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.duration-150{
  transition-duration: 150ms !important;
}
.duration-200{
  transition-duration: 200ms !important;
}
.duration-300{
  transition-duration: 300ms !important;
}
.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.text-h3{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 26px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
}
.text-h4{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 23px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
}
.text-h5{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
}
.text-h6{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
}
.border-gray-300 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity)) !important;
  }
.border-gray-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgba(247, 250, 252, var(--tw-border-opacity)) !important;
  }
.\[image\:\$img\|\$width\|\$height\|\$type\]{
  image: $img|$width|$height|$type !important;
}
.p-disabled{
  opacity: 0.6;
}
.cm-layout .p-disabled:hover {
  opacity: 0.85;
}

.p-component:disabled{
  opacity: 0.6;
}
.field{
  margin-bottom: 1.25rem;
}
.field:last-child{
  margin-bottom: 0px;
}
.field > small,
.field .help-text{
  margin-top: 0.25rem;
  font-size: 13px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.field-group{
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}
.field.grid{
  margin-top: 0px;
}

.formgrid.grid{
  margin-top: 0px;
}

.formgroup-inline{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton{
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label{
  margin-right: 0.5rem;
  margin-bottom: 0px;
}

.field-checkbox,
.field-radiobutton{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label{
  margin-left: 0.5rem;
  line-height: 1;
}

.p-error{
  font-size: 13px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}

.form-control{
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  line-height: 1.5;
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  padding: calc(0.5rem - 1px) calc(1rem - 1px);
}

select.form-control{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  padding-right: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%236b7280%27 d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-position: right 0.75rem center;
  background-size: 12px;
}

.html-editor-container .tox-tinymce{
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  padding-top: 0.5rem;
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.html-editor-container .tox-tinymce:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.html-editor-container--focused .tox-tinymce{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-autocomplete{
  display: inline-flex;
}
.p-autocomplete-loader{
  position: absolute;
  top: 50%;
  right: 0.75rem;
  margin-top: -0.5rem;
}
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader{
  padding-right: 1.75rem;
}
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input{
  width: 1%;
  flex: 1 1 auto;
}
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input, .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.p-autocomplete-dropdown{
  position: relative;
  display: inline-flex;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-autocomplete-dropdown:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-autocomplete-dropdown:not(:disabled):hover{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-autocomplete-dropdown:not(:disabled):focus{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-autocomplete-dropdown:not(:disabled):active{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-autocomplete .p-autocomplete-overlay{
  min-width: 100%;
}
.p-autocomplete-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: 0.25rem;
  overflow: auto;
  border-radius: 0.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-autocomplete-overlay::before{
  position: sticky;
  top: 0px;
  z-index: 2;
  display: block;
  height: 0.75rem;
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.p-autocomplete-overlay::after{
  position: sticky;
  bottom: 0px;
  z-index: 2;
  display: block;
  height: 0.75rem;
  width: 100%;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.p-autocomplete-list-container{
  overflow: auto;
}
.p-autocomplete-list{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
}
.p-autocomplete-option{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-autocomplete-option-selected{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-autocomplete-option-selected.p-focus{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-autocomplete-option-group{
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-autocomplete-input-multiple{
  margin: 0px;
  display: flex;
  width: 100%;
  cursor: text;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-autocomplete.p-invalid .p-autocomplete-input-multiple{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.p-autocomplete.p-disabled .p-autocomplete-input-multiple{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  opacity: 1;
}
.p-autocomplete-chip-item.p-focus .p-autocomplete-chip{
  padding: 0px;
}
.p-autocomplete-input-chip{
  display: inline-flex;
  flex: 1 1 auto;
  padding: 0px;
}
.p-autocomplete-input-chip input{
  margin: 0px;
  width: 100%;
  border-radius: 0px;
  border-style: none;
  background-color: transparent;
  padding: 0px;
  --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: 2px solid transparent;
  outline-offset: 2px;
}
.p-autocomplete-input-chip input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-autocomplete-input-chip input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-autocomplete.p-invalid .p-autocomplete-input-chip input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-autocomplete.p-invalid .p-autocomplete-input-chip input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-autocomplete-empty-message{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-autocomplete-fluid{
  display: flex;
}
.p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input{
  width: 1%;
}
.p-avatar{
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
  font-size: 1rem;
}
.p-avatar-image{
  background-color: transparent;
}
.p-avatar-circle{
  border-radius: 9999px;
}
.p-avatar-circle img{
  border-radius: 9999px;
}
.p-avatar img{
  height: 100%;
  width: 100%;
}
.p-avatar.p-avatar-lg{
  height: 4rem;
  width: 4rem;
  font-size: 2rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: 2rem;
}
.p-avatar.p-avatar-xl{
  height: 7rem;
  width: 7rem;
  font-size: 3.5rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: 3.5rem;
}
.p-avatar-group{
  display: flex;
  align-items: center;
}
.p-avatar-group .p-avatar + .p-avatar{
  margin-left: -1rem;
}
.p-avatar-group .p-avatar{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.avatar-list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.forum-post .avatar-list{
  display: flex;
  margin-top: 10px;
}

.avatar-list{
  display: flex;
  flex-direction: row;
}
.avatar-list .avatar-container{
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.forum-post .avatar-list .avatar-container{
  display: flex;
  margin-top: 10px;
}
.avatar-list .avatar-container{
  display: flex;
  flex-direction: row;
}
.avatar-list .avatar-container .p-avatar{
  flex-shrink: 0;
  flex-grow: 0;
}
.avatar-list .avatar-container .avatar-info p{
  font-size: 13px;
  line-height: 16px;
}
.avatar-list .avatar-container .avatar-info p:first-child{
  font-weight: 600;
}
.avatar-list--several{
  gap: 0.75rem;
}
.avatar-list--several .avatar-container{
  width: 4rem;
  flex-direction: column;
  text-align: center;
}
.skill-wheel .avatar-list--several .avatar-container {
  text-align: center;
}
.skill-wheel .skill-profile-block .avatar-list--several .avatar-container {
  margin-top: 20px;
  min-height: 50px;
}
.avatar-list--several .avatar-container .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.avatar-list--several .avatar-container .p-avatar{
  margin-left: auto;
  margin-right: auto;
}
.avatar-list--several .avatar-container .avatar-info p{
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  font-size: 11px;
  line-height: 16px;
}
.field .avatar-list{
  display: inline-flex;
  vertical-align: middle;
}
.attendance-page .field .avatar-list {
  vertical-align: middle;
}

.btn{
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn:disabled{
  cursor: default;
  opacity: 0.6;
}

.btn {
  padding: calc(0.5rem - 1px) calc(1rem - 1px);
  font-size: 1rem;
  line-height: 1.5rem;
}
.btn .mdi{
  font-size: 1rem;
  line-height: 1.5rem;
}
.btn.disabled, .btn:disabled{
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
.cm-layout .btn.disabled:hover,.cm-layout  .btn:disabled:hover {
  opacity: 0.85;
}
.btn--primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--primary:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-primary-base));
}
.btn--primary:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1));
}
.btn--primary:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--secondary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--secondary:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.btn--secondary:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-gradient) / var(--tw-bg-opacity, 1));
}
.btn--secondary:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--plain{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--plain:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #333333;
}
.btn--plain:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.btn--plain:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--success{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--success:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.btn--success:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-gradient) / var(--tw-bg-opacity, 1));
}
.btn--success:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--info{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--info:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.btn--info:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-gradient) / var(--tw-bg-opacity, 1));
}
.btn--info:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--warning{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.btn--warning:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.btn--warning:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-gradient) / var(--tw-bg-opacity, 1));
}
.btn--warning:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--danger{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--danger:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.btn--danger:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-gradient) / var(--tw-bg-opacity, 1));
}
.btn--danger:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--primary-outline{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.btn--primary-outline:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-primary-base));
}
.btn--primary-outline:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--primary-outline:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--secondary-outline{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.btn--secondary-outline:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.btn--secondary-outline:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--secondary-outline:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--plain-outline{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.btn--plain-outline:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #000;
}
.btn--plain-outline:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--plain-outline:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--success-outline{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.btn--success-outline:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.btn--success-outline:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--success-outline:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--info-outline{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}
.btn--info-outline:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.btn--info-outline:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--info-outline:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--warning-outline{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.btn--warning-outline:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.btn--warning-outline:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.btn--warning-outline:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn--danger-outline{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.btn--danger-outline:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.btn--danger-outline:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn--danger-outline:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.btn-sm, .btn--sm {
  padding: calc(0.25rem - 1px) calc(0.5rem - 1px);
  font-size: 13px;
}

.p-button{
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.p-button:disabled{
  cursor: default;
  opacity: 0.6;
}

.p-button {
  padding: calc(0.5rem - 1px) calc(1rem - 1px);
  font-size: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-primary-base));
}
.p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1));
}
.p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button {
  position: relative;
  overflow: hidden;
  outline-color: transparent;
  font-family: inherit;
  font-feature-settings: inherit;
}
.p-button:disabled{
  cursor: default;
}
.p-button .p-badge{
  height: 1rem;
  min-width: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-button .p-button-icon-right{
  order: 1;
}
.p-button .p-button-icon-bottom{
  order: 2;
}
.p-button .p-button-icon{
  font-size: 1rem;
  line-height: 1.5rem;
}
.p-button .p-button-label{
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.attendance-page .p-button .p-button-label {
  vertical-align: middle;
}

.p-button-vertical{
  flex-direction: column;
}

.p-button-fluid{
  width: 100%;
}
.p-button-fluid.p-button-icon-only{
  width: 3rem;
}

.p-button-sm {
  padding: calc(0.25rem - 1px) calc(0.5rem - 1px);
}
.p-button-sm:not(.p-button-icon-only) .p-button-icon, .p-button-sm:not(.p-button-icon-only) .p-button-label {
  font-size: 13px;
}

.p-button-lg {
  padding: calc(1rem - 1px) calc(2rem - 1px);
}
.p-button-lg .p-button-icon,
.p-button-lg .p-button-label {
  font-size: 18px;
}

.p-button-icon-only{
  gap: 0px;
}
.p-button-icon-only:not(.p-button-sm) {
  padding-left: calc(0.75rem - 1px);
  padding-right: calc(0.75rem - 1px);
}
.p-button-icon-only.p-button-sm {
  padding-left: calc(0.5rem - 1px);
  padding-right: calc(0.5rem - 1px);
}
.p-button-icon-only .p-button-label{
  display: none;
  width: 0px;
  flex: 0 1 auto;
}
.nested-sortable:hover .list-group-item .p-button-icon-only .p-button-label{
  display: block;
}
.p-button-icon-only::after{
  visibility: hidden;
  width: 0px;
  content: " ";
}

.p-button-raised{
  --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);
}

.p-button-rounded{
  border-radius: 9999px;
}
.p-button-rounded.p-button-icon-only{
  border-radius: 9999px;
}

.p-button-secondary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-button-secondary:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.p-button-secondary:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-gradient) / var(--tw-bg-opacity, 1));
}
.p-button-secondary:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-success{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-button-success:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.p-button-success:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-gradient) / var(--tw-bg-opacity, 1));
}
.p-button-success:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-info{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-button-info:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.p-button-info:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-gradient) / var(--tw-bg-opacity, 1));
}
.p-button-info:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-warn{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.p-button-warn:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.p-button-warn:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-gradient) / var(--tw-bg-opacity, 1));
}
.p-button-warn:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-help{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-button-help:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-tertiary-base));
}
.p-button-help:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-gradient) / var(--tw-bg-opacity, 1));
}
.p-button-help:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-danger{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-button-danger:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.p-button-danger:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-gradient) / var(--tw-bg-opacity, 1));
}
.p-button-danger:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-contrast{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-button-contrast:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #333333;
}
.p-button-contrast:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.p-button-contrast:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-primary-base));
}
.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-secondary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-secondary:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.p-button-outlined.p-button-secondary:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-secondary:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-success{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-success:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.p-button-outlined.p-button-success:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-success:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-info{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-info:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.p-button-outlined.p-button-info:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-info:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-warn{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-warn:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.p-button-outlined.p-button-warn:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-warn:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-help{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-tertiary-base) / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-help:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-tertiary-base));
}
.p-button-outlined.p-button-help:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-help:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-danger{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-danger:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.p-button-outlined.p-button-danger:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-danger:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-contrast{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-contrast:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #000;
}
.p-button-outlined.p-button-contrast:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-contrast:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-button-outlined.p-button-plain{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-plain:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #000;
}
.p-button-outlined.p-button-plain:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-button-outlined.p-button-plain:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}

.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-primary-base));
}
.p-button-text:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-secondary{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-secondary:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.p-button-text.p-button-secondary:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-secondary:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-success{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-success:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.p-button-text.p-button-success:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-success:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-info{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-info:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.p-button-text.p-button-info:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-info:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-warn{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-warn:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.p-button-text.p-button-warn:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-warn:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-help{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-tertiary-base) / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-help:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-tertiary-base));
}
.p-button-text.p-button-help:not(:disabled):hover{
  border-color: transparent;
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-help:not(:disabled):active{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.95);
  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);
}
.p-button-text.p-button-danger{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-danger:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.p-button-text.p-button-danger:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-danger:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-contrast{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-contrast:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #000;
}
.p-button-text.p-button-contrast:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-contrast:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-plain{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-button-text.p-button-plain:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #a2a6b0;
}
.p-button-text.p-button-plain:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-text.p-button-plain:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}

.p-button-link{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.p-button-link:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-primary-base));
}
.p-button-link:not(:disabled):hover{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-button-link:not(:disabled):active{
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-button-link:not(:disabled):hover .p-button-label{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.p-button-link:not(:disabled):active .p-button-label{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.p-buttonset.p-button-secondary > .p-button{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-buttonset.p-button-secondary > .p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.p-buttonset.p-button-secondary > .p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-gradient) / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-secondary > .p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-secondary > .p-button.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-secondary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-secondary > .p-button.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-secondary > .p-button.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-secondary-base));
}
.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-success > .p-button{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-success > .p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.p-buttonset.p-button-success > .p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-gradient) / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-success > .p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-success > .p-button.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-success > .p-button.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-success-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-success > .p-button.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-success > .p-button.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-success-base));
}
.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-info > .p-button{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-info > .p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.p-buttonset.p-button-info > .p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-gradient) / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-info > .p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-info > .p-button.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-info > .p-button.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-info-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-info > .p-button.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-info > .p-button.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-info-base));
}
.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-warn > .p-button{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-warn > .p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.p-buttonset.p-button-warn > .p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-gradient) / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-warn > .p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-warn > .p-button.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-warn > .p-button.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.p-buttonset.p-button-warn > .p-button.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-warn > .p-button.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-warning-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-warn > .p-button.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-warn > .p-button.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-warning-base));
}
.p-buttonset.p-button-warn > .p-button.p-button-text:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-warn > .p-button.p-button-text:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-help > .p-button{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-help > .p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-tertiary-base));
}
.p-buttonset.p-button-help > .p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-gradient) / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-help > .p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-help > .p-button.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-tertiary-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-help > .p-button.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-tertiary-base));
}
.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-tertiary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-tertiary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-help > .p-button.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-tertiary-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-help > .p-button.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-tertiary-base));
}
.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover{
  border-color: transparent;
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.95);
  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);
}
.p-buttonset.p-button-danger > .p-button{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-danger > .p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.p-buttonset.p-button-danger > .p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-gradient) / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-danger > .p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-gradient) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-gradient) / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-danger > .p-button.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-danger > .p-button.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-danger > .p-button.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-danger > .p-button.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: rgb(var(--color-danger-base));
}
.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-contrast > .p-button{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-contrast > .p-button:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #333333;
}
.p-buttonset.p-button-contrast > .p-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-contrast > .p-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-contrast > .p-button.p-button-outlined{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-contrast > .p-button.p-button-outlined:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #000;
}
.p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-brightness: brightness(0.92);
  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);
}
.p-buttonset.p-button-contrast > .p-button.p-button-text{
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.p-buttonset.p-button-contrast > .p-button.p-button-text:focus-visible{
  --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: 1px;
  outline-offset: 1px;
  outline-color: #000;
}
.p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}

.p-togglebutton.p-button.p-highlight.p-button-contrast{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.base-icon{
  position: relative;
  display: inline-flex;
  cursor: pointer;
}
.base-icon--big i {
  font-size: 1.875rem;
  line-height: 1;
}
.base-icon--normal i {
  font-size: 1.25rem;
  line-height: 1;
}
.base-icon--small i {
  font-size: 1rem;
  line-height: 1;
}
.base-icon__badge{
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.skill-wheel .base-icon__badge {
  text-align: center;
}
.skill-wheel .skill-profile-block .base-icon__badge {
  margin-top: 20px;
  min-height: 50px;
}
.base-icon__badge .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.base-icon__badge--top-left{
  top: -0.5rem;
  left: -0.625rem;
}
.base-icon__badge--top-right{
  top: -0.5rem;
  right: -0.625rem;
}
.base-icon__badge--bottom-left{
  bottom: -0.375rem;
  left: -0.5rem;
}
.base-icon__badge--bottom-right{
  bottom: -0.5rem;
  right: -0.625rem;
}
.base-icon--has-tooltip:hover .base-icon__tooltip{
  opacity: 1;
}
.base-icon__tooltip{
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  margin-top: 0.25rem;
  --tw-translate-x: -50%;
  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));
  white-space: nowrap;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.p-datepicker{
  display: inline-flex;
  max-width: 100%;
}
.p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.p-datepicker-input{
  width: 1%;
  flex: 1 1 auto;
}
.p-datepicker-dropdown{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-datepicker-dropdown:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-datepicker-dropdown {
  /*width: dt('datepicker.dropdown.width');*/
}
.p-datepicker-dropdown:not(:disabled):hover{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-datepicker-dropdown:not(:disabled):focus-visible{
  background-color: rgba(46, 117, 163, 0.08);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-datepicker-dropdown:not(:disabled):active{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-datepicker:has(.p-datepicker-input-icon-container){
  position: relative;
}
.p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input{
  padding-right: 3rem;
}
.p-datepicker-input-icon-container{
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-datepicker:has(.p-datepicker-input:disabled) .p-datepicker-input-icon-container{
  cursor: default;
}
.p-datepicker-fluid{
  display: flex;
}
.p-datepicker .p-datepicker-panel{
  min-width: 100%;
}
.p-datepicker-panel{
  margin-top: 0.25rem;
  width: auto;
  border-radius: 0.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-datepicker-panel .base-calendar-footer{
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding-left: 0px;
  padding-right: 0px;
}
.p-datepicker-panel-inline{
  margin-top: 0px;
  display: inline-block;
  overflow-x: auto;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --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);
}
.p-datepicker-panel-inline:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-datepicker-panel-inline:focus-visible{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-datepicker-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-datepicker-next-button:where([dir="rtl"], [dir="rtl"] *){
  order: -1;
}
.p-datepicker-prev-button:where([dir="rtl"], [dir="rtl"] *){
  order: 1;
}
.p-datepicker-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-weight: 600;
}
.p-datepicker-select-year, .p-datepicker-select-month{
  margin: 0px;
  cursor: pointer;
  border-style: none;
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-datepicker-select-year:hover, .p-datepicker-select-month:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datepicker-select-year:focus-visible, .p-datepicker-select-month:focus-visible{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-datepicker-select-year:enabled, .p-datepicker-select-month:enabled{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datepicker-calendar-container{
  display: flex;
}
.p-datepicker-calendar-container .p-datepicker-calendar{
  flex: 1 1 auto;
  border-width: 0px;
  padding: 0px;
}
.p-datepicker-calendar-container .p-datepicker-calendar:first-child{
  border-left-width: 0px;
  padding-left: 0px;
}
.p-datepicker-calendar-container .p-datepicker-calendar:last-child{
  padding-right: 0px;
}
.p-datepicker-day-view{
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  line-height: 1.5rem;
}
.p-datepicker-weekday-cell {
  /*@apply p-2; */
}
.p-datepicker-weekday{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-datepicker-day-cell{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0px;
  padding-right: 0px;
}
.p-datepicker-day{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 0px;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-datepicker-day:focus-visible{
  --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: 2px solid transparent;
  outline-offset: 2px;
}
.p-datepicker-day-selected, .p-datepicker-day-selected-range{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datepicker-day:not(.p-disabled):not(.p-datepicker-day-selected):hover, .p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover, .p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-datepicker-weeknumber{
  text-align: center;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.skill-wheel .p-datepicker-weeknumber {
  text-align: center;
}
.skill-wheel .skill-profile-block .p-datepicker-weeknumber {
  margin-top: 20px;
  min-height: 50px;
}
.p-datepicker-weeknumber .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.p-datepicker-month-view{
  padding-bottom: 0.75rem;
}
.p-datepicker-month{
  position: relative;
  display: inline-flex;
  width: 33.333333%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-datepicker-month-selected{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-datepicker-month:not(.p-disabled):focus-visible{
  --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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-datepicker-year-view{
  padding-bottom: 0.75rem;
}
.p-datepicker-year{
  position: relative;
  display: inline-flex;
  width: 50%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-datepicker-year-selected{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-datepicker-year:not(.p-disabled):focus-visible{
  --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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-datepicker-buttonbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-width: 4px;
  padding: 0.5rem;
}
.p-datepicker-buttonbar .p-button{
  width: auto;
}
.p-datepicker-time-picker{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-top-width: 0px;
  padding: 0px;
}
.p-datepicker-time-picker:where([dir="rtl"], [dir="rtl"] *){
  flex-direction: row-reverse;
}
.p-datepicker-time-picker > div{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.p-datepicker-time-picker span{
  font-size: 14px;
  line-height: 16px;
}
.p-datepicker-calendar-container + .p-datepicker-time-picker{
  padding-bottom: 0.75rem;
}
.p-datepicker-timeonly .p-datepicker-time-picker{
  border-top-width: 0px;
}
.p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {
  /* @apply w-1/2; */
}
.p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon, .p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-icon{
  height: 1rem;
  width: 1rem;
  font-size: 16px;
  line-height: 24px;
  line-height: 1;
}
.p-datepicker-clear-icon{
  position: absolute;
  top: 50%;
  inset-inline-end: 1rem;
  margin-top: -0.5rem;
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-clear-icon{
  inset-inline-end: 1rem;
}
.p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-clear-icon{
  inset-inline-end: 1rem;
}
.p-datepicker:has(.p-datepicker-clear-icon) .p-datepicker-input{
  padding-right: 3rem;
}
.p-datepicker:has(.p-datepicker-input-icon-container):has(.p-datepicker-clear-icon) .p-datepicker-input{
  padding-right: 3rem;
}
.p-inputgroup .p-datepicker-dropdown{
  border-radius: 0px;
}
.p-inputgroup > .p-datepicker:last-child:has(.p-datepicker-dropdown) > .p-datepicker-input{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.p-inputgroup > .p-datepicker:last-child .p-datepicker-dropdown{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.p-checkbox{
  position: relative;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: bottom;
}
.p-checkbox-input{
  position: absolute;
  inset-inline-start: 0px;
  z-index: 1;
  margin: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 1px;
  border-color: transparent;
  padding: 0px;
  opacity: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-checkbox-box{
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-checkbox-checked .p-checkbox-box{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-checkbox-icon{
  height: 0.75rem;
  width: 0.75rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-duration: 200ms;
}
.p-checkbox-checked .p-checkbox-icon{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-checkbox.p-invalid > .p-checkbox{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.p-checkbox.p-disabled{
  opacity: 1;
}
.p-checkbox.p-disabled .p-checkbox-box{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1));
}
.blog-posts .p-checkbox.p-disabled .p-checkbox-box {
  background: #f9fafb;
}
.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-checkbox-sm, .p-checkbox-sm .p-checkbox-box{
  height: 0.5rem;
  width: 0.5rem;
}
.p-checkbox-sm .p-checkbox-icon{
  height: 0.5rem;
  width: 0.5rem;
  font-size: 14px;
  line-height: 16px;
}
.p-checkbox-lg, .p-checkbox-lg .p-checkbox-box{
  height: 1.5rem;
  width: 1.5rem;
}
.p-checkbox-lg .p-checkbox-icon{
  height: 1.25rem;
  width: 1.25rem;
  font-size: 14px;
  line-height: 16px;
}

/* legacy checkboxes */
.p-checkbox-box .p-checkbox-icon{
  display: none;
}
.nested-sortable:hover .list-group-item .p-checkbox-box .p-checkbox-icon{
  display: block;
}

.p-checkbox-input:checked + .p-checkbox-box .p-checkbox-icon{
  display: block;
}

.color-picker{
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 0px;
  flex-direction: column;
  justify-content: center;
  gap: 0px;
}
.color-picker label{
  position: absolute;
  top: -0.625rem;
  left: 0.5rem;
  z-index: 2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 13px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.color-picker input[type=color]{
  height: auto;
  width: 3rem;
  cursor: pointer;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 1px;
  border-right-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  transition-property: none;
}
.color-picker .p-inputgroup .p-inputtext{
  width: 6rem;
  flex-shrink: 0;
  flex-grow: 0;
  transition-property: none;
}
.color-picker:hover input[type=color],
.color-picker:hover .p-inputgroup .p-inputtext{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.color-picker:has(.p-inputtext:focus) input[type=color],
.color-picker:has(.p-inputtext:focus) input[type=color]{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}

.p-divider-horizontal{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.p-divider-horizontal::before{
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  width: 100%;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}
.p-divider-horizontal .p-divider-content{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-divider-vertical{
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;
  display: flex;
  min-height: 100%;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-divider-vertical::before{
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  height: 100%;
  border-left-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}
.p-divider.p-divider-vertical .p-divider-content{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-divider-content{
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-divider-content:hover{
  color: rgba(46, 117, 163, 0.5);
}
.p-divider-solid.p-divider-horizontal:before {
  border-block-start-style: solid;
}
.p-divider-solid.p-divider-vertical:before {
  border-inline-start-style: solid;
}
.p-divider-dashed.p-divider-horizontal:before {
  border-block-start-style: dashed;
}
.p-divider-dashed.p-divider-vertical:before {
  border-inline-start-style: dashed;
}
.p-divider-dotted.p-divider-horizontal:before {
  border-block-start-style: dotted;
}
.p-divider-dotted.p-divider-vertical:before {
  border-inline-start-style: dotted;
}
.p-divider-left:where([dir="rtl"], [dir="rtl"] *), .p-divider-right:where([dir="rtl"], [dir="rtl"] *){
  flex-direction: row-reverse;
}

.p-fieldset{
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(46, 117, 163, 0.5);
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.875rem;
}
.p-fieldset-legend{
  margin-left: -0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.p-fieldset-content{
  padding: 0px;
}
.p-fieldset .p-fieldset-legend{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend{
  color: rgba(46, 117, 163, 0.5);
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler{
  margin-right: 0.25rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus, .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover, .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a[aria-expanded=true]{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-content{
  padding: 0px;
}

.p-floatlabel{
  position: relative;
  display: block;
}
.p-floatlabel label{
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 1rem;
  background-color: transparent;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.p-floatlabel:has(.p-textarea) label{
  top: 0.75rem;
  --tw-translate-y: 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));
}
.p-floatlabel:has(.p-invalid) label{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-floatlabel:has(input:focus) label, .p-floatlabel:has(input.p-filled) label, .p-floatlabel:has(input:-webkit-autofill) label, .p-floatlabel:has(textarea:focus) label, .p-floatlabel:has(textarea.p-filled) label, .p-floatlabel:has(.p-inputwrapper-focus) label, .p-floatlabel:has(.p-inputwrapper-filled) label, .p-floatlabel:has(input[placeholder]) label, .p-floatlabel:has(textarea[placeholder]) label, .p-floatlabel:has(.p-datepicker-panel-inline) label, .p-floatlabel:has(.tox.tox-tinymce) label{
  top: 0px;
  left: 0.5rem;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 13px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-floatlabel:has(input.p-filled) label, .p-floatlabel:has(textarea.p-filled) label, .p-floatlabel:has(.p-inputwrapper-filled) label{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-floatlabel:has(input:focus) label, .p-floatlabel:has(input:-webkit-autofill) label, .p-floatlabel:has(textarea:focus) label, .p-floatlabel:has(.p-inputwrapper-focus) label{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-floatlabel-in .p-inputtext, .p-floatlabel-in .p-textarea, .p-floatlabel-in .p-select-label, .p-floatlabel-in .p-multiselect-label, .p-floatlabel-in .p-autocomplete-input-multiple, .p-floatlabel-in .p-cascadeselect-label, .p-floatlabel-in .p-treeselect-label{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-floatlabel-in:has(input:-webkit-autofill) label{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-floatlabel-in:has(input:focus) label, .p-floatlabel-in:has(input.p-filled) label, .p-floatlabel-in:has(input:autofill) label, .p-floatlabel-in:has(textarea:focus) label, .p-floatlabel-in:has(textarea.p-filled) label, .p-floatlabel-in:has(.p-inputwrapper-focus) label, .p-floatlabel-in:has(.p-inputwrapper-filled) label, .p-floatlabel-in:has(input[placeholder]) label, .p-floatlabel-in:has(textarea[placeholder]) label{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-floatlabel-on:has(input:-webkit-autofill) label{
  --tw-translate-y: -50%;
  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));
}
.p-floatlabel-on:has(input:focus) label, .p-floatlabel-on:has(input.p-filled) label, .p-floatlabel-on:has(input:autofill) label, .p-floatlabel-on:has(textarea:focus) label, .p-floatlabel-on:has(textarea.p-filled) label, .p-floatlabel-on:has(.p-inputwrapper-focus) label, .p-floatlabel-on:has(.p-inputwrapper-filled) label, .p-floatlabel-on:has(input[placeholder]) label, .p-floatlabel-on:has(textarea[placeholder]) label, .p-floatlabel-on:has(.p-datepicker-panel-inline) label, .p-floatlabel-on:has(.tox.tox-tinymce) label{
  --tw-translate-y: -50%;
  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));
}

.p-inline-message{
  margin: 0px;
  display: flex;
  gap: 0.875rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-inline-message.p-inline-message-info{
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}
.p-inline-message.p-inline-message-info .p-inline-message-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}
.p-inline-message.p-inline-message-success{
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.p-inline-message.p-inline-message-success .p-inline-message-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}
.p-inline-message.p-inline-message-warn{
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-inline-message.p-inline-message-warn .p-inline-message-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-inline-message.p-inline-message-error{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-inline-message.p-inline-message-error .p-inline-message-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-inplace-display{
  display: block;
  width: 100%;
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  padding: 0.5rem;
  outline-color: transparent;
}
.p-inplace-display:not(.p-disabled):hover{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-inplace-display:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --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);
}
.p-inplace-content{
  display: block;
}

.p-inputgroup{
  display: flex;
  width: 100%;
  align-items: stretch;
}
.p-inputgroup .p-iconfield,
.p-inputgroup .p-floatlabel,
.p-inputgroup .p-iftalabel{
  display: flex;
  width: 100%;
  align-items: stretch;
}
.p-inputgroup .p-floatlabel .p-inputwrapper,
.p-inputgroup .p-iftalabel .p-inputwrapper{
  display: inline-flex;
}
.p-inputgroup .p-inputtext,
.p-inputgroup .p-inputwrapper{
  width: 1%;
  flex: 1 1 auto;
}
.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iconfield > .p-component,
.p-inputgroup > .p-floatlabel > .p-component,
.p-inputgroup > .p-floatlabel > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iftalabel > .p-component,
.p-inputgroup > .p-iftalabel > .p-inputwrapper > .p-component{
  margin: 0px;
  border-radius: 0px;
}
.p-inputgroup > .p-component:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-component,
.p-inputgroup > .p-iconfield:first-child > .p-component,
.p-inputgroup > .p-floatlabel:first-child > .p-component,
.p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iftalabel:first-child > .p-component,
.p-inputgroup > .p-iftalabel:first-child > .p-inputwrapper > .p-component{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}
.p-inputgroup > .p-component:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-component,
.p-inputgroup > .p-iconfield:last-child > .p-component,
.p-inputgroup > .p-floatlabel:last-child > .p-component,
.p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component,
.p-inputgroup > .p-iftalabel:last-child > .p-component,
.p-inputgroup > .p-iftalabel:last-child > .p-inputwrapper > .p-component{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}
.p-inputgroup .p-component:focus,
.p-inputgroup .p-component.p-focus,
.p-inputgroup .p-inputwrapper-focus,
.p-inputgroup .p-component:focus ~ label,
.p-inputgroup .p-component.p-focus ~ label,
.p-inputgroup .p-inputwrapper-focus ~ label,
.p-inputgroup .p-floatlabel .p-inputwrapper ~ label,
.p-inputgroup .p-iftalabel .p-inputwrapper ~ label{
  z-index: 1;
}
.p-inputgroup > .p-button:not(.p-button-icon-only){
  width: auto;
}
.p-inputgroup .p-iconfield + .p-iconfield .p-inputtext{
  border-inline-start-width: 0px;
}

.p-inputgroupaddon{
  display: flex;
  min-width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-top-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-inputgroupaddon:first-child, .p-inputgroupaddon + .p-inputgroupaddon{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-inline-start-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
}
.p-inputgroupaddon:last-child{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  border-inline-end-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
}
.p-inputgroupaddon:has(.p-button){
  overflow: hidden;
  padding: 0px;
}
.p-inputgroupaddon .p-button{
  border-radius: 0px;
}

.p-iconfield{
  position: relative;
  display: block;
}
.p-iconfield .p-inputtext:not(:first-child),
.p-iconfield .p-inputwrapper:not(:first-child) .p-inputtext{
  padding-inline-start: 3rem;
}
.p-iconfield .p-inputtext:not(:last-child){
  padding-inline-end: 3rem;
}
.p-iconfield:has(.p-inputfield-sm) .p-inputicon{
  margin-top: -0.4375rem;
  height: 0.875rem;
  width: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.p-iconfield:has(.p-inputfield-lg) .p-inputicon{
  margin-top: -0.5625rem;
  height: 1.125rem;
  width: 1.125rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.p-inputicon{
  position: absolute;
  top: 50%;
  z-index: 1;
  margin-top: -0.5rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-iconfield .p-inputicon:first-child{
  inset-inline-start: 1rem;
}
.p-iconfield .p-inputicon:last-child{
  inset-inline-end: 1rem;
}

.p-toggleswitch{
  display: inline-block;
  height: 1rem;
  width: 2rem;
}
.p-toggleswitch-input{
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  z-index: 1;
  margin: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  padding: 0px;
  opacity: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-toggleswitch-slider{
  height: 100%;
  width: 100%;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 0px;
  border-style: none;
  background-color: rgba(0, 0, 0, 0.12);
  --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);
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider{
  --tw-bg-opacity: 1;
  background-color: rgb(162 166 176 / var(--tw-bg-opacity, 1));
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
}
.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider{
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-toggleswitch.p-invalid > .p-toggleswitch-slider{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.p-toggleswitch-handle{
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  display: flex;
  height: 0.75rem;
  width: 0.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle{
  --tw-translate-x: 1rem;
  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));
}
.p-toggleswitch.p-disabled{
  opacity: 1;
}

.p-inputtext{
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: calc(0.625rem - 1px) calc(0.75rem - 1px);
}
.p-inputtext:enabled:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-inputtext:enabled:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-inputtext.p-invalid{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.p-inputtext.p-invalid::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-inputtext.p-invalid::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-inputtext.p-variant-filled{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-inputtext.p-variant-filled.p-filled{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-inputtext:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-inputtext::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-inputtext::placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-inputtext-sm {
  padding: calc(0.375rem - 1px) calc(0.75rem - 1px);
}
.p-inputtext-lg {
  padding: calc(0.75rem - 1px);
}
.p-inputtext-fluid{
  width: 100%;
}

.p-inputnumber{
  position: relative;
  display: inline-flex;
}
.p-inputnumber-button{
  display: flex;
  width: 2rem;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 0px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-inputnumber-button:disabled{
  cursor: auto;
}
.p-inputnumber-button:not(:disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-inputnumber-button:not(:disabled):active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-inputnumber-stacked .p-inputnumber-button{
  position: relative;
  flex: 1 1 auto;
  border-style: none;
}
.p-inputnumber-stacked .p-inputnumber-button-group{
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  height: calc(100% - 2px);
}
.p-inputnumber-stacked .p-inputnumber-increment-button{
  border-top-right-radius: 0.5rem;
  padding: 0px;
}
.p-inputnumber-stacked .p-inputnumber-decrement-button{
  border-bottom-right-radius: 0.5rem;
  padding: 0px;
}
.p-inputnumber-stacked .p-inputnumber-input{
  padding-right: 2rem;
}
.p-inputnumber-horizontal .p-inputnumber-button{
  flex-basis: 2rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
}
.p-inputnumber-horizontal .p-inputnumber-button:hover{
  border-style: solid;
}
.p-inputnumber-horizontal .p-inputnumber-button:active{
  border-style: solid;
}
.p-inputnumber-horizontal .p-inputnumber-increment-button{
  right: 0px;
  order: 3;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-left-width: 0px;
}
.p-inputnumber-horizontal .p-inputnumber-input{
  order: 2;
  border-radius: 0px;
}
.p-inputnumber-horizontal .p-inputnumber-decrement-button{
  left: 0px;
  order: 1;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-right-width: 0px;
}
.p-floatlabel:has(.p-inputnumber-horizontal) label{
  margin-left: 2rem;
}
.p-inputnumber-vertical{
  flex-direction: column;
}
.p-inputnumber-vertical .p-inputnumber-button{
  flex-basis: 2rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  padding: 0px;
}
.p-inputnumber-vertical .p-inputnumber-button:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-inputnumber-vertical .p-inputnumber-button:active{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
}
.p-inputnumber-vertical .p-inputnumber-increment-button{
  order: 1;
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-width: 0px;
}
.p-inputnumber-vertical .p-inputnumber-input{
  order: 2;
  border-radius: 0px;
  text-align: center;
}
.skill-wheel .p-inputnumber-vertical .p-inputnumber-input {
  text-align: center;
}
.skill-wheel .skill-profile-block .p-inputnumber-vertical .p-inputnumber-input {
  margin-top: 20px;
  min-height: 50px;
}
.p-inputnumber-vertical .p-inputnumber-input .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.p-inputnumber-vertical .p-inputnumber-decrement-button{
  order: 3;
  width: 100%;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-width: 0px;
}
.p-inputnumber-input{
  flex: 1 1 auto;
}
.p-inputnumber-fluid{
  width: 100%;
}
.p-inputnumber-fluid .p-inputnumber-input{
  width: 1%;
}
.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input{
  width: 100%;
}
.p-inputnumber-clear-icon{
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  cursor: pointer;
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-inputnumber:has(.p-inputnumber-clear-icon) .p-inputnumber-input{
  padding-right: 2rem;
}
.p-inputnumber-stacked .p-inputnumber-clear-icon{
  right: 2rem;
}

/*

.p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {
  font-size: dt('form.field.sm.font.size');
  width: dt('form.field.sm.font.size');
  height: dt('form.field.sm.font.size');
}

.p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {
  font-size: dt('form.field.lg.font.size');
  width: dt('form.field.lg.font.size');
  height: dt('form.field.lg.font.size');
}
*/
.p-message{
  border-radius: 0.375rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-message-content{
  display: flex;
  height: 100%;
  align-items: center;
  gap: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-message-icon{
  height: 1.5rem;
  width: 1.5rem;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 24px;
}
.p-message-close-button{
  position: relative;
  margin-inline-start: auto;
  display: flex;
  height: 2rem;
  width: 2rem;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-message-close-button:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-message-close-icon{
  height: 1.5rem;
  width: 1.5rem;
  font-size: 14px;
  line-height: 16px;
}
.p-message-info{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-success{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-warn{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-error{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-contrast{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-text{
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}
.p-message-enter-from{
  opacity: 0;
}
.p-message-enter-active{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.p-message.p-message-leave-from{
  margin: 0px;
  max-height: 0px;
  opacity: 0;
}
.p-message-leave-active{
  overflow: hidden;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-message-leave-active .p-message-close-button{
  opacity: 0;
}
.p-message-sm .p-message-content{
  padding: 0.5rem;
}
.p-message-sm .p-message-text{
  font-size: 14px;
  line-height: 16px;
}
.p-message-sm .p-message-icon{
  height: 1rem;
  width: 1rem;
  font-size: 16px;
  line-height: 24px;
}
.p-message-sm.p-message-close-icon{
  height: 1rem;
  width: 1rem;
  font-size: 14px;
  line-height: 16px;
}
.p-message-lg .p-message-content{
  padding: 1.5rem;
}
.p-message-lg .p-message-text{
  font-size: 16px;
  line-height: 24px;
}
.p-message-lg .p-message-icon{
  height: 2rem;
  width: 2rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}
.p-message-lg.p-message-close-icon{
  height: 1.5rem;
  width: 1.5rem;
  font-size: 14px;
  line-height: 16px;
}
.p-message-message-outlined{
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-simple{
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-message-simple .p-message-content{
  padding: 0px;
}

.p-multiselect{
  position: relative;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-multiselect:not(.p-disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-multiselect.p-focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-multiselect.p-invalid{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-multiselect.p-disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
  opacity: 1;
}
.p-multiselect-dropdown{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-multiselect-clear-icon{
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}
.p-multiselect-label-container{
  flex: 1 1 auto;
  cursor: pointer;
  overflow: hidden;
}
.p-multiselect-label{
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-multiselect-label.p-placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-multiselect-label .p-chip{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 250 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0px;
  padding-bottom: 0px;
}
.p-multiselect-label-empty{
  overflow: hidden;
  opacity: 0;
}
.p-multiselect .p-multiselect-overlay{
  min-width: 100%;
}
.p-multiselect-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-multiselect-overlay::before{
  position: absolute;
  top: 0px;
  z-index: 2;
  display: block;
  height: 0.75rem;
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.p-multiselect-overlay::after{
  position: absolute;
  bottom: 0px;
  z-index: 2;
  display: block;
  height: 0.75rem;
  width: 100%;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.p-multiselect-header{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-multiselect-header .p-checkbox{
  margin-inline-end: 0.5rem;
}
.p-multiselect-filter-container{
  flex: 1 1 auto;
}
.p-multiselect-filter{
  width: 100%;
}
.p-multiselect-list-container{
  overflow: auto;
}
.p-multiselect-list{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
}
.p-multiselect-option{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0px;
  border-style: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-multiselect-option.p-multiselect-option-selected{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-multiselect-option.p-multiselect-option-selected.p-focus{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-multiselect-option-group{
  margin: 0px;
  cursor: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-multiselect-empty-message{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-multiselect-fluid{
  display: flex;
  width: 100%;
}
.p-multiselect-sm .p-multiselect-label{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.p-multiselect-lg .p-multiselect-label{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.p-component-overlay{
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.12);
  transition-duration: 200ms;
}

.p-component-overlay-enter {
  animation: p-component-overlay-enter-animation 150ms forwards;
}

.p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 150ms forwards;
}

@keyframes p-component-overlay-enter-animation {
  from{
    background-color: transparent;
  }
  to{
    background-color: rgba(0, 0, 0, 0.12);
  }
}
@keyframes p-component-overlay-leave-animation {
  from{
    background-color: rgba(0, 0, 0, 0.12);
  }
  to{
    background-color: transparent;
  }
}
.p-password{
  position: relative;
  display: inline-flex;
  width: 100%;
}
.p-password .p-password-overlay{
  min-width: 100%;
}
.p-password-meter{
  border-radius: 0.5rem;
}
.p-password-meter-label{
  height: 100%;
  width: 0px;
  border-radius: 0.5rem;
}
.p-password-meter-weak{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
}
.p-password-meter-medium{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
}
.p-password-meter-strong{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
}
.p-password-fluid{
  display: flex;
}
.p-password-fluid .p-password-input{
  width: 100%;
}
.p-password-input::-ms-reveal, .p-password-input::-ms-clear {
  display: none;
}
.p-password-overlay{
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-password-content{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p-password-toggle-mask-icon{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 1rem;
  height: 100%;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-password:has(.p-password-mask-icon) .p-password-input{
  padding-right: 1rem;
}

.platform-logo a{
  display: block;
}
.platform-logo img, .platform-logo picture{
  display: block;
  height: 2.5rem;
  max-height: 2.5rem;
  width: auto;
}

.p-progressbar{
  position: relative;
  overflow: hidden;
}
.p-progressbar-determinate .p-progressbar-value{
  position: absolute;
  display: flex;
  height: 100%;
  width: 0px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-style: none;
}
.p-progressbar-determinate .p-progressbar-value-animate{
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: width;
}
.p-progressbar-determinate .p-progressbar-label{
  display: inline-flex;
}

.p-progressbar{
  height: 1.5rem;
  border-radius: 0.5rem;
  border-style: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.p-progressbar-value{
  margin: 0px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}
.p-progressbar-label{
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.p-radiobutton{
  position: relative;
  display: inline-flex;
  height: 1rem;
  width: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: bottom;
}
.p-radiobutton-input{
  position: absolute;
  top: 0px;
  inset-inline-start: 0px;
  z-index: 1;
  margin: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 9999px;
  border-width: 2px;
  border-color: transparent;
  padding: 0px;
  opacity: 0;
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-radiobutton-box{
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-radiobutton-icon{
  height: 0.375rem;
  width: 0.375rem;
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  transition-duration: 200ms;
  backface-visibility: hidden;
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-radiobutton-checked .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{
  visibility: visible;
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}
.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-radiobutton .p-radiobutton.p-invalid > .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.p-radiobutton.p-variant-filled .p-radiobutton-box{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-radiobutton.p-disabled{
  opacity: 1;
}
.p-radiobutton.p-disabled .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(162 166 176 / var(--tw-bg-opacity, 1));
}
.p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon{
  --tw-bg-opacity: 1;
  background-color: rgb(162 166 176 / var(--tw-bg-opacity, 1));
}
.p-radiobutton-sm, .p-radiobutton-sm .p-radiobutton-box{
  height: 0.5rem;
  width: 0.5rem;
}
.p-radiobutton-sm .p-radiobutton-icon{
  height: 0.375rem;
  width: 0.375rem;
  font-size: 14px;
  line-height: 16px;
}
.p-radiobutton-lg, .p-radiobutton-lg .p-radiobutton-box{
  height: 1.5rem;
  width: 1.5rem;
}
.p-radiobutton-lg .p-radiobutton-icon{
  height: 1rem;
  width: 1rem;
  font-size: 14px;
  line-height: 16px;
}

.p-rating{
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.p-rating-item{
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  border-radius: 0.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-rating-item:hover{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-rating-item .p-rating-icon{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  transition-property: none;
  font-size: 1rem;
}
.p-rating-item .p-rating-icon.p-icon{
  height: 1rem;
  width: 1rem;
}
.p-rating-item .p-rating-icon.p-icon.p-rating-cancel{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-rating-item.p-focus{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-rating-item.p-rating-item-active .p-rating-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-rating.p-readonly .p-rating-item{
  cursor: default;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-warning-base) / var(--tw-text-opacity, 1));
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}

.p-select{
  position: relative;
  display: inline-flex;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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: 2px solid transparent;
  outline-offset: 2px;
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-select:not(.p-disabled):hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-select:not(.p-disabled).p-focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-select.p-invalid{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.p-select.p-disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
  opacity: 1;
}
.p-select-clear-icon{
  align-self: center;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-select-dropdown{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  background-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-select-label{
  display: block;
  width: 1%;
  flex: 1 1 auto;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-width: 0px;
  border-style: none;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-select-label.p-placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-select.p-invalid .p-select-label.p-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-select.p-disabled .p-select-label{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-select-label-empty{
  overflow: hidden;
  opacity: 0;
}
.p-select-sm .p-select-label{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.p-select-lg .p-select-label{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.p-select input.p-select-label{
  cursor: default;
}
.p-select .p-select-overlay{
  cursor: default;
}
.p-select-overlay{
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: 0.25rem;
  min-width: 100%;
  overflow: auto;
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-select-overlay::before{
  position: sticky;
  top: 0px;
  z-index: 2;
  display: block;
  height: 0.75rem;
  width: 100%;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.p-select-overlay::after{
  position: sticky;
  bottom: 0px;
  z-index: 2;
  display: block;
  height: 0.75rem;
  width: 100%;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.p-select-header{
  padding: 0.5rem;
}
.p-select-filter{
  width: 100%;
}
.p-select-list-container{
  overflow: auto;
}
.p-select-option-group{
  margin: 0px;
  cursor: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-select-list{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
}
.p-select-option{
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0px;
  border-style: none;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus, .p-select-option:not(.p-select-option-selected):not(.p-disabled):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-select-option.p-select-option-selected{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-select-option.p-select-option-selected.p-focus{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-select-option-blank-icon{
  flex-shrink: 0;
}
.p-select-option-check-icon{
  position: relative;
  flex-shrink: 0;
  color: rgba(46, 117, 163, 0.5);
}
.p-select-empty-message{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-select-fluid{
  display: flex;
  width: 100%;
}

select.p-select{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

select.p-select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}

.p-select-sm .p-select-dropdown .p-icon{
  height: 1rem;
  width: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.p-select-lg .p-select-dropdown .p-icon{
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.p-floatlabel-in .p-select-filter{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

.p-skeleton{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.p-skeleton-circle{
  border-radius: 9999px;
}

.p-tag{
  display: inline-block;
  border-radius: 9999px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-tag-success{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
}
.p-tag-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
}
.p-tag-warn{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
}
.p-tag-info{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
}
.p-tag-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}
.p-tag-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
}
.p-tag-icon{
  margin-right: 0.375rem;
}

.badge{
  display: inline-block;
  border-radius: 9999px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.badge--default{
  --tw-bg-opacity: 1;
  background-color: rgb(162 166 176 / var(--tw-bg-opacity, 1));
}
.badge--error{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
}
.badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
}
.badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
}
.badge--info{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
}
.badge--primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}
.badge--secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
}

.p-textarea{
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: calc(0.625rem - 1px) calc(0.75rem - 1px);
}
.p-textarea:enabled:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.p-textarea:enabled:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-textarea:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  opacity: 1;
}
.p-textarea::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-textarea::placeholder{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-textarea.p-invalid{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.p-textarea.p-invalid::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-textarea.p-invalid::placeholder{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}
.p-textarea.p-variant-filled{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-textarea.p-variant-filled:enabled:hover{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-textarea.p-variant-filled:enabled:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-textarea.p-textarea-sm {
  padding: calc(0.375rem - 1px) calc(0.75rem - 1px);
}
.p-textarea.p-textarea-lg {
  padding: calc(0.75rem - 1px);
}

.p-textarea-fluid{
  width: 100%;
}

.p-textarea-resizable{
  resize: none;
  overflow: hidden;
}

.p-toast{
  min-width: 24rem;
  white-space: pre-line;
  overflow-wrap: break-word;
  opacity: 0.9;
}
.p-toast.p-toast-top-center, .p-toast.p-toast-bottom-center{
  --tw-translate-x: -50%;
  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));
}
.p-toast.p-toast-center{
  min-width: 1.25rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  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));
}
.p-toast .p-toast-message{
  margin: 0px;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-toast .p-toast-message.p-toast-message-enter-from{
  --tw-translate-y: 50%;
  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));
  opacity: 0;
}
.p-toast .p-toast-message.p-toast-message-leave-from{
  max-height: 24rem;
}
.p-toast .p-toast-message.p-toast-message-leave-to{
  margin-bottom: 0px;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}
.p-toast .p-toast-message-enter-active {
  transition: transform 0.3s, opacity 0.3s;
}
.p-toast .p-toast-message-leave-active {
  transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;
}
.p-toast .p-toast-message-info{
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message-info .p-toast-icon-close{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message-success{
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message-success .p-toast-icon-close{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message-warn{
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message-warn .p-toast-icon-close{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message-error{
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message-error .p-toast-icon-close{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-toast .p-toast-message .p-toast-message-content{
  display: flex;
  align-items: flex-start;
  border-width: 0px;
  padding: 1rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text{
  margin: 0px;
  margin-left: 1rem;
  flex: 1 1 auto;
  align-self: center;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon{
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon{
  height: 2rem;
  width: 2rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary{
  font-weight: 600;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary + .p-toast-detail{
  margin: 0px;
  margin-top: 0.5rem;
}
.p-toast .p-toast-message .p-toast-icon-close{
  position: relative;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: transparent;
  --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: 2px solid transparent;
  outline-offset: 2px;
  transition-property: none;
}
.p-toast .p-toast-message .p-toast-icon-close:hover{
  background-color: rgb(255 255 255 / 0.5);
}
.p-toast .p-toast-message .p-toast-icon-close:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-toast .p-toast-message .p-toast-icon-close.p-link{
  cursor: pointer;
}

.wysiwyg{
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.wysiwyg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.wysiwyg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.wysiwyg :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.wysiwyg :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.wysiwyg :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.wysiwyg :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.wysiwyg :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.wysiwyg :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.wysiwyg :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.wysiwyg :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.wysiwyg :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.wysiwyg :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.wysiwyg :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.wysiwyg :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.wysiwyg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}

.wysiwyg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.wysiwyg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.wysiwyg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.wysiwyg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.wysiwyg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}

.wysiwyg :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.wysiwyg :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.wysiwyg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.wysiwyg :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.wysiwyg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.wysiwyg :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.wysiwyg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.wysiwyg :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.wysiwyg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.wysiwyg :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.wysiwyg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.wysiwyg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.wysiwyg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.wysiwyg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}

.wysiwyg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.wysiwyg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.wysiwyg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.wysiwyg :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.wysiwyg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.wysiwyg :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.wysiwyg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}

.wysiwyg :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.wysiwyg :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.wysiwyg :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.wysiwyg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.wysiwyg :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.wysiwyg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.wysiwyg :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.wysiwyg :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.wysiwyg :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.wysiwyg :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.wysiwyg :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.wysiwyg :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  text-align: start;
}

.wysiwyg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.wysiwyg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.wysiwyg{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: rgb(17 24 39 / 10%);
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.wysiwyg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.wysiwyg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.wysiwyg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.wysiwyg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0.375em;
}

.wysiwyg :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.wysiwyg :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.wysiwyg :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.wysiwyg :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.wysiwyg :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.wysiwyg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.wysiwyg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.wysiwyg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.wysiwyg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wysiwyg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wysiwyg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wysiwyg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wysiwyg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.wysiwyg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.wysiwyg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.wysiwyg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-start: 0;
}

.wysiwyg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-inline-end: 0;
}

.wysiwyg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.wysiwyg :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.wysiwyg :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.wysiwyg{
  max-width: none;
}

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

.wysiwyg :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.wysiwyg :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 29px;
    line-height: 32px;
    font-weight: 700;
}

.wysiwyg :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}

.wysiwyg :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 23px;
    line-height: 32px;
    font-weight: 700;
}

.wysiwyg :is(:where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.wysiwyg :is(:where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.wysiwyg :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  --tw-text-opacity: 1;
  color: rgb(var(--color-info-base) / var(--tw-text-opacity, 1));
}

.wysiwyg :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
}
.wysiwyg > *{
  margin-top: 0px;
  margin-bottom: 0px;
}

.p-chip{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(245 248 250 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0px;
  padding-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-chip .p-chip-text{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 13px;
  line-height: 16px;
}
.p-chip .p-chip-icon{
  margin-right: 0.5rem;
}
.p-chip .p-chip-icon.pi{
  font-size: 13px;
  line-height: 16px;
}
.p-chip .p-chip-remove-icon{
  margin-left: 0.5rem;
  cursor: pointer;
  border-radius: 9999px;
  font-size: 13px;
  line-height: 16px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: none;
}
.p-chip .p-chip-remove-icon:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-chip .p-chip-remove-icon:focus-visible{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-chip img{
  margin-left: -0.75rem;
  margin-right: 0.5rem;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 9999px;
}

.grid-cols-course-tools{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 2rem;
  -moz-column-gap: min(32px, 100%);
       column-gap: min(32px, 100%);
}

.course-tool{
  position: relative;
  display: flex;
  width: 120px;
  flex: none;
  flex-direction: column;
  gap: 1rem;
}
.course-tool__link{
  position: relative;
  display: flex;
  height: 7.5rem;
  width: 7.5rem;
  place-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  --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);
}
.course-tool__shadow{
  position: absolute;
  height: 4rem;
  width: 4rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  padding: 1px;
  opacity: 0.08;
}
.course-tool__icon{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(var(--color-primary-base)) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(var(--color-primary-base) / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(var(--color-primary-gradient)) var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  line-height: 1;
  color: transparent;
}
.course-tool__icon.mdi {
  font-size: 44px;
}
.course-tool__title{
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.skill-wheel .course-tool__title {
  text-align: center;
}
.skill-wheel .skill-profile-block .course-tool__title {
  margin-top: 20px;
  min-height: 50px;
}
.course-tool__title .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.course-tool__options{
  position: absolute;
  right: 0px;
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem;
}
.course-tool__options > a, .course-tool__options > button{
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
}
.skill-wheel .course-tool__options > a,.skill-wheel  .course-tool__options > button {
  text-align: center;
}
.skill-wheel .skill-profile-block .course-tool__options > a,.skill-wheel .skill-profile-block  .course-tool__options > button {
  margin-top: 20px;
  min-height: 50px;
}
.course-tool__options > a .img-responsive, .course-tool__options > button .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.p-toolbar{
  margin-bottom: 1rem;
  gap: 1rem;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  padding-bottom: 1rem;
}
.p-toolbar-group-left, .p-toolbar-group-right{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.forum-post .p-toolbar-group-left,.forum-post  .p-toolbar-group-right{
  display: flex;
  margin-top: 10px;
}
.p-toolbar-group-left, .p-toolbar-group-right{
  display: flex;
  flex-direction: row;
}
.display-panel-collapse{
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.display-panel-collapse__header{
  position: relative;
}
.display-panel-collapse__header::before{
  position: absolute;
  left: -0.25rem;
  height: 100%;
  width: 0.25rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content);
}
.display-panel-collapse__header a{
  display: block;
  cursor: pointer;
}
.display-panel-collapse__header a > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.display-panel-collapse__header a{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  border-bottom-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-right-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 247 245 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
}
.display-panel-collapse__header a[aria-expanded=true]{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.display-panel-collapse__header a::before{
  float: left;
  margin-right: 0.25rem;
}
.display-panel-collapse__header a .mdi{
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.display-panel-collapse__collapsible{
  display: none;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 0.75rem;
}
.nested-sortable:hover .list-group-item .display-panel-collapse__collapsible{
  display: block;
}
.display-panel-collapse__collapsible.active{
  display: block;
}

.p-card{
  isolation: isolate;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.p-card:hover{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-card .p-card-body{
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding: 1rem;
}
.p-card .p-card-caption > :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));
}
.p-card .p-card-header{
  position: relative;
}
.p-card .p-card-header img{
  height: auto;
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-card .p-card-title{
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.p-card .p-card-subtitle{
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-card .p-card-content > :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));
}
.p-card .p-card-content:empty{
  display: none;
}
.nested-sortable:hover .list-group-item .p-card .p-card-content:empty{
  display: block;
}
.p-card .p-card-footer{
  margin-top: auto;
}
.p-card .p-card-footer > :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));
}
.p-card .p-card-footer{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.p-card .p-menu{
  width: 100%;
  border-style: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
.p-datatable-header, .p-datatable-footer{
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.blog-posts .p-datatable-header,.blog-posts  .p-datatable-footer {
  background: #f4f5f7;
}
.p-datatable-header{
  border-bottom-width: 1px;
}
.p-datatable-footer{
  border-top-width: 1px;
}
.p-datatable .p-paginator{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-top-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.p-datatable .p-paginator-top, .p-datatable .p-paginator-bottom{
  border-width: 0px;
}
.p-datatable .p-paginator-current{
  margin-right: auto;
  font-size: 14px;
  line-height: 16px;
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-datatable .p-paginator-first, .p-datatable .p-paginator-prev, .p-datatable .p-paginator-next, .p-datatable .p-paginator-last{
  display: flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 0px;
  background-color: transparent;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-datatable .p-paginator-first:hover, .p-datatable .p-paginator-prev:hover, .p-datatable .p-paginator-next:hover, .p-datatable .p-paginator-last:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datatable .p-paginator-first:disabled, .p-datatable .p-paginator-prev:disabled, .p-datatable .p-paginator-next:disabled, .p-datatable .p-paginator-last:disabled{
  cursor: not-allowed;
  opacity: 0.3;
}
.p-datatable .p-paginator-first:hover:disabled, .p-datatable .p-paginator-prev:hover:disabled, .p-datatable .p-paginator-next:hover:disabled, .p-datatable .p-paginator-last:hover:disabled{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-datatable .p-paginator-first .mdi, .p-datatable .p-paginator-prev .mdi, .p-datatable .p-paginator-next .mdi, .p-datatable .p-paginator-last .mdi{
  line-height: 1;
}
.p-datatable .p-paginator-pages{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.p-datatable .p-paginator-page{
  display: flex;
  height: 2rem;
  min-width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 0px;
  background-color: transparent;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-datatable .p-paginator-page:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datatable .p-paginator-page[aria-current=page], .p-datatable .p-paginator-page.p-highlight{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.p-datatable .p-paginator-page[aria-current=page]:hover, .p-datatable .p-paginator-page.p-highlight:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  filter: brightness(0.9);
}
.p-datatable .p-paginator-rpp-dropdown{
  margin-left: auto;
  margin-top: 0.5rem;
  width: 5rem;
  min-width: 0px;
}
.p-datatable .p-paginator-rpp-dropdown .p-select-label{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 14px;
  line-height: 16px;
}
.p-datatable .p-paginator-rpp-dropdown .p-select-dropdown{
  padding-right: 0.5rem;
}
.p-datatable-thead > tr > th{
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-datatable-tbody > tr:focus{
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -1px;
  outline-color: rgb(var(--color-primary-base));
}
.p-datatable-tbody > tr > td{
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  padding: 0.75rem;
  font-size: 14px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-datatable-tbody > tr.p-highlight{
  background-color: rgba(46, 117, 163, 0.08);
}
.p-datatable-tfoot > tr > td{
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  padding: 0.75rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-datatable .p-sortable-column{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-datatable .p-sortable-column:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datatable .p-sortable-column-icon{
  margin-left: 0.5rem;
}
.p-datatable .p-sortable-column.p-highlight{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-datatable .p-sortable-column .p-sortable-column-badge{
  margin-left: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even){
  background-color: rgba(250, 250, 250, 0.5);
}
.p-datatable.p-datatable-sm .p-datatable-header,
.p-datatable.p-datatable-sm .p-datatable-footer{
  padding: 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th,
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td,
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td{
  padding: 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header,
.p-datatable.p-datatable-lg .p-datatable-footer{
  padding: 1rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th,
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td,
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler {
  width: 2rem;
  height: 2rem;
  color: #71717A;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover {
  color: #18181B;
  border-color: transparent;
  background: #f4f4f5;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #6366F1;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init {
  width: 2rem;
  height: 2rem;
  color: #71717A;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover {
  color: #18181B;
  border-color: transparent;
  background: #f4f4f5;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #6366F1;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  width: 2rem;
  height: 2rem;
  color: #71717A;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: none;
  margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover {
  color: #18181B;
  border-color: transparent;
  background: #f4f4f5;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #6366F1;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: 2rem;
  height: 2rem;
  color: #71717A;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: none;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  color: #18181B;
  border-color: transparent;
  background: #f4f4f5;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 1px #6366F1;
}
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
  font-weight: 500;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #EEF2FF;
  box-shadow: inset 0 2px 0 0 #4F46E5;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #EEF2FF;
  box-shadow: inset 0 -2px 0 0 #4F46E5;
}
.p-datatable .p-column-resizer-helper {
  background: #4F46E5;
}
.p-datatable .p-datatable-scrollable-header {
  background: #fafafa;
}
.p-datatable .p-datatable-scrollable-footer {
  background: #fafafa;
}
.p-datatable .p-datatable-loading-icon {
  font-size: 2rem;
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: #f4f4f5;
  color: #3f3f46;
}

.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead {
  background-color: #fafafa;
}
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
  background-color: #fafafa;
}

.p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
  border-left-width: 0;
}
.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
  border-left-width: 0;
}
.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td {
  border-top-width: 0;
}
.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
  border-top-width: 0;
}
.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
  border-left-width: 0;
}

.p-dataview .p-paginator-top{
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
}
.p-dataview .p-paginator-bottom{
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
}
.p-dataview .p-dataview-header{
  border-width: 1px;
  border-style: solid;
  background-color: rgba(46, 117, 163, 0.08);
  padding: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-dataview .p-dataview-content{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div{
  border-width: 1px;
  border-style: solid;
}
.p-dataview.p-dataview-grid .p-dataview-content > .p-grid{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}
.field.p-dataview.p-dataview-grid .p-dataview-content > .p-grid{
  margin-top: 0px;
}
.formgrid.p-dataview.p-dataview-grid .p-dataview-content > .p-grid{
  margin-top: 0px;
}
@media (min-width: 640px){
  .p-dataview.p-dataview-grid .p-dataview-content > .p-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px){
  .p-dataview.p-dataview-grid .p-dataview-content > .p-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.p-dataview .p-dataview-footer{
  background-color: rgba(46, 117, 163, 0.08);
}

.external-logins{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.external-logins__divider{
  margin-left: auto;
  margin-right: auto;
  width: 15rem;
  text-transform: uppercase;
}
.external-logins__button-list > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.external-logins__button{
  display: block;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.p-dialog{
  max-height: 90%;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: none;
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-dialog-mask{
  background-color: rgba(0, 0, 0, 0.12);
}
.p-dialog-header{
  gap: 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
.p-dialog-header .p-dialog-title{
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.p-dialog-header .p-dialog-header-icon{
  height: 1.5rem;
  width: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-dialog-header-actions .p-button{
  border-width: 0px;
  border-style: none;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-dialog-header-actions .p-button:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1));
}
.p-dialog-header-actions .p-button {
  padding: 0 calc(0.25rem + 1px);
}
.p-dialog-header-icons{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.p-dialog-header-icon{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.p-dialog-header-icon:enabled:hover, .p-dialog-header-icon:enabled:focus{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-dialog-content{
  overflow-y: auto;
  overscroll-behavior: contain;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
.p-dialog-header{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.p-dialog-footer{
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
.p-dialog-enter-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.p-dialog-leave-active{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.p-dialog-enter-from, .p-dialog-leave-to{
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  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));
  opacity: 0;
}

.p-dialog.p-confirm-dialog .p-dialog-content{
  display: flex;
  gap: 0.5rem;
}

.legacy-modal{
  max-height: 90%;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  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));
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.legacy-modal[open]{
  display: flex;
  flex-direction: column;
}
.legacy-modal::backdrop{
  background-color: rgba(0, 0, 0, 0.12);
}
.legacy-modal__content{
  overflow-y: auto;
  overscroll-behavior: contain;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.legacy-modal__header{
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 1rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
.legacy-modal__title{
  margin-right: auto;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.legacy-modal__body{
  min-height: 0px;
  flex: 1 1 0%;
  overflow-y: auto;
  overscroll-behavior: contain;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
.legacy-modal__footer{
  display: flex;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 1rem;
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

.lp-panel{
  position: relative;
  z-index: 0;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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: 640px){
  .lp-panel{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-width: 0px;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(250 247 245 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
    --tw-shadow-colored: 0 4px 12px 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);
  }
}
.lp-panel:focus-within, .lp-panel--menu-open{
  z-index: 1000;
}
.lp-panel .lp-panel__container{
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  padding: 1rem;
}
@media (min-width: 640px){
  .lp-panel .lp-panel__container{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 0px;
  }
}
@media (min-width: 768px){
  .lp-panel .lp-panel__container{
    display: flex;
    gap: 1rem;
  }
}
@media (min-width: 640px){
  .lp-panel .lp-panel__container:before{
    position: absolute;
    left: -0.25rem;
    top: 0px;
    height: 100%;
    width: 0.25rem;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
    --tw-content: "";
    content: var(--tw-content);
  }
}
.lp-panel__drag-handler{
  display: inline-grid;
  height: 1.5rem;
  width: 1.5rem;
  cursor: move;
  place-content: center;
  vertical-align: top;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.lp-panel__drag-handler svg{
  height: 1.5rem;
  width: 1.5rem;
}
.lp-panel__body{
  margin-left: 2rem;
  margin-top: -1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 640px){
  .lp-panel__body{
    margin-left: 1.5rem;
  }
}
@media (min-width: 768px){
  .lp-panel__body{
    margin-left: -0.5rem;
    margin-top: 0px;
  }
}
.lp-panel__cover{
  height: 5rem;
  width: 5rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1));
}
.blog-posts .lp-panel__cover {
  background: #f9fafb;
}
.lp-panel__cover-image{
  height: 100%;
  width: 100%;
}
.lp-panel__cover-image:is(img){
  -o-object-fit: cover;
     object-fit: cover;
}
.lp-panel__cover-image:not(img){
  display: grid;
  place-content: center;
}
.field.lp-panel__cover-image:not(img){
  margin-top: 0px;
}
.formgrid.lp-panel__cover-image:not(img){
  margin-top: 0px;
}
.lp-panel__info{
  min-width: 0px;
  flex: 1 1 0%;
}
@media (min-width: 768px){
  .lp-panel__info{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.lp-panel__title{
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.lp-panel__title:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.lp-panel__title:focus{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 2px;
}
.lp-panel__dates{
  font-size: 13px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.lp-panel__dates--desktop{
  margin-top: 2rem;
  display: none;
}
.nested-sortable:hover .list-group-item .lp-panel__dates--desktop{
  display: block;
}
@media (min-width: 768px){
  .lp-panel__dates--desktop{
    display: block;
  }
}
.lp-panel__dates--mobile{
  margin-top: 1rem;
  margin-left: 2rem;
  display: block;
}
@media (min-width: 768px){
  .lp-panel__dates--mobile{
    display: none;
  }
}
.lp-panel__prerequisite{
  margin-top: 0.25rem;
  font-size: 13px;
  line-height: 16px;
}
.lp-panel__prerequisite--desktop{
  display: none;
}
.nested-sortable:hover .list-group-item .lp-panel__prerequisite--desktop{
  display: block;
}
@media (min-width: 768px){
  .lp-panel__prerequisite--desktop{
    display: block;
  }
}
.lp-panel__prerequisite-label{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(224 100 16 / var(--tw-text-opacity, 1));
}
.lp-panel__prerequisite-value{
  --tw-text-opacity: 1;
  color: rgb(224 100 16 / var(--tw-text-opacity, 1));
}
.lp-panel__mobile-dropdown{
  display: flex;
}
@media (min-width: 768px){
  .lp-panel__mobile-dropdown{
    display: none;
  }
}
.lp-panel__actions{
  margin-left: 1.5rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px){
  .lp-panel__actions{
    margin-left: auto;
    margin-top: 0px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
.lp-panel__action-buttons{
  order: 2;
  margin-top: 0px;
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
@media (min-width: 768px){
  .lp-panel__action-buttons{
    order: 1;
  }
}
.lp-panel__progress{
  order: 1;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 768px){
  .lp-panel__progress{
    order: 2;
  }
}
.lp-panel__progress-label{
  order: 2;
  font-size: 13px;
  line-height: 16px;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px){
  .lp-panel__progress-label{
    order: 1;
  }
}
.lp-panel__progress-ring{
  position: relative;
  order: 1;
  height: 2.5rem;
  width: 2.5rem;
}
@media (min-width: 768px){
  .lp-panel__progress-ring{
    order: 2;
  }
}
.lp-panel__progress-dot{
  position: absolute;
  top: -0.125rem;
  left: 50%;
  height: 0.375rem;
  width: 0.375rem;
  --tw-translate-x: -50%;
  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));
  border-radius: 9999px;
  --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-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.lp-panel__progress-dot--student{
  --tw-bg-opacity: 1;
  background-color: rgb(224 100 16 / var(--tw-bg-opacity, 1));
}
.lp-panel__progress-value{
  position: absolute;
  inset: 0px;
  display: grid;
  place-content: center;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.field.lp-panel__progress-value{
  margin-top: 0px;
}
.formgrid.lp-panel__progress-value{
  margin-top: 0px;
}
.lp-panel__student{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.lp-panel__student-actions{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lp-panel__student-button{
  display: grid;
  height: 2.25rem;
  width: 2.25rem;
  place-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  opacity: 0.8;
}
.field.lp-panel__student-button{
  margin-top: 0px;
}
.formgrid.lp-panel__student-button{
  margin-top: 0px;
}
.lp-panel__student-button:hover{
  opacity: 1;
}

.p-menu{
  min-width: 13rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-menu-list{
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 0px;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-menu-item-content{
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-menu-item-link{
  position: relative;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.25rem;
  overflow: hidden;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-menu-item-label{
  font-size: 16px;
  line-height: 24px;
}
.p-menu-item-icon{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-menu-item.p-focus .p-menu-item-content{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-menu-item.p-focus .p-menu-item-icon{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-menu-item:not(.p-disabled) .p-menu-item-content:hover{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-menu-item:not(.p-disabled) .p-menu-item-content:hover .p-menu-item-icon{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.p-menu-overlay{
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  border-width: 0px;
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.p-menu-submenu-label{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-menu-separator{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
}

.app-sidebar{
  position: fixed;
  left: 0px;
  z-index: 10;
  display: block;
  width: 100%;
  align-items: stretch;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 640px){
  .app-sidebar{
    width: 15rem;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  }
}

.app-sidebar {
  height: calc(100vh - 4.5rem - 1px);
  top: calc(4.5rem + 1px);
}
.app-sidebar__container{
  display: flex;
  height: 100%;
  flex-direction: column;
}
.app-sidebar__top{
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  padding-top: 2.5rem;
  font-size: 32px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px){
  .app-sidebar__top{
    display: none;
  }
}
.app-sidebar__panel{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  gap: 0.25rem;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2rem;
}
@media (min-width: 640px){
  .app-sidebar__panel{
    padding-top: 1.25rem;
  }
}
.app-sidebar__bottom{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  padding: 1.5rem;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
}
.app-sidebar__logout-link{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  margin-top: 1.25rem;
  margin-bottom: 0.875rem;
  display: block;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
}
.app-sidebar__logout-link .base-icon{
  font-size: 14px;
  line-height: 16px;
  line-height: 1.5;
}
.app-sidebar__logout-link .logout-text{
  margin-left: 0.5rem;
  font-size: 14px;
  line-height: 16px;
}
.app-sidebar__logout-link:hover{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-sidebar__button{
  top: 1.5rem;
  right: -1rem;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.375rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  display: none !important;
  font-size: 20px;
  line-height: 20px;
  position: absolute !important;
  z-index: 11;
}
.app-sidebar__button:hover, .app-sidebar__button:active{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}
.app-sidebar__button .p-togglebutton-label{
  display: none;
}
.nested-sortable:hover .list-group-item .app-sidebar__button .p-togglebutton-label{
  display: block;
}
.app-sidebar .p-panelmenu{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.app-sidebar .p-panelmenu .p-panelmenu-header-action{
  position: relative;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2.25rem;
  padding-right: 1.5rem;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.app-sidebar .p-panelmenu .p-menuitem-link{
  position: relative;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  overflow: hidden;
}
.app-sidebar .p-panelmenu-header{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.app-sidebar .p-panelmenu-header.p-panelmenu-header-active, .app-sidebar .p-panelmenu-header:hover{
  border-left-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.app-sidebar .p-panelmenu-header.p-panelmenu-header-active .p-panelmenu-header-action, .app-sidebar .p-panelmenu-header:hover .p-panelmenu-header-action{
  padding-left: 2rem;
}
.app-sidebar .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon{
  margin-left: auto;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
@media (min-width: 640px){
  .app-sidebar .p-panelmenu-header > .p-panelmenu-header-content a .p-submenu-icon,
.app-sidebar .p-panelmenu-header > .p-panelmenu-header-content a .p-panelmenu-header-label{
    pointer-events: auto;
    visibility: visible;
    max-height: 100px;
    opacity: 1;
    transition-property: max-height,opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 150ms;
    transition-duration: 150ms;
  }
}
.app-sidebar .p-panelmenu-header > .p-panelmenu-header-content a .p-menuitem-text{
  order: 2;
  flex-grow: 1;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.app-sidebar .p-panelmenu-header-icon,
.app-sidebar .p-panelmenu-item-icon{
  align-self: baseline;
}
.app-sidebar .p-panelmenu-submenu-icon:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: 180deg;
  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));
}
.app-sidebar .p-panelmenu-submenu{
  margin: 0px;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.app-sidebar .p-panelmenu-submenu .p-menuitem-link{
  position: relative;
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2.25rem;
  padding-right: 1.5rem;
  font-size: 14px;
  line-height: 16px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 640px){
  .app-sidebar .p-panelmenu-content{
    pointer-events: auto;
    visibility: visible;
    max-height: 1000px;
    opacity: 1;
    transition-property: max-height,opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 150ms;
    transition-duration: 150ms;
  }
}
.app-sidebar .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 1.5rem;
}
.app-sidebar .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon{
  margin-right: 0.5rem;
  line-height: 1;
}
.app-sidebar .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text{
  font-size: 14px;
  line-height: 16px;
}
.app-sidebar .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.app-sidebar .p-panelmenu-content .p-menuitem.router-link-exact-active > .p-menuitem-content .p-menuitem-link .p-menuitem-text, .app-sidebar .p-panelmenu-content .p-menuitem.p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.app-sidebar .router-link-exact-active,
.app-sidebar .router-link-url-active{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.app-sidebar__topbar-button{
  text-align: center;
}

.skill-wheel .app-sidebar__topbar-button {
  text-align: center;
}

.skill-wheel .skill-profile-block .app-sidebar__topbar-button {
  margin-top: 20px;
  min-height: 50px;
}

.app-sidebar__topbar-button .img-responsive{
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 640px){
  .app-sidebar__topbar-button{
    display: none;
  }
}

#app.app--sidebar-inactive .app-sidebar{
  display: none;
}

.nested-sortable:hover .list-group-item #app.app--sidebar-inactive .app-sidebar{
  display: block;
}

@media (min-width: 640px){
  #app.app--sidebar-inactive .app-sidebar{
    display: block;
    width: 88px;
  }
  #app.app--sidebar-inactive .app-sidebar__panel{
    overflow-x: hidden;
  }
  #app.app--sidebar-inactive .app-sidebar .p-panelmenu-content{
    pointer-events: none;
    visibility: hidden;
    max-height: 0px;
    opacity: 0;
    transition-property: opacity,height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0s;
    transition-duration: 150ms;
  }
  #app.app--sidebar-inactive .app-sidebar .p-panelmenu-header > .p-panelmenu-header-content a .p-submenu-icon,
#app.app--sidebar-inactive .app-sidebar .p-panelmenu-header > .p-panelmenu-header-content a .p-panelmenu-header-label{
    pointer-events: none;
    visibility: hidden;
    max-height: 0px;
    opacity: 0;
    transition-property: opacity,height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0s;
    transition-duration: 150ms;
  }
}
#app.app--sidebar-inactive .app-sidebar__bottom{
  padding: 0px;
}
#app.app--sidebar-inactive .app-sidebar__bottom *{
  display: none;
}
.nested-sortable:hover .list-group-item #app.app--sidebar-inactive .app-sidebar__bottom *{
  display: block;
}
#app.app--sidebar-inactive .app-sidebar__logout-link{
  text-align: center;
}
.skill-wheel #app.app--sidebar-inactive .app-sidebar__logout-link {
  text-align: center;
}
.skill-wheel .skill-profile-block #app.app--sidebar-inactive .app-sidebar__logout-link {
  margin-top: 20px;
  min-height: 50px;
}
#app.app--sidebar-inactive .app-sidebar__logout-link .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 640px){
  #app.app--sidebar-inactive .app-sidebar__logout-link{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #app.app--sidebar-inactive .app-sidebar__logout-link .logout-text{
    margin-right: 0px;
    display: none;
  }
}
#app.app--sidebar-inactive .app-sidebar__topbar-button .mdi.mdi-close::before {
  content: "\f035c";
}
@media (min-width: 640px) {
  .app-sidebar__button {
    display: inline-flex !important;
    position: absolute !important;
  }
}
.section-header{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-bottom-width: 1px;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
@media (min-width: 640px){
  .section-header{
    align-items: center;
  }
}
@media (min-width: 768px){
  .section-header{
    flex-direction: row;
  }
}
.section-header--h2{
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.section-header--h3, .section-header--h4, .section-header--h5, .section-header--h6{
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 640px){
  .section-header__title{
    margin-right: auto;
  }
}
.section-header__actions{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
@media (min-width: 640px){
  .section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5, .section-header h6{
    margin-right: auto;
  }
}
.install-steps > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.install-steps .logo-install{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.install-steps ol{
  display: flex;
  list-style-position: inside;
  list-style-type: decimal;
  flex-direction: column;
  gap: 0.25rem;
}
.install-steps__step{
  border-width: 0px;
  border-style: solid;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2.25rem;
  padding-right: 0.75rem;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.install-steps__step--active{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: rgba(46, 117, 163, 0.08);
  padding-left: 2rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

table.requirements-list .requirements-item{
  text-align: left;
}
table.requirements-list .requirements-recommended{
  text-align: center;
}
.skill-wheel table.requirements-list .requirements-recommended {
  text-align: center;
}
.skill-wheel .skill-profile-block table.requirements-list .requirements-recommended {
  margin-top: 20px;
  min-height: 50px;
}
table.requirements-list .requirements-recommended .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
table.requirements-list .requirements-value{
  text-align: center;
}
.skill-wheel table.requirements-list .requirements-value {
  text-align: center;
}
.skill-wheel .skill-profile-block table.requirements-list .requirements-value {
  margin-top: 20px;
  min-height: 50px;
}
table.requirements-list .requirements-value .img-responsive{
  margin-left: auto;
  margin-right: auto;
}

.badge{
  display: inline-block;
  border-radius: 9999px;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.badge--default{
  --tw-bg-opacity: 1;
  background-color: rgb(162 166 176 / var(--tw-bg-opacity, 1));
}
.badge--error{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
}
.badge--success{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
}
.badge--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
}
.badge--info{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
}
.badge--primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}
.badge--secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1));
}

.app-topbar{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  display: flex;
  width: 100%;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.app-topbar .p-menubar{
  width: 100%;
}
@media (min-width: 640px){
  .app-topbar .p-menubar{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .app-topbar .p-menubar{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .app-topbar .p-menubar{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .app-topbar .p-menubar{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .app-topbar .p-menubar{
    max-width: 1536px;
  }
}
.app-topbar .p-menubar{
  margin-left: auto;
  margin-right: auto;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
#learning_path_main.lp-modern-view #timer .app-topbar .p-menubar {
  display: table;
  background: #777;
  color: #eee;
  font-weight: bold;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 4px #999;
}
#learning_path_main.lp-modern-view #timer .app-topbar .p-menubar div {
  display: table-cell;
  font-size: 24px;
  padding: 0;
  width: 20px;
}
#learning_path_main.lp-modern-view #timer .app-topbar .p-menubar .divider {
  width: 10px;
  color: #ddd;
}
.app-topbar .p-menubar .p-menubar-start{
  margin-left: 1rem;
  margin-right: auto;
}
@media (min-width: 768px){
  .app-topbar .p-menubar .p-menubar-start{
    margin-left: 0px;
  }
}
.app-topbar .p-menubar .p-menubar-button{
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  height: 1.5rem;
  width: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.app-topbar .p-menubar .p-menubar-button .p-icon{
  height: 18px;
  width: 18px;
}
.app-topbar .p-menubar.p-menubar-mobile{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.app-topbar .p-menubar.p-menubar-mobile.p-menubar-mobile-active .p-menubar-button .mdi.mdi-menu::before {
  content: "\f0156";
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list{
  padding-top: 2rem;
  height: calc(100vh - 4.5rem - 1px);
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item{
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-item-link{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:hover{
  border-left-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: rgba(46, 117, 163, 0.08);
  padding-left: 2rem;
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-item-link:focus{
  border-left-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: rgba(46, 117, 163, 0.08);
  padding-left: 2rem;
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item:last-child{
  margin-top: auto;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item:last-child > .p-menubar-item-content .p-menubar-item-link{
  border-radius: 0.5rem;
  border-width: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item:last-child > .p-menubar-item-content .p-menubar-item-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item:last-child > .p-menubar-item-content .p-menubar-item-link:focus{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list > .p-menubar-item:last-child.p-menubar-item-active > .p-menubar-item-content .p-menubar-item-link{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-topbar .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menubar-submenu{
  position: absolute;
  bottom: 4rem;
  left: 1.5rem;
  border-width: 0px;
  width: calc(100vw - 3rem);
}
.app-topbar .p-menubar-root-list{
  top: 3.5rem;
  margin-top: 1px;
  flex-grow: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 768px){
  .app-topbar .p-menubar-root-list{
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  }
}
.app-topbar .p-menubar-root-list > .p-menubar-item:last-child .p-menubar-submenu{
  max-height: 15.5rem;
  overflow-y: auto;
}
@media (min-width: 768px){
  .app-topbar .p-menubar-root-list > .p-menubar-item:last-child .p-menubar-submenu{
    right: 0px;
  }
  .app-topbar .p-menubar-item-content{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.app-topbar .p-menubar-item-content .p-menubar-item-link{
  font-weight: 600;
}
.app-topbar .p-menubar-item-content .p-menubar-item-link:hover{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 0px;
}
.app-topbar .p-menubar-item-content .p-menubar-item-link:focus{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 0px;
}
@media (min-width: 768px){
  .app-topbar .p-menubar-item-content .p-menubar-item-link{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 16px;
    line-height: 24px;
  }
}
.app-topbar .p-menubar-item{
  position: relative;
}
.app-topbar .p-menubar-submenu{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@media (min-width: 768px){
  .app-topbar .p-menubar-submenu .p-menubar-item .p-menubar-item-content{
    padding: 0px;
  }
}
.app-topbar .p-menubar-submenu .p-menubar-item .p-menubar-item-content .p-menubar-item-link{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.app-topbar .p-menubar-submenu .p-menubar-item .p-menubar-item-content .p-menubar-item-link:hover{
  background-color: rgba(46, 117, 163, 0.08);
}
.app-topbar .p-menubar-submenu .p-menubar-item .p-menubar-item-content .p-menubar-item-link:focus{
  background-color: rgba(46, 117, 163, 0.08);
}
.app-topbar .p-menubar-submenu .p-menubar-item .p-menubar-item-content .p-menubar-item-link:active{
  background-color: rgba(46, 117, 163, 0.08);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.app-topbar__start{
  margin-left: 1rem;
  margin-right: auto;
}
.app-topbar__items{
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
}
.app-topbar__items .item-button{
  position: relative;
  height: 2rem;
  width: 2rem;
  text-align: center;
}
.skill-wheel .app-topbar__items .item-button {
  text-align: center;
}
.skill-wheel .skill-profile-block .app-topbar__items .item-button {
  margin-top: 20px;
  min-height: 50px;
}
.app-topbar__items .item-button .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.app-topbar__items .item-button > .base-icon > .mdi{
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.app-topbar__items .item-button > .base-icon{
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.app-topbar__items .item-button > .base-icon:hover{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.app-topbar__items .item-button .base-icon__badge--top-left{
  top: -0.375rem;
  left: -0.5rem;
}
.app-topbar__items .item-button .mdi, .app-topbar__items .item-button__icon{
  display: inline-flex;
  vertical-align: middle;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.attendance-page .app-topbar__items .item-button .mdi,.attendance-page  .app-topbar__items .item-button__icon {
  vertical-align: middle;
}
.app-topbar__items .item-button__badge{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  text-align: center;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.skill-wheel .app-topbar__items .item-button__badge {
  text-align: center;
}
.skill-wheel .skill-profile-block .app-topbar__items .item-button__badge {
  margin-top: 20px;
  min-height: 50px;
}
.app-topbar__items .item-button__badge .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.app-topbar__items .item-button.router-link-exact-active .mdi{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.app-topbar__end{
  margin-left: 1.5rem;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.app-topbar__end .user-avatar{
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.app-topbar__end .user-avatar img{
  height: 2rem;
  width: 2rem;
  border-radius: 9999px;
}
.app-topbar__end .item-button{
  position: relative;
  height: 2rem;
  width: 2rem;
}
.app-topbar__end .item-button .mdi, .app-topbar__end .item-button__icon{
  display: inline-flex;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: middle;
  font-size: 1.5rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.attendance-page .app-topbar__end .item-button .mdi,.attendance-page  .app-topbar__end .item-button__icon {
  vertical-align: middle;
}
.app-topbar__end .item-button .mdi:hover, .app-topbar__end .item-button__icon:hover{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.app-topbar__end .item-button .mdi::before, .app-topbar__end .item-button__icon::before{
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.app-topbars .p-menubar .p-menubar-submenu > .p-menubar-item:hover > .p-menubar-item-link,
.app-topbars .p-menubar .p-menubar-submenu > .p-menubar-item:focus > .p-menubar-item-link{
  background-color: rgba(46, 117, 163, 0.08);
}

@media (max-width: 639px) {
  .app-topbars .p-menubar.p-menubar-mobile-active + .app-main{
    max-height: 100vh;
    overflow: hidden;
  }
}
.app-breadcrumb{
  margin-bottom: 0.75rem;
}
.app-breadcrumb > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.app-breadcrumb{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  line-height: 1rem;
}
.app-breadcrumb .p-breadcrumb-item-link{
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
}
.app-breadcrumb__session-title{
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.app-breadcrumb .mdi{
  font-size: 11px;
  line-height: 16px;
  line-height: 1rem;
}

.p-breadcrumb{
  overflow-x: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-breadcrumb-list{
  margin: 0px;
  display: flex;
  list-style-type: none;
  align-items: center;
  gap: 0.5rem;
  padding: 0px;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  flex-wrap: nowrap;
}
.p-breadcrumb-list li .p-menuitem-link{
  outline-color: transparent;
}
.p-breadcrumb-list li .p-menuitem-link:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.p-breadcrumb-list li:last-child .p-menuitem-text, .p-breadcrumb-list li:last-child .p-menuitem-icon{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.p-breadcrumb-separator{
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.p-breadcrumb-separator-icon:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: 180deg;
  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));
}
.p-breadcrumb::-webkit-scrollbar{
  display: none;
}
.nested-sortable:hover .list-group-item .p-breadcrumb::-webkit-scrollbar{
  display: block;
}
.p-breadcrumb-item{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.p-breadcrumb-item-link{
  display: flex;
  align-items: center;
  gap: 0px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  outline-width: 0px;
}
.p-breadcrumb-item-link:hover{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.p-breadcrumb-item-link:focus-visible{
  --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: 2px solid transparent;
  outline-offset: 2px;
}
.p-breadcrumb-item-label{
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.p-breadcrumb-item-icon{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

#app{
  overflow: auto;
}
#app:has(.p-menubar-mobile.p-menubar-mobile-active){
  overflow: hidden;
}

.app-main{
  display: flex;
  height: 100vh;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  transition-property: margin-left;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 640px){
  .app-main{
    height: auto;
    min-height: 100dvh;
  }
}

@media (min-width: 768px){
  .app-main{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
  }
}

.app-main {
  padding-top: calc(5.5rem + 1px);
}
@media (min-width: 640px){
  .app-main:not(.app-main--no-sidebar){
    margin-left: 15rem;
  }
}

#app.app--sidebar-inactive{
  overflow: auto;
}
#app.app--sidebar-inactive .app-main{
  height: auto;
  min-height: 100dvh;
}
@media (min-width: 640px){
  #app.app--sidebar-inactive .app-main:not(.app-main--no-sidebar){
    margin-left: 88px;
  }
}

.admin-index{
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1rem;
}

.field.admin-index{
  margin-top: 0px;
}

.formgrid.admin-index{
  margin-top: 0px;
}

@media (min-width: 768px){
  .admin-index{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1280px){
  .admin-index{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.admin-index__block-container{
  height: 100%;
  position: relative;
}
.admin-index__block-container .p-card-body {
  padding-bottom: 60px;
}
.admin-index__block-container--full{
  grid-column: span 1 / span 1;
}
@media (min-width: 768px){
  .admin-index__block-container--full{
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 1280px){
  .admin-index__block-container--full{
    grid-column: span 3 / span 3;
  }
}
.admin-index .p-menu{
  margin: 0px;
  width: 100%;
  border-style: none;
  padding: 0px;
}
.admin-index .p-menu-item-link{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.admin-index .p-menu-item-label{
  font-size: 14px;
  line-height: 16px;
}
.admin-index .block-admin-version__form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.admin-index .block-admin-version__form p{
  font-size: 14px;
  line-height: 16px;
}

.admin-colors__container{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px){
  .admin-colors__container{
    flex-direction: row;
  }
}
.admin-colors__form{
  width: 100%;
}
@media (min-width: 768px){
  .admin-colors__form{
    width: 60%;
  }
}
.admin-colors__form-fields{
  margin-top: 1rem;
}
.admin-colors__preview{
  display: flex;
  width: 100%;
}
@media (min-width: 768px){
  .admin-colors__preview{
    width: 40%;
  }
}

.admin-block__bg-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: auto 50px;
  opacity: 0.2;
  pointer-events: none;
}

.admin-settings__list{
  margin-right: 1rem;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 16px;
}
.admin-settings__item{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border-radius: 0.125rem;
  border-style: none;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.forum-post .admin-settings__item{
  display: flex;
  margin-top: 10px;
}
.admin-settings__item{
  display: flex;
  flex-direction: row;
}
.admin-settings__item--active{
  border-left-width: 4px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  background-color: rgba(46, 117, 163, 0.08);
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.calendar-event-info{
  display: flex;
  flex-direction: column;
}

.calendar-event-info > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.calendar-event-info .invitations-info > :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));
}
.calendar-event-info .invitations-info__title{
  margin-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.calendar-event-info .invitations-info__item{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  line-height: 16px;
}
.forum-post .calendar-event-info .invitations-info__item{
  display: flex;
  margin-top: 10px;
}
.calendar-event-info .invitations-info__item{
  display: flex;
  flex-direction: row;
}
.calendar-event-info .invitations-info__item p:first-child{
  font-weight: 600;
}
.calendar-event-info .reminders-info > :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));
}
.calendar-event-info .reminders-info__title{
  margin-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.calendar-event-info .reminders-info__list > :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));
}
.calendar-event-info .reminders-info__item{
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  font-size: 14px;
  line-height: 16px;
}
.forum-post .calendar-event-info .reminders-info__item{
  display: flex;
  margin-top: 10px;
}
.calendar-event-info .reminders-info__item{
  display: flex;
  flex-direction: row;
}

.calendar-mode-toggle{
  display: inline-flex;
  gap: 0.5rem;
}

.calendar-mode-toggle:deep(.p-togglebutton){
  margin-left: 0px;
  min-width: 10rem;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(228 233 237 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.calendar-mode-toggle:deep(.p-togglebutton):hover{
  background-color: rgb(255 255 255 / 0.7);
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}

.calendar-mode-toggle:deep(.p-togglebutton[aria-pressed="true"]){
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  --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(237 240 242 / var(--tw-ring-opacity, 1));
}

.p-togglebutton-checked{
  font-weight: 700;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.course-home__tools{
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  row-gap: 2rem;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.field.course-home__tools{
  margin-top: 0px;
}

.formgrid.course-home__tools{
  margin-top: 0px;
}

.container-about-custom{
  margin-top: 1rem;
}
.container-about-custom #course-info-top{
  margin-bottom: 1rem;
}
.container-about-custom .row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
  margin-right: -16px;
}
.container-about-custom .col{
  flex-grow: 1;
  padding-left: 1rem;
  padding-right: 1rem;
  min-width: 300px;
  box-sizing: border-box;
}
.container-about-custom .course-short ul {
  padding: 0;
  list-style-type: none;
}
.container-about-custom .course-short ul li {
  display: inline;
  margin-right: 8px;
}
.container-about-custom .social-buttons{
  display: flex;
  gap: 8px;
  align-items: center;
}
.container-about-custom .social-buttons a{
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
}
.container-about-custom .social-buttons a em {
  margin-right: 8px;
}
.container-about-custom .social-buttons a.facebook {
  color: #3b5998;
}
.container-about-custom .social-buttons a.twitter {
  color: #1da1f2;
}
.container-about-custom .social-buttons a.linkedin {
  color: #0077b5;
}

.document-show__section{
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.forum-post .document-show__section{
  display: flex;
  margin-top: 10px;
}

.document-show__section{
  display: flex;
  flex-direction: row;
}
.document-show__content-side{
  display: flex;
  width: 66.666667%;
  justify-content: center;
}
.document-show__content-side img{
  display: block;
}
.document-show__content-side video{
  width: 100%;
}
.document-show__content-side div:has(iframe){
  width: 100%;
}
.document-show__content-side iframe{
  aspect-ratio: 1 / 1;
  width: 100%;
  border-width: 0px;
}
.document-show__details-side{
  width: 33.333333%;
}
.document-show__details-side table{
  margin-bottom: 1rem;
}

.filemanager-container .mdi-icon{
  font-size: 3.75rem;
  line-height: 1;
}

.filemanager-container .thumbnails-container{
  display: flex;
  justify-content: center;
}

.filemanager-container .thumbnails{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
}

.filemanager-container .thumbnail-item{
  width: 9rem;
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  padding: 0.5rem;
  text-align: center;
}

.skill-wheel .filemanager-container .thumbnail-item {
  text-align: center;
}

.skill-wheel .skill-profile-block .filemanager-container .thumbnail-item {
  margin-top: 20px;
  min-height: 50px;
}

.filemanager-container .thumbnail-item .img-responsive{
  margin-left: auto;
  margin-right: auto;
}

.filemanager-container .thumbnail-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
}

.filemanager-container .thumbnail-icon{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 6rem;
  width: 6rem;
  align-items: center;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
  font-size: 1.5rem;
  line-height: 2rem;
}

.filemanager-container .thumbnail-title{
  margin-top: 0.5rem;
  overflow-wrap: break-word;
  font-size: 1rem;
  line-height: 1.5rem;
}

.filemanager-container .thumbnail-actions{
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}

.filemanager-container .thumbnail-image{
  height: 6rem;
  width: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.context-menu{
  position: absolute;
  z-index: 50;
  min-width: 150px;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  --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);
}

.context-menu ul{
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}

.context-menu li{
  display: flex;
  cursor: pointer;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.skill-wheel .context-menu li {
  text-align: center;
}

.skill-wheel .skill-profile-block .context-menu li {
  margin-top: 20px;
  min-height: 50px;
}

.context-menu li .img-responsive{
  margin-left: auto;
  margin-right: auto;
}

.context-menu li:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 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);
}

.context-menu li .mdi{
  margin-right: 0.5rem;
}

.login-section{
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 4.5rem - 2rem - 1px);
}
.login-section .p-inputtext{
  border-style: none;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  color: rgba(46, 117, 163, 0.5);
  font-size: 16px;
}
.login-section .p-inputtext.p-invalid.p-component{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1));
}
.login-section .p-inputtext::-moz-placeholder{
  color: rgba(46, 117, 163, 0.5);
}
.login-section .p-inputtext::placeholder{
  color: rgba(46, 117, 163, 0.5);
}
.login-section .p-inputtext:hover, .login-section .p-inputtext:focus{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  --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(var(--color-primary-base) / var(--tw-ring-opacity, 1));
}
.login-section .p-inputtext:hover + i.pi:last-of-type, .login-section .p-inputtext:focus + i.pi:last-of-type{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.login-section .p-input-icon-right > i:last-of-type{
  color: rgba(46, 117, 163, 0.5);
}
.login-section .p-input-filled .p-inputtext{
  background-color: rgba(46, 117, 163, 0.08);
}
.login-section__title{
  margin-bottom: 1.5rem;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.25;
}
.login-section__form label,
.login-section__form a:not(.btn){
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.login-section__remember-me{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
}
.forum-post .login-section__remember-me{
  display: flex;
  margin-top: 10px;
}
.login-section__remember-me{
  display: flex;
  flex-direction: row;
}
.login-section__buttons{
  display: flex;
  gap: 1rem;
}
.login-section__buttons a.btn,
.login-section__buttons .p-button{
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding: 0.875rem;
  font-size: 16px;
  line-height: 24px;
}

.category-forum{
  display: flex;
  width: 100%;
  flex-direction: row;
}

.forum-post .category-forum{
  display: flex;
  margin-top: 10px;
}

.category-forum{
  display: flex;
  flex-direction: row;
}

.forum_display{
  display: flex;
  width: 100%;
  flex-direction: row;
}

.forum-post .forum_display{
  display: flex;
  margin-top: 10px;
}

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

.category-forum{
  display: flex;
  width: 100%;
  flex-direction: row;
}

.forum-post .category-forum{
  display: flex;
  margin-top: 10px;
}

.category-forum{
  display: flex;
  flex-direction: row;
}

.forum_display{
  display: flex;
  width: 100%;
  flex-direction: row;
}

.forum-post .forum_display{
  display: flex;
  margin-top: 10px;
}

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

.custom-panel-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.open{
  flex-shrink: 0;
}

.custom-panel-heading h4{
  margin: 0px;
  flex-grow: 1;
  padding-left: 0.625rem;
}

.actions{
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.actions a,
.actions button{
  display: flex;
  align-items: center;
}

.custom-panel-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.custom-panel-title span{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.custom-panel-heading a{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}

.custom-panel-heading a:hover,
.custom-panel-heading a:focus{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.custom-panel-body{
  padding: 1rem;
}

.forum_display{
  border-top-width: 1px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}

.forum_display:first-child{
  border-top-width: 0px;
}

.forum-description,
.description{
  margin-top: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}

.custom-panel-heading .mdi-folder{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.ch-tool-icon-disabled{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}

.category-forum .custom-panel-group {
  border: none;
  margin: 0;
  width: 100%;
}
.category-forum .custom-panel {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.category-forum .custom-panel-heading {
  padding: 10px 15px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.category-forum .custom-panel-heading .open {
  flex-shrink: 0;
}
.category-forum .custom-panel-heading h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #333;
  flex-grow: 1;
  text-align: left;
}
.category-forum .custom-panel-title {
  margin-left: 10px;
}
.category-forum .pull-right a {
  margin-left: 10px;
}
.category-forum .custom-panel-body {
  padding: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.forum_display{
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.forum_display .forum-row {
  width: 100%;
  padding: 5px;
}
.forum_display .card-forum{
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  flex-direction: row;
  width: 100%;
  padding: 10px;
  align-items: flex-start;
}
.forum_display .number-post {
  text-align: center;
  flex: 0 0 25%;
  padding: 30px;
  border-right: 1px solid #ddd;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
}
.forum_display .number-post i {
  font-size: 48px;
  color: #3276b1;
}
.forum_display .number-post p {
  font-size: 14px;
  margin-top: 8px;
}
.forum_display .content-forum{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: 15px;
}
.forum_display .title-forum {
  font-size: 18px;
  margin: 0;
}
.forum_display .description-forum {
  font-size: 14px;
  color: #666;
  margin-top: 4px;
}
.forum_display .actions-forum {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.forum_display .actions-forum i {
  font-size: 22px;
  margin-left: 10px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .forum_display {
    flex-direction: column;
  }
  .forum_display .number-post {
    border-right: none;
    border-bottom: 1px solid #ddd;
    order: -1;
    width: 100%;
    padding: 15px;
  }
  .forum_display .content-forum {
    padding: 15px;
  }
  .forum_display .actions-forum {
    justify-content: center;
    margin-top: 10px;
  }
}

.forum-post .post-col1{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  width: 15% !important;
}
.forum-post .q-avatar {
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
  height: 80px;
}
.forum-post .q-avatar img {
  width: 100%;
  height: auto;
}
.forum-post .post-date {
  margin-top: 10px;
  font-size: 0.8rem;
  color: #666;
}
.forum-post .flex-row{
  display: flex;
  margin-top: 10px;
}
.forum-post .boot-tooltip {
  position: relative;
}
.forum-post .boot-tooltip::before {
  content: attr(title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: black;
  color: white;
  padding: 5px;
  border-radius: 4px;
  font-size: 0.7rem;
  display: none;
}
.forum-post .boot-tooltip:hover::before{
  display: block;
}

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

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

.main-question{
  margin-bottom: 1rem;
}

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

.main-question {
  position: relative;
}

.question_menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.question_menu li {
  display: inline-block;
}

/* Fixes questions list */
.question_options {
  min-height: 150px;
}

.question_options label{
  display: block;
  font-weight: normal;
}

.question_options .checkbox,
.question_options .radio {
  margin-left: 5px;
}

.question_options .radio input[type=radio], .question_options .checkbox input[type=checkbox] {
  float: left;
  margin-right: 5px;
}

.question_options input[type=text] {
  padding: 6px 12px;
  margin: 2px 2px 2px 0;
  vertical-align: middle;
  display: inline-block;
  height: 34px;
  line-height: 1.42857;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #555555;
  font-weight: bold;
  background-color: #FCF8D6;
}

.question_options input[type=text]:focus {
  border-color: #66AFE9;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline: 0 none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-state-highlight {
  height: 3.5em;
  line-height: 2.2em;
  background-color: #fafafa;
  border: 1px dashed #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

.question-pool-table-actions{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  position: relative;
}
.question-pool-table-actions .btn-group {
  margin-right: 5px;
  position: relative;
}
.question-pool-table-actions .btn-group .btn--plain {
  background-color: #f8f9fa;
  border: 1px solid #ccc;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  cursor: pointer;
  color: #333;
}
.question-pool-table-actions .btn-group .dropdown-toggle::after {
  content: "▼";
  margin-left: 5px;
}
.question-pool-table-actions .btn-group .dropdown-toggle[data-toggle=dropdown] {
  cursor: pointer;
}
.question-pool-table-actions .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 10px;
  width: 300px;
}
.question-pool-table-actions .btn--plain:hover,
.question-pool-table-actions .dropdown-menu > li > a:hover,
.question-pool-table-actions .dropdown-menu > li > a:focus {
  background-color: #e2e6ea;
  color: #333;
}
.question-pool-table-actions .btn-group:hover .dropdown-menu{
  display: block;
}
@media (max-width: 768px) {
  .question-pool-table-actions .question-pool-table-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .question-pool-table-actions .btn-group {
    width: 100%;
    margin-bottom: 5px;
  }
  .question-pool-table-actions .btn-group .dropdown-toggle::after {
    content: "▼";
    margin-left: auto;
    margin-right: 10px;
  }
}

.question-pool-pagination-nav{
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.question-pool-pagination-nav .pagination {
  display: inline-flex;
  list-style: none;
  padding: 0;
}
.question-pool-pagination-nav .page-item {
  margin: 0 0.25rem;
}
.question-pool-pagination-nav .page-item a {
  color: #007bff;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #dee2e6;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
}
.question-pool-pagination-nav .page-item.active a {
  background-color: #007bff;
  color: #fff;
}
.question-pool-pagination-nav .page-item a:hover {
  background-color: #e9ecef;
}

#question_list {
  font-family: Arial, sans-serif;
  width: 100%;
}
#question_list .row,
#question_list .header_operations .row > div,
#question_list .header_operations .row > div > a,
#question_list .header_operations .row > div > a > i{
  display: flex;
  align-items: center;
}
#question_list .header_operations .row > div {
  flex: 1;
  padding: 0.75rem 1rem;
}
#question_list .question {
  flex: 2 !important;
}
#question_list .type,
#question_list .category,
#question_list .level,
#question_list .score,
#question_list .btn-actions {
  flex: 1;
  justify-content: center;
}
#question_list .level,
#question_list .score,
#question_list .btn-actions {
  justify-content: flex-end;
}
#question_list .header_operations .xs {
  display: none;
}
#question_list .row:first-child {
  font-weight: bold;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#question_list .btn-actions .edition {
  gap: 10px;
}
#question_list .btn-actions .edition a {
  margin: 0;
}
#question_list i.mdi {
  font-size: 16px;
}
#question_list .ui-sortable-handle {
  font-size: 25px !important;
  margin-right: 5px;
}

.question-header{
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  --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);
  background-color: #f8f9fa;
  padding: 2px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.question-header > div{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  text-align: center;
}
.skill-wheel .question-header > div {
  text-align: center;
}
.skill-wheel .skill-profile-block .question-header > div {
  margin-top: 20px;
  min-height: 50px;
}
.question-header > div .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.question-header .col-sm-5 {
  flex: 3;
}
.question-header .col-sm-1 {
  flex: 2 !important;
}
.question-header .col-sm-2 {
  flex: 2;
}
.question-header .col-sm-1.text-right,
.question-header .col-sm-2.text-right{
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .question-header{
    flex-direction: column;
  }
  .question-header > div{
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: left;
  }
}

.feedback-green{
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-base) / var(--tw-text-opacity, 1));
}

.feedback-red{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}

.question-list-description-block{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #ddd;
  padding: 15px;
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.question-list-description-block .lead {
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.question-list-description-block .question_options {
  padding: 10px;
  background-color: #f8f9fa;
  border-radius: 4px;
}
.question-list-description-block .question_options input[type=text] {
  width: auto;
  margin: 0 5px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .question-list-description-block {
    padding: 10px;
  }
  .question-list-description-block .question_options {
    padding: 5px;
  }
  .question-list-description-block .question_options input[type=text] {
    padding: 4px;
  }
}

.question_menu{
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  padding: 1rem;
}

.forum-post .question_menu{
  display: flex;
  margin-top: 10px;
}

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

/* Quuestion types */
.question_options {
  /** Question unique answer image */
}
.question_options.type-17{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.field.question_options.type-17{
  margin-top: 0px;
}
.formgrid.question_options.type-17{
  margin-top: 0px;
}
@media (min-width: 640px){
  .question_options.type-17{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.question_options.type-17 .exercise-unique-answer-image .radio {
  padding-left: 10px;
  margin-left: 0;
}
.question_options.type-17 label > input + .thumbnail{
  padding: 0.5rem;
  box-sizing: border-box;
  border: 2px solid #eeeeee;
}
.question_options.type-17 label > input + .thumbnail p{
  margin: 0px;
}
.question_options.type-17 label > input + .thumbnail img {
  min-width: 100%;
}
.question_options.type-17 label > input:checked + .thumbnail {
  border: 2px solid #337AB7;
  box-shadow: 0 4px 18px #C8C8C8;
}
.question_options {
  /* Question sequence ordering */
}
.question_options.type-18 .exercise-draggable-answer{
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  border-width: 4px;
  border-style: dashed;
  padding: 1rem;
}
.forum-post .question_options.type-18 .exercise-draggable-answer{
  display: flex;
  margin-top: 10px;
}
.question_options.type-18 .exercise-draggable-answer{
  display: flex;
  flex-direction: row;
}
.question_options.type-18 .exercise-draggable-answer:empty {
  min-height: 4rem;
}
.question_options.type-18 .exercise-draggable-answer-option{
  cursor: move;
  border-radius: 0.125rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
}
.blog-posts .question_options.type-18 .exercise-draggable-answer-option {
  background: #f4f5f7;
}
.question_options.type-18 .question-answer__items{
  display: flex;
  gap: 1rem;
}
.question_options.type-18 .question-answer__items--horizontal{
  flex-direction: row;
  flex-wrap: wrap;
}
.forum-post .question_options.type-18 .question-answer__items--horizontal{
  display: flex;
  margin-top: 10px;
}
.question_options.type-18 .question-answer__items--horizontal{
  display: flex;
  flex-direction: row;
}
.question_options.type-18 .question-answer__items--vertical{
  flex-direction: column;
}
.question_options.type-18 .droppable-item{
  padding: 0.5rem;
}
.question_options.type-18 .droppable-item.list-inline{
  text-align: center;
  vertical-align: middle;
}
.skill-wheel .question_options.type-18 .droppable-item.list-inline {
  text-align: center;
}
.skill-wheel .skill-profile-block .question_options.type-18 .droppable-item.list-inline {
  margin-top: 20px;
  min-height: 50px;
}
.question_options.type-18 .droppable-item.list-inline .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.attendance-page .question_options.type-18 .droppable-item.list-inline {
  vertical-align: middle;
}
.question_options.type-18 .droppable-item span.number{
  font-weight: 700;
}
.question_options.type-18 .droppable-item .droppable{
  padding: 0.5rem;
}
.question_options.type-18 .droppable-item .droppable:empty{
  border-radius: 0.125rem;
  min-height: 4rem;
  min-width: 6rem;
}
.question_options.type-19, .question_options.type-25{
  margin-bottom: 1rem;
}
.question_options.type-19 .drag_question, .question_options.type-25 .drag_question{
  position: relative;
}
.question_options.type-19 .drag_question .window, .question_options.type-25 .drag_question .window{
  position: relative;
  border-radius: 0.375rem;
  border-width: 1px;
}
.question_options.type-19 .drag_question .window.window_left_question, .question_options.type-25 .drag_question .window.window_left_question{
  padding: 0.75rem;
  padding-right: 1.25rem;
  text-align: right;
}
.question-header .col-sm-1.question_options.type-19 .drag_question .window.window_left_question,
.question-header .col-sm-2.question_options.type-19 .drag_question .window.window_left_question,.question-header .col-sm-1 .question_options.type-25 .drag_question .window.window_left_question,
.question-header .col-sm-2 .question_options.type-25 .drag_question .window.window_left_question{
  justify-content: flex-end;
}
.skill-wheel .question_options.type-19 .drag_question .window.window_left_question,.skill-wheel  .question_options.type-25 .drag_question .window.window_left_question {
  text-align: right;
}
.question_options.type-19 .drag_question .window.window_right_question, .question_options.type-25 .drag_question .window.window_right_question{
  padding: 0.75rem;
  padding-left: 1.25rem;
}

/* Answer results */
.question-answer-result{
  padding: 1rem;
}
.question-answer-result__header{
  margin-bottom: 1rem;
}
.question-answer-result__header-ribbon{
  margin-bottom: 1rem;
  display: flex;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.blog-posts .question-answer-result__header-ribbon {
  background: #f4f5f7;
}
.question-answer-result__header-ribbon-title{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  padding: 0.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.question-answer-result__header-ribbon-title--error{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
}
.question-answer-result__header-ribbon-title--warning{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-warning-base) / var(--tw-bg-opacity, 1));
}
.question-answer-result__header-ribbon-title--success{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
}
.question-answer-result__header-ribbon-title--info{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1));
}
.question-answer-result__header-ribbon-detail{
  padding: 0.75rem;
  font-weight: 700;
}
.question-answer-result__header-ribbon-description{
  margin-bottom: 1rem;
}
.question-answer-result__header-ribbon--no-ribbon{
  border-left-width: 8px;
}
.question-answer-result__header-ribbon--no-ribbon img{
  display: inline;
}
.question-answer-result__detail{
  margin-bottom: 1rem;
}
.question-answer-result__detail th{
  text-align: left;
}

.ui-jqgrid .btn.btn-sm.ui-pg-button.active:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.ui-jqgrid .fm-button-icon.active,
.ui-jqgrid .fm-button-text.active{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.modal.ui-jqgrid-bootstrap.ui-jqdialog{
  position: absolute;
  width: 300px;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  --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);
}

.ui-jqdialog .modal-dialog{
  height: 100%;
}
.ui-jqdialog .modal-content{
  width: 100%;
  border-radius: 0.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --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);
}
.ui-jqdialog .modal-header.ui-jqdialog-titlebar{
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.ui-jqdialog .modal-header .close.ui-jqdialog-titlebar-close{
  margin: 0px;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.ui-jqdialog .modal-header .close.ui-jqdialog-titlebar-close:hover{
  --tw-text-opacity: 1;
  color: rgb(224 100 16 / var(--tw-text-opacity, 1));
}
.ui-jqdialog .modal-body{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.skill-wheel .ui-jqdialog .modal-body {
  text-align: center;
}
.skill-wheel .skill-profile-block .ui-jqdialog .modal-body {
  margin-top: 20px;
  min-height: 50px;
}
.ui-jqdialog .modal-body .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
.ui-jqdialog .fm-button{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.blog-posts .ui-jqdialog .fm-button {
  background: #f4f5f7;
}
.ui-jqdialog .fm-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.blog-posts .ui-jqdialog .fm-button:hover {
  background: #f9fafb;
}
.ui-jqdialog .fm-button-icon{
  color: rgba(0, 0, 0, 0.12);
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ui-jqdialog .fm-button-icon:hover{
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.ui-jqdialog .fm-button-text {
  color: inherit;
}
.ui-jqdialog .ui-resizable-handle{
  height: 0.25rem;
  width: 0.25rem;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1));
}
.ui-jqdialog .ui-resizable-handle:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}

.qtype-grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  gap: 0.5rem 0.5rem;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  overflow-x: auto;
}

.qtype-grid > li{
  display: flex;
  align-items: center;
  justify-content: center;
}

::v-deep(.p-paginator) .p-paginator-current {
  margin-left: auto;
}

.course-image {
  width: 130px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.session-name {
  font-weight: 700 !important;
}

.p-input-icon-left > i:first-of-type {
  left: 0.75rem;
  color: #6c757d;
}

.p-input-icon-left > i, .p-input-icon-right > i {
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
}

.orders-subtable {
  padding: 1rem;
}

::v-deep(.p-datatable.p-datatable-sessions) .p-datatable-header {
  padding: 1rem;
  text-align: left;
  font-size: 1.5rem;
}
::v-deep(.p-datatable.p-datatable-sessions) .p-paginator {
  padding: 1rem;
}
::v-deep(.p-datatable.p-datatable-sessions) .p-datatable-thead > tr > th {
  text-align: left;
}
::v-deep(.p-datatable.p-datatable-sessions) .p-datatable-tbody > tr > td {
  cursor: auto;
}

#lp_sidebar {
  font-size: 0.875rem;
}

/* -------------------------------------------------------------------------
 * LP tree (left side)
 * ---------------------------------------------------------------------- */
#lp_item_list {
  margin: 0;
  padding: 0;
}

.item_data .button_actions {
  display: none;
  margin: 5px 0;
}

.item_data:hover .button_actions{
  display: block;
  padding-top: 5px;
}

.nested-sortable:hover .list-group-item .hidden{
  display: block;
}

#lp_item_list .item {
  border: none;
}

#lp_item_list .empty {
  height: 5px;
}

#lp_item_list .ui-state-highlight {
  height: 25px;
  background: #eeeeee;
  border-radius: 5px;
  border: 1px dashed #b0b0b0;
}

.lp_resource {
  font-size: 14px;
}

.list-group-item-empty {
  height: 50px;
}

/* -------------------------------------------------------------------------
 * Collapsible panels
 * ---------------------------------------------------------------------- */
.display-panel-collapse{
  display: block;
}
.display-panel-collapse h5 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0;
}
.display-panel-collapse a {
  text-decoration: none;
  color: #1f2937;
}
.display-panel-collapse .card-body {
  padding: 1rem;
}

/* -------------------------------------------------------------------------
 * Right side: resource tabs (icons row + content)
 * ---------------------------------------------------------------------- */
/* Bar that contains the icons */
#resource_tab .nav-tabs{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 1rem;
}

/* Individual tab (icon + label) */
#resource_tab > .nav-tabs .nav-link{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.5rem;
}

/* Icons inside each tab */
#resource_tab .nav-tabs .nav-link i {
  font-size: 64px;
  color: inherit;
  transition: inherit;
  height: auto !important;
}

/* Hover state for a tab */
#resource_tab .nav-tabs .nav-link:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Active tab: solid primary background */
#resource_tab .nav-tabs .nav-link.active{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

/* Icons follow the active text color */
#resource_tab .nav-tabs .nav-link.active i {
  color: white;
}

/* Extra spacing for the inner tab contents (documents/videos/…) */
#resource_tab > .tab-panel {
  margin-top: 0.5rem;
}

/* -------------------------------------------------------------------------
 * Drag handle icon
 * ---------------------------------------------------------------------- */
.mdi-cursor-move {
  cursor: move !important;
  font-size: 16px;
  width: 16px;
  height: 16px;
}

/* -------------------------------------------------------------------------
 * LP items list (left column visual tweaks)
 * ---------------------------------------------------------------------- */
#lp_item_list {
  font-family: "Arial", sans-serif;
  background-color: #f9f9f9;
}
#lp_item_list .list-group-item {
  border: 1px solid #eee;
  margin-bottom: 5px;
  padding: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#lp_item_list .ch-tool-icon {
  color: #555;
  margin-right: 10px;
  cursor: pointer;
}
#lp_item_list .button_actions a {
  margin-right: 5px;
}
#lp_item_list .btn-toolbar {
  margin-top: 5px;
}

/* -------------------------------------------------------------------------
 * Documents hierarchy list (left pane)
 * ---------------------------------------------------------------------- */
#doc_list .list-group-item {
  padding-left: 10px;
  display: block;
  border: 1px solid #eee;
}
#doc_list .nested-1 {
  padding-left: 20px;
}
#doc_list .nested-2 {
  padding-left: 25px;
}
#doc_list .nested-3 {
  padding-left: 30px;
  border: none;
}
#doc_list .nested-4 {
  padding-left: 35px;
  border: none;
}
#doc_list .nested-5 {
  padding-left: 40px;
  border: none;
}
#doc_list .nested-6 {
  padding-left: 45px;
  border: none;
}

/* -------------------------------------------------------------------------
 * Dropzone (upload box)
 * ---------------------------------------------------------------------- */
#dropzone {
  position: relative;
  overflow: hidden;
  direction: ltr;
  cursor: pointer;
  text-align: center;
  color: #333;
  font-weight: bold;
  border-radius: 10px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  line-height: 50px;
  background-color: rgb(var(--color-primary-base)/0.06);
  border: 2px dashed #bbbbbb;
  font-size: 120%;
  margin-bottom: 0;
}

#dropzone.hover {
  background: rgb(var(--color-primary-base)/0.18);
}

#upload_form .fa-plus-square-o,
#upload_form .fa-minus-square-o {
  cursor: pointer;
}

#upload,
.description-upload {
  padding-top: 15px;
}

.description-upload {
  margin-bottom: 15px;
}

.lp-doc-template-panel {
  min-width: 260px;
}

#lp-doc-template-list {
  max-height: none;
  overflow-y: visible;
}

.dropdown-menu {
  z-index: 1000;
}

/* -------------------------------------------------------------------------
 * Modern LP viewer (#7534)
 *
 * This block is intentionally scoped to the LP viewer IDs/classes used by
 * src/CoreBundle/Resources/views/LearnPath/view.html.twig. Avoid adding
 * generic selectors here because _lp.scss is loaded globally.
 * ---------------------------------------------------------------------- */
#learning_path_main {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

#learning_path_left_zone {
  flex: 0 0 360px !important;
  width: 360px !important;
  height: 100% !important;
  overflow: hidden !important;
}

#learning_path_left_zone .lp-view-zone-container {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#toc_id.scorm-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

#learning_path_right_zone {
  flex: 1 1 auto !important;
  height: 100% !important;
  overflow: hidden !important;
}

#learning_path_right_zone .lp-view-zone-container {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#learning_path_right_zone .lp-view-tabs {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#tab-iframe {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#lp-view-content, #wrapper-iframe {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#content_id, #content_id_blank {
  width: 100% !important;
  height: 100% !important;
}

#learning_path_main.lp-toc-hidden #learning_path_left_zone {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#learning_path_main.lp-toc-hidden #learning_path_left_zone .lp-view-zone-container {
  position: fixed !important;
  left: -10000px !important;
  top: 0 !important;
  width: 360px !important;
  height: 100vh !important;
  overflow: auto !important;
}

#learning_path_right_zone.lp-content-full {
  flex: 1 1 auto !important;
  width: 100% !important;
  margin-left: 0 !important;
}

/* ============================================================
 * Floating menu (stable anchor + responsive layout)
 *
 * Requirements:
 * - Hamburger must NEVER move when opening/closing the panel.
 * - TOC expanded (normal): panel is horizontal, aligned with hamburger.
 * - TOC collapsed by expand-toggle (.lp-view-collapsed): panel is vertical under hamburger.
 * - TOC hidden by setting (.lp-toc-hidden): menu goes top-right + panel vertical under hamburger.
 * ============================================================ */
/* Reset inherited legacy styling */
#btn-menu-float,
#btn-menu-float > div,
#btn-menu-float > ul {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Base anchor: top-left */
#btn-menu-float {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 999999 !important;
}

/* Top-right mode (only when .lp-toc-hidden is active) */
#btn-menu-float.lp-menu-top-right {
  left: auto !important;
  right: 12px !important;
}

/* Hamburger button: absolute so it never shifts */
#btn-menu-float .menu-button {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.14) !important;
  padding: 0 !important;
  margin: 0 !important;
}

#btn-menu-float.lp-menu-top-right .menu-button {
  left: auto !important;
  right: 0 !important;
}

#btn-menu-float .menu-button.menu-button-selected {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16) !important;
}

/* Panel container */
#btn-menu-float .circle {
  position: absolute !important;
  top: 0 !important;
  left: 48px !important;
  right: auto !important;
  display: none !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0px !important;
  white-space: nowrap !important;
}

#btn-menu-float .circle.open {
  display: inline-flex !important;
}

/* Vertical panel: under the hamburger, aligned to it */
#btn-menu-float.lp-menu-vertical .circle {
  top: 48px !important;
  left: 0 !important;
  right: auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 6px 0 !important;
  white-space: normal !important;
}

/* Vertical + top-right: under the hamburger, right aligned */
#btn-menu-float.lp-menu-top-right.lp-menu-vertical .circle {
  left: auto !important;
  right: 0 !important;
  align-items: flex-end !important;
}

/* Toolbar items */
#btn-menu-float .circle .icon-toolbar,
#btn-menu-float .circle a.icon-toolbar,
#btn-menu-float .circle button.icon-toolbar,
#btn-menu-float .circle .lp-menu-nav a,
#btn-menu-float .circle .lp-menu-nav button {
  width: 40px !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#btn-menu-float .circle .icon-toolbar:hover,
#btn-menu-float .circle .lp-menu-nav a:hover,
#btn-menu-float .circle .lp-menu-nav button:hover {
  background: #fff !important;
}

/* Navigation bar wrapper - force layout (avoid "square" grouping) */
#btn-menu-float .circle .lp-menu-nav {
  display: flex !important;
  flex-direction: row !important; /* horizontal by default */
  align-items: center !important;
  gap: 8px !important;
}

#btn-menu-float.lp-menu-vertical .circle .lp-menu-nav {
  flex-direction: column !important; /* vertical when TOC is collapsed/hidden */
  align-items: flex-start !important;
  gap: 8px !important;
}

#btn-menu-float.lp-menu-top-right.lp-menu-vertical .circle .lp-menu-nav {
  align-items: flex-end !important;
}

/* -----------------------------
 * Runtime visibility states.
 *
 * Most visual styles below are now Tailwind classes in the markup.
 * Keep only the state selectors that the legacy LP JavaScript toggles.
 * ----------------------------- */
#wrapper-iframe {
  position: relative !important;
}

#lp-iframe-loader,
#lp-video-next-overlay {
  display: none !important;
}

#lp-iframe-loader.is-visible,
#lp-video-next-overlay.is-visible {
  display: flex !important;
}

#lp-video-next-overlay {
  pointer-events: none;
}

#lp-video-next-overlay.is-visible {
  pointer-events: auto;
}

/* ============================================================
 * Modern LP viewer style (#7534)
 * Uses the Chamilo Tailwind color tokens exposed as CSS variables.
 * This is intentionally scoped to #learning_path_main to avoid
 * changing the legacy LP runtime behavior.
 * ============================================================ */
#learning_path_main.lp-modern-view {
  background: #ffffff !important;
  color: #333333 !important;
}

#learning_path_main.lp-modern-view #learning_path_left_zone {
  flex: 0 0 300px !important;
  width: 300px !important;
  min-width: 300px !important;
  background: #ffffff !important;
  border-right: 1px solid #e4e9ed !important;
  box-shadow: none !important;
  z-index: 20;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_left_zone {
  flex: 0 0 64px !important;
  width: 64px !important;
  min-width: 64px !important;
  overflow: visible !important;
  background: #ffffff !important;
  border-right: 1px solid #e4e9ed !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_left_zone .lp-view-zone-container {
  width: 64px !important;
  overflow: visible !important;
  background: #ffffff !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #scorm-info,
#learning_path_main.lp-modern-view.lp-view-collapsed #toc_id {
  display: none !important;
}

#learning_path_main.lp-modern-view #learning_path_right_zone {
  background: #ffffff !important;
  padding: 20px 30px 20px 38px !important;
  min-width: 0 !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_right_zone {
  margin-left: 0 !important;
  padding-left: 34px !important;
  box-sizing: border-box !important;
}

/*
 * Keep LP content constrained to the right of the collapsed rail.
 * Some legacy LP pages set fixed/absolute iframe dimensions, so we
 * normalize the frame position here instead of changing LP runtime.
 */
#learning_path_main.lp-modern-view #lp-view-content,
#learning_path_main.lp-modern-view #wrapper-iframe,
#learning_path_main.lp-modern-view #content_id,
#learning_path_main.lp-modern-view #content_id_blank {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #wrapper-iframe {
  width: 100% !important;
  max-width: 100% !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #tab-iframe {
  padding-left: 0 !important;
  box-sizing: border-box !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #content_id,
#learning_path_main.lp-modern-view.lp-view-collapsed #content_id_blank {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Keep the collapsed rail as a hard visual boundary.
 * Some legacy LP contents can render wider than the iframe viewport;
 * this prevents them from appearing below the left rail while keeping
 * the current LP navigation/runtime untouched.
 */
#learning_path_main.lp-modern-view.lp-view-collapsed::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 64px !important;
  height: 100vh !important;
  background: #ffffff !important;
  border-right: 1px solid #e4e9ed !important;
  z-index: 999996 !important;
  pointer-events: none !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_right_zone .lp-view-zone-container,
#learning_path_main.lp-modern-view.lp-view-collapsed .lp-view-tabs,
#learning_path_main.lp-modern-view.lp-view-collapsed #tab-iframe,
#learning_path_main.lp-modern-view.lp-view-collapsed #lp-view-content,
#learning_path_main.lp-modern-view.lp-view-collapsed #wrapper-iframe {
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#learning_path_main.lp-modern-view #learning_path_right_zone .lp-view-zone-container {
  background: #ffffff !important;
}

#learning_path_main.lp-modern-view .lp-view-tabs {
  position: relative;
  background: #ffffff !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

#learning_path_main.lp-modern-view #navTabBar {
  display: none !important;
}

#learning_path_main.lp-modern-view #tab-iframe {
  padding: 0 !important;
  background: #ffffff !important;
}

#learning_path_main.lp-modern-view #wrapper-iframe {
  border-radius: 10px !important;
  background: #ffffff !important;
  overflow: hidden !important;
  max-width: 100% !important;
}

#learning_path_main.lp-modern-view #content_id,
#learning_path_main.lp-modern-view #content_id_blank {
  display: block !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#learning_path_main.lp-modern-view #wrapper-iframe.lp-is-loading,
#learning_path_main.lp-modern-view #wrapper-iframe.lp-is-loading #content_id,
#learning_path_main.lp-modern-view #wrapper-iframe.lp-is-loading #content_id_blank {
  background: #edf0f2 !important;
}

#learning_path_main.lp-modern-view #scorm-info {
  flex: 0 0 auto;
  border-bottom: 1px solid #e4e9ed;
  background: #ffffff;
}

#learning_path_main.lp-modern-view #panel-scorm {
  padding: 24px 22px 18px 22px !important;
  text-align: center;
}

#learning_path_main.lp-modern-view #panel-scorm .image-avatar {
  margin-bottom: 12px;
}

#learning_path_main.lp-modern-view #panel-scorm .image-avatar img {
  width: 54px;
  height: 54px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 14px;
  margin: 0 auto;
}

#learning_path_main.lp-modern-view #panel-scorm .media-author {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

#learning_path_main.lp-modern-view #panel-scorm .media-author-description {
  color: #333333;
  font-size: 13px;
  line-height: 1.35;
}

#learning_path_main.lp-modern-view #actions_lp {
  display: none !important;
}

#learning_path_main.lp-modern-view #progress_bar {
  width: calc(100% - 28px) !important;
  margin: 8px auto 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#learning_path_main.lp-modern-view #progress_bar .progress,
#learning_path_main.lp-modern-view #progress_bar .p-progressbar,
#learning_path_main.lp-modern-view #progress_bar progress {
  width: 100% !important;
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #dedede !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

#learning_path_main.lp-modern-view #progress_bar .progress-bar,
#learning_path_main.lp-modern-view #progress_bar .bar,
#learning_path_main.lp-modern-view #progress_bar .ui-progressbar-value,
#learning_path_main.lp-modern-view #progress_bar .p-progressbar-value {
  height: 2px !important;
  min-height: 2px !important;
  max-height: 2px !important;
  line-height: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  background: rgb(var(--color-primary-base)) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

#learning_path_main.lp-modern-view #progress_bar .progress *,
#learning_path_main.lp-modern-view #progress_bar .p-progressbar *,
#learning_path_main.lp-modern-view #progress_bar progress *,
#learning_path_main.lp-modern-view #progress_bar .progress-bar *,
#learning_path_main.lp-modern-view #progress_bar .bar *,
#learning_path_main.lp-modern-view #progress_bar .ui-progressbar-value *,
#learning_path_main.lp-modern-view #progress_bar .p-progressbar-value *,
#learning_path_main.lp-modern-view #progress_bar .p-progressbar-label {
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
}

#learning_path_main.lp-modern-view #progress_bar .lp-progress-label {
  margin-top: 8px !important;
  color: rgb(var(--color-primary-base)) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
}

#learning_path_main.lp-modern-view #toc_id {
  background: #ffffff !important;
}

#learning_path_main.lp-modern-view #learning_path_toc,
#learning_path_main.lp-modern-view #learning_path_toc .scorm-body,
#learning_path_main.lp-modern-view #inner_lp_toc {
  width: 100%;
  background: #ffffff !important;
}

#learning_path_main.lp-modern-view #inner_lp_toc {
  padding: 0 0 18px 0 !important;
}

#learning_path_main.lp-modern-view .lp-toc-title {
  padding: 16px 22px 12px 22px;
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #edf0f2;
}

#learning_path_main.lp-modern-view .scorm_item_normal {
  border: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

#learning_path_main.lp-modern-view .scorm_item_normal .section,
#learning_path_main.lp-modern-view .scorm_item_normal .item {
  display: block;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#learning_path_main.lp-modern-view .lp-item-row,
#learning_path_main.lp-modern-view .lp-section-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 18px 0 20px !important;
  color: #333333 !important;
  text-decoration: none !important;
  border-left: 4px solid transparent !important;
  border-bottom: 1px solid #edf0f2 !important;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

#learning_path_main.lp-modern-view .lp-section-row {
  font-weight: 700 !important;
  background: #fafafa !important;
}

#learning_path_main.lp-modern-view .lp-item-row:hover,
#learning_path_main.lp-modern-view .lp-section-row:hover {
  background: rgb(var(--color-primary-base)/0.08) !important;
  color: rgb(var(--color-primary-base)) !important;
}

#learning_path_main.lp-modern-view .scorm_highlight > .item > .lp-item-row,
#learning_path_main.lp-modern-view .scorm_highlight > .section > .lp-section-row {
  background: rgb(var(--color-primary-base)/0.1) !important;
  border-left-color: rgb(var(--color-primary-base)) !important;
  color: rgb(var(--color-primary-base)) !important;
  font-weight: 700 !important;
}

#learning_path_main.lp-modern-view .parent_of_current_item > .status-heading .panel-heading > a,
#learning_path_main.lp-modern-view .current_item > .status-heading .panel-heading > a {
  background: rgb(var(--color-primary-base)/0.1) !important;
  border-left-color: rgb(var(--color-primary-base)) !important;
  color: rgb(var(--color-primary-base)) !important;
  font-weight: 700 !important;
}

#learning_path_main.lp-modern-view .lp-item-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1 1 auto;
}

#learning_path_main.lp-modern-view .lp-item-type-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  color: inherit;
  opacity: 0.95;
}

#learning_path_main.lp-modern-view .lp-item-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.35;
}

#learning_path_main.lp-modern-view .lp-item-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  min-width: 18px;
  color: #a2a6b0;
  font-size: 18px;
}

#learning_path_main.lp-modern-view .scorm_completed .lp-item-status-icon {
  color: rgb(var(--color-success-base)) !important;
}

#learning_path_main.lp-modern-view .scorm_failed .lp-item-status-icon {
  color: rgb(var(--color-danger-base)) !important;
}

#learning_path_main.lp-modern-view .item-children {
  border-left: 1px solid #e4e9ed;
  margin-left: 22px;
}

#learning_path_main.lp-modern-view .level_1 .lp-item-row,
#learning_path_main.lp-modern-view .level_1 .lp-section-row {
  padding-left: 30px !important;
}

#learning_path_main.lp-modern-view .level_2 .lp-item-row,
#learning_path_main.lp-modern-view .level_2 .lp-section-row {
  padding-left: 42px !important;
}

#learning_path_main.lp-modern-view .level_3 .lp-item-row,
#learning_path_main.lp-modern-view .level_3 .lp-section-row {
  padding-left: 54px !important;
}

#learning_path_main.lp-modern-view .level_4 .lp-item-row,
#learning_path_main.lp-modern-view .level_4 .lp-section-row {
  padding-left: 66px !important;
}

#learning_path_main.lp-modern-view .lp-empty-state {
  margin: 18px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #e4e9ed;
  border-radius: 12px;
  background: #fafafa;
  color: #333333;
  text-align: center;
  padding: 28px;
}

#learning_path_main.lp-modern-view .lp-empty-state-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: rgb(var(--color-primary-base)/0.1);
  color: rgb(var(--color-primary-base));
  font-size: 40px;
}

#learning_path_main.lp-modern-view .lp-empty-state-title {
  font-weight: 700;
  font-size: 15px;
}

#learning_path_main.lp-modern-view .lp-empty-state-text {
  max-width: 220px;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.35;
}

#learning_path_main.lp-modern-view #btn-menu-float {
  top: 16px !important;
  left: 16px !important;
  width: 42px !important;
  height: 42px !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .menu-button {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: rgb(var(--color-primary-base)) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08) !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .menu-button:hover,
#learning_path_main.lp-modern-view #btn-menu-float .menu-button.menu-button-selected {
  background: rgb(var(--color-primary-base)) !important;
  color: #ffffff !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .circle {
  top: 50px !important;
  left: 0 !important;
  min-width: 190px !important;
  padding: 8px !important;
  border: 1px solid #e4e9ed !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16) !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
  z-index: 1000001 !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .circle .icon-toolbar {
  width: 100% !important;
  height: 38px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #333333 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .circle .icon-toolbar:hover {
  color: rgb(var(--color-primary-base)) !important;
  background: rgb(var(--color-primary-base)/0.08) !important;
}

#learning_path_main.lp-modern-view #lp-view-expand-toggle.lp-side-toggle {
  position: fixed !important;
  top: 42px !important;
  left: 282px !important;
  z-index: 999998 !important;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e4e9ed !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: rgb(var(--color-primary-base)) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08) !important;
  padding: 0 !important;
  margin: 0 !important;
}

#learning_path_main.lp-modern-view #learning_path_left_zone::after {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 300px !important;
  width: 1px !important;
  height: 100vh !important;
  background: #e4e9ed !important;
  z-index: 999990 !important;
  pointer-events: none !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_left_zone::after {
  left: 64px !important;
}

#learning_path_main.lp-modern-view #lp-view-expand-toggle.lp-side-toggle:hover {
  background: rgb(var(--color-primary-base)) !important;
  color: #ffffff !important;
}

#learning_path_main.lp-modern-view #lp-view-expand-toggle.lp-side-toggle .mdi {
  font-size: 22px !important;
  color: inherit !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #lp-view-expand-toggle.lp-side-toggle {
  left: 46px !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .circle .icon-toolbar .sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .circle .lp-menu-text-action,
#learning_path_main.lp-modern-view #btn-menu-float .circle .lp-menu-text-action *,
#learning_path_main.lp-modern-view #btn-menu-float .circle .icon-toolbar:not(.lp-view-primary-nav .icon-toolbar) {
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

#learning_path_main.lp-modern-view #btn-menu-float .circle .lp-menu-text-action .mdi,
#learning_path_main.lp-modern-view #btn-menu-float .circle .icon-toolbar .mdi {
  font-size: 17px !important;
  line-height: 1 !important;
  width: 18px !important;
  min-width: 18px !important;
  text-align: center !important;
}

#learning_path_main.lp-modern-view .lp-view-primary-nav {
  position: fixed !important;
  top: 16px !important;
  right: 22px !important;
  z-index: 999998 !important;
  display: inline-flex !important;
  align-items: center !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: rgb(var(--color-primary-base)) !important;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.16) !important;
}

#learning_path_main.lp-modern-view .lp-view-primary-nav .buttons,
#learning_path_main.lp-modern-view .lp-view-primary-nav #control-top,
#learning_path_main.lp-modern-view .lp-view-primary-nav #control-bottom {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#learning_path_main.lp-modern-view .lp-view-primary-nav .icon-toolbar {
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#learning_path_main.lp-modern-view .lp-view-primary-nav .icon-toolbar:last-child {
  border-right: 0 !important;
}

#learning_path_main.lp-modern-view .lp-view-primary-nav .icon-toolbar:hover {
  background: rgb(var(--color-primary-gradient)) !important;
  color: #ffffff !important;
}

#learning_path_main.lp-modern-view .lp-view-primary-nav .mdi {
  color: inherit !important;
  font-size: 28px !important;
}

@media (max-width: 768px) {
  #learning_path_main.lp-modern-view {
    flex-direction: column !important;
    overflow: auto !important;
  }
  #learning_path_main.lp-modern-view #learning_path_left_zone {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: 45vh !important;
  }
  #learning_path_main.lp-modern-view #learning_path_right_zone {
    padding: 72px 12px 12px 12px !important;
    min-height: 55vh !important;
  }
  #learning_path_main.lp-modern-view .lp-view-primary-nav {
    top: 14px !important;
    right: 14px !important;
  }
  #learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_left_zone {
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    border: 0 !important;
  }
}
/* Currently active TOC item is non-clickable */
#learning_path_main.lp-modern-view .scorm_highlight a.items-list,
#learning_path_main.lp-modern-view .scorm_highlight a.item-action {
  pointer-events: none;
  cursor: default;
}

/*
 * LP collapsed layout guard.
 *
 * In collapsed mode the rail remains visible at the left side.
 * The content zone must start after that rail and must not slide
 * below the arrow/border when legacy iframe content is reloaded.
 */
#learning_path_main.lp-modern-view {
  --lp-collapsed-rail-width: 64px;
  --lp-collapsed-content-gap: 34px;
  --lp-collapsed-content-left: 98px;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_right_zone {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: var(--lp-collapsed-content-left) !important;
  width: auto !important;
  max-width: calc(100vw - var(--lp-collapsed-content-left)) !important;
  min-width: 0 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin-left: 0 !important;
  padding: 28px 30px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #tab-iframe,
#learning_path_main.lp-modern-view.lp-view-collapsed #lp-view-content,
#learning_path_main.lp-modern-view.lp-view-collapsed #wrapper-iframe {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
}

#learning_path_main.lp-modern-view.lp-view-collapsed #content_id,
#learning_path_main.lp-modern-view.lp-view-collapsed #content_id_blank {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

@media (max-width: 768px) {
  #learning_path_main.lp-modern-view.lp-view-collapsed {
    --lp-collapsed-content-left: 82px;
  }
  #learning_path_main.lp-modern-view.lp-view-collapsed #learning_path_right_zone {
    padding: 20px 16px !important;
  }
}
/* Timer shown when accumulated work time is enabled. */
#learning_path_main.lp-modern-view #timer .container {
  display: table;
  background: #777;
  color: #eee;
  font-weight: bold;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 4px #999;
}

#learning_path_main.lp-modern-view #timer .container div {
  display: table-cell;
  font-size: 24px;
  padding: 0;
  width: 20px;
}

#learning_path_main.lp-modern-view #timer .container .divider {
  width: 10px;
  color: #ddd;
}

/* -------------------------------------------------------------------------
 * Learning path design refinements (#8185)
 *
 * This block is intentionally scoped to the modern LP viewer or LP editor
 * containers. _lp.scss is loaded by several LP pages, so avoid unscoped
 * selectors here.
 * ---------------------------------------------------------------------- */
/* Viewer: top section above the table of contents. */
#learning_path_main.lp-modern-view #panel-scorm {
  padding: 12px 18px 18px !important;
  text-align: center;
}

#learning_path_main.lp-modern-view #panel-scorm .image-avatar {
  width: 100%;
  margin: 0 auto 16px;
}

#learning_path_main.lp-modern-view #panel-scorm .media-author {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

#learning_path_main.lp-modern-view #panel-scorm .media-author-avatar {
  display: flex;
  width: 100%;
  justify-content: center;
}

#learning_path_main.lp-modern-view #panel-scorm .image-avatar img,
#learning_path_main.lp-modern-view #panel-scorm .media-author-avatar img {
  display: block;
  width: min(180px, 86%) !important;
  max-width: 180px !important;
  height: auto !important;
  max-height: 150px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  border-radius: 16px !important;
  margin: 0 auto !important;
}

#learning_path_main.lp-modern-view #panel-scorm .media-author-description {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  color: #374151;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
  overflow-wrap: anywhere;
}

#learning_path_main.lp-modern-view #panel-scorm #lp_media_file {
  margin-top: 16px;
}

#learning_path_main.lp-modern-view #panel-scorm #progress_bar {
  width: 100% !important;
  max-width: 250px !important;
  margin-top: 18px !important;
}

#learning_path_main.lp-modern-view #panel-scorm .row {
  margin-right: 0;
  margin-left: 0;
}

#learning_path_main.lp-modern-view #panel-scorm .row > [class*=col-] {
  float: none;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  text-align: left;
}

#learning_path_main.lp-modern-view #panel-scorm .row > [class*=col-] + [class*=col-] {
  margin-top: 8px;
}

#learning_path_main.lp-modern-view #panel-scorm .btn,
#learning_path_main.lp-modern-view #panel-scorm a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 4px;
}

/* Editor: better alignment for the LP edition tree and toolbar. */
#lp_sidebar,
#lp_item_list,
#resource_tab {
  box-sizing: border-box;
}

#lp_sidebar {
  color: #374151;
}

#lp_sidebar .card,
#lp_sidebar .panel,
#lp_sidebar .list-group {
  border-color: #e5e7eb;
  border-radius: 12px;
}

#lp_item_list {
  background: transparent;
}

#lp_item_list .list-group-item {
  display: block;
  margin-bottom: 8px;
  border-color: #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

#lp_item_list .item_data {
  min-width: 0;
}

#lp_item_list .item_data .button_actions,
#lp_item_list .btn-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

#lp_item_list .item_data:hover .button_actions {
  display: flex;
}

#lp_item_list .button_actions a,
#lp_item_list .button_actions button,
#lp_item_list .btn-toolbar a,
#lp_item_list .btn-toolbar button {
  margin-right: 0;
}

#lp_item_list .ch-tool-icon,
#lp_item_list .mdi-cursor-move {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

#resource_tab .nav-tabs {
  gap: 8px;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
}

#resource_tab > .nav-tabs .nav-link {
  min-height: 44px;
  border-radius: 10px;
}

#resource_tab > .tab-panel {
  margin-top: 12px;
}

/* Configuration form: constrain the old preview illustration if present.
 * This keeps the page aligned without depending on the exact legacy image path.
 */
.lp-doc-template-panel,
#lp-doc-template-list {
  max-width: 100%;
}

#resource_tab img,
#lp_sidebar img {
  max-width: 100%;
  height: auto;
}

.message-list__actions{
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.message-list__searcher-container{
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 768px){
  .message-list__searcher-container .p-inputgroup{
    width: 33.333333%;
  }
}

.message-show__tags-container{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.message-show__tags{
  display: flex;
  gap: 0.5rem;
}
.message-show__tag-searcher.field{
  margin-bottom: 0px;
}

.friend-list__block{
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(46, 117, 163, 0.08);
  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);
}
.friend-list__block .friend-info{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.friend-list__block .friend-info__avatar{
  width: 2.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(46, 117, 163, 0.08);
  --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);
}
.friend-list__block .friend-info__username{
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.friend-list__block .friend-options{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.friend-list__block .friend-options__time{
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}

.social-side-menu .menu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-side-menu .menu-item{
  display: block;
  padding: 0.5rem 1rem;
  color: var(--text-color, #333);
  text-decoration: none;
  transition: background-color 0.2s;
  font-weight: 500;
}
.social-side-menu .menu-item.active {
  background-color: var(--active-bg-color, #f0f0f0);
}
.social-side-menu .menu-item i {
  margin-right: 0.5rem;
}
.social-side-menu .badge {
  padding: 0.25em 0.5em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: var(--badge-bg-color, #f76c6c);
  margin-left: 0.5rem;
}
.social-side-menu .nav-pills .nav-link{
  display: flex;
  align-items: center;
}
.social-side-menu .active {
  background-color: #eee;
}
.social-side-menu .nav li.active a {
  color: #333;
}
.social-side-menu .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  background-color: #f0ad4e;
  color: #fff;
}

.message-layout{
  display: flex;
}

.message-layout .message-container{
  display: flex;
  flex-direction: column;
}
.message-layout .message-actions{
  display: flex;
  justify-content: flex-end;
  padding-bottom: 1rem;
  gap: 10px;
}
.message-layout .sidebar {
  width: 300px;
  display: flex;
  flex-direction: column;
}
.message-layout .content {
  flex-grow: 1;
  margin-left: 20px;
}
.message-layout .sidebar > *:not(:last-child) {
  margin-bottom: 20px;
}

.my-groups-card .friend-item, .my-friends-card .friend-item{
  display: flex;
  align-items: center;
  border: none;
  padding: 10px 0;
}
.my-groups-card .friend-name, .my-friends-card .friend-name {
  margin-right: auto;
}
.my-groups-card .friend-username, .my-friends-card .friend-username {
  white-space: nowrap;
}
.my-groups-card .list-group-item, .my-friends-card .list-group-item {
  cursor: pointer;
}
.my-groups-card .list-group-item:hover, .my-friends-card .list-group-item:hover {
  background-color: #f0f0f0;
}
.my-groups-card .input-group, .my-friends-card .input-group{
  display: flex;
  flex-wrap: nowrap;
}
.my-groups-card .input-group input, .my-friends-card .input-group input {
  flex: 1;
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.my-groups-card .input-group button, .my-friends-card .input-group button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.my-groups-card .input-group .btn, .my-friends-card .input-group .btn {
  padding: 0.375rem 0.75rem;
  border: 1px solid;
}
.my-groups-card .input-group .mdi, .my-friends-card .input-group .mdi {
  font-size: 1.25rem;
}
.my-groups-card .friend-item:not(:last-child), .my-friends-card .friend-item:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}

.my-skills-card .skills-container{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.my-skills-card .skill-item{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.my-skills-card .skill-badge {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.my-skills-card .skill-name {
  margin-top: 5px;
  text-align: center;
}

.user-rel-user-search .user-card{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
.user-rel-user-search .user-avatar {
  margin-right: 15px;
}
.user-rel-user-search .avatar-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-rel-user-search .user-details {
  flex-grow: 1;
}
.user-rel-user-search .username {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
}
.user-rel-user-search .action-button {
  padding: 5px 10px;
  margin-right: 5px;
  font-size: 0.9em;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s, box-shadow 0.3s;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-decoration: none;
}
.user-rel-user-search .action-button i {
  margin-right: 5px;
}
.user-rel-user-search .invite-button {
  background-color: #3498db;
  color: white;
}
.user-rel-user-search .invite-button:hover {
  background-color: #2980b9;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}
.user-rel-user-search .message-button {
  background-color: #f39c12;
  color: white;
}
.user-rel-user-search .message-button:hover {
  background-color: #e67e22;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}

.social-groups .group-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-groups .search-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.social-groups .search-term-input {
  flex: 1;
}
.social-groups .large-icon {
  font-size: 3rem;
}
.social-groups .search-results {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}
.social-groups .group-card {
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  overflow: hidden;
  transition: box-shadow 0.3s;
}
.social-groups .group-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.social-groups .group-image {
  background-color: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.social-groups .group-details {
  padding: 1rem;
}
.social-groups a.group-title {
  font-size: 1rem !important;
  margin-bottom: 0.5rem !important;
  color: #0a66c2 !important;
}
.social-groups .group-description {
  font-size: 1rem;
  color: #6c757d;
}
.social-groups .p-button-text{
  display: block;
  margin-top: 1rem;
  text-align: center;
  color: var(--primary-color, #007bff);
  font-weight: bold;
}
.social-groups .social-groups-container .header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.social-groups .social-groups-container .create-group-button {
  background-color: #5c6bc0;
  color: white;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s;
}
.social-groups .social-groups-container .create-group-button:hover {
  background-color: #3949ab;
}
.social-groups .social-group-tabs .p-tabview-nav {
  margin-top: 1rem;
  border: none;
}
.social-groups .social-group-tabs .p-tabview-nav .p-tabview-selected{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-color: #e0e0e0;
  border-bottom: 2px solid #3949ab;
}
.social-groups .social-group-tabs .p-tabview-nav .p-tabview-selected a {
  font-weight: bold;
}
.social-groups .group-list .group-item{
  display: flex;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
}
.social-groups .group-list .group-item .mdi {
  font-size: 32px;
  margin-right: 1rem;
}
.social-groups .group-list .group-item .group-details{
  display: flex;
  flex-direction: column;
}
.social-groups .group-list .group-item .group-details .group-title {
  font-size: 1.25rem;
  font-weight: bold;
}
.social-groups .group-list .group-item .group-details .group-info{
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #666;
}
.social-groups .group-list .group-item .group-details .group-info .group-member-count {
  margin-right: 1rem;
}
.social-groups .social-group-tabs .p-tabview .p-tabview-nav {
  border: none;
  margin-bottom: 0;
}
.social-groups .social-group-tabs .p-tabview-nav .p-tabview-selected .tab-header {
  font-weight: bold;
  border-bottom: 3px solid #1976D2;
}
.social-groups .social-group-tabs .p-tabview-nav .p-tabview-selected {
  background: none;
}
.social-groups .tab {
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s;
}
.social-groups .tab:hover {
  border-bottom: 2px solid #d1d5db;
}
.social-groups .tab-active {
  border-bottom: 2px solid #3b82f6;
  color: #3b82f6;
  font-weight: bold;
}

.social-group-show .group-header {
  text-align: center;
  margin-bottom: 20px;
}
.social-group-show .group-title {
  font-size: 2em;
  margin: 0;
}
.social-group-show .group-description {
  color: #666;
}
.social-group-show .discussions-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.social-group-show .discussion-list {
  list-style-type: none;
  padding: 0;
}
.social-group-show .discussion-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}
.social-group-show .discussion-content{
  display: flex;
  flex-direction: column;
}
.social-group-show .discussion-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.social-group-show .discussion-details{
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}
.social-group-show .discussion-details .icon {
  margin-right: 5px;
}
.social-group-show .discussion-author{
  display: flex;
  align-items: center;
}
.social-group-show .author-avatar img, .social-group-show .author-avatar .mdi {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.social-group-show .author-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  justify-content: center;
}
.social-group-show .author-name {
  text-align: center;
  margin-top: 10px;
  font-size: 0.9rem;
  margin-right: 10px;
}
.social-group-show .discussion-author{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.social-group-show .author-avatar-icon {
  font-size: 50px;
  margin-right: 10px;
}
.social-group-show .discussions-container {
  border-top: 1px solid #ccc;
}
.social-group-show .discussion-info {
  font-size: 0.9em;
  color: #666;
}
.social-group-show .mdi {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}
.social-group-show .members-container {
  border-top: 1px solid #ccc;
}
.social-group-show .group-members {
  margin: 20px;
}
.social-group-show .edit-members {
  text-align: right;
  margin-bottom: 20px;
}
.social-group-show .edit-members-btn {
  padding: 10px 20px;
  cursor: pointer;
}
.social-group-show .members-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px;
}
.social-group-show .member-card {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}
.social-group-show .member-avatar {
  border-radius: 50%;
  margin: auto;
}
.social-group-show .member-avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: auto;
}
.social-group-show .member-avatar i {
  font-size: 100px;
}
.social-group-show .member-name {
  font-weight: bold;
}
.social-group-show .member-role {
  color: #666;
}
.social-group-show .member-item {
  padding: 16px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
}
.social-group-show .member-name {
  font-size: 1.2em;
  color: #333;
}
.social-group-show .member-role {
  font-size: 0.9em;
  color: #666;
}
.social-group-show .tabs {
  list-style-type: none;
  padding: 0;
  display: flex;
  border-bottom: 1px solid #ccc;
}
.social-group-show .tabs li {
  padding: 10px 20px;
  cursor: pointer;
  border-top: 3px solid transparent;
}
.social-group-show .tabs li.active {
  border-top-color: #007bff;
  background-color: #f8f9fa;
}
.social-group-show .tab-content {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
}

.invite-friends .invite-friends-container {
  max-width: 600px;
  margin: auto;
}
.invite-friends .invite-friends-header {
  text-align: center;
  margin-bottom: 20px;
}
.invite-friends .invite-friends-body{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.invite-friends .friends-list, .invite-friends .selected-friends-list {
  width: 48%;
}
.invite-friends .list-header {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 5px;
}
.invite-friends .list-content {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  height: 300px;
  overflow-y: auto;
}
.invite-friends .friend-entry{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.invite-friends .friend-avatar {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.invite-friends .friend-info{
  display: flex;
  align-items: center;
}
.invite-friends .friend-info__avatar {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
}
.invite-friends .invite-btn, .invite-friends .remove-btn {
  border: none;
  background-color: #5cb85c;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.invite-friends .remove-btn {
  background-color: #d9534f;
}
.invite-friends .send-invites-btn {
  width: 100%;
  padding: 10px 20px;
  background-color: #0275d8;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.invite-friends .send-invites-btn:hover {
  background-color: #025aa5;
}
.invite-friends .invited-users-container {
  margin-top: 20px;
}
.invite-friends .invited-users-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}
.invite-friends .user-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
}
.invite-friends .user-avatar {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}
.invite-friends .user-name {
  text-align: center;
}

.admin-icon {
  color: gold;
  margin-left: 5px;
  vertical-align: middle;
}

.user-profile-card .extra-info-container {
  margin-top: 0;
  background: #f5f5f5;
  padding: 0;
  border-radius: 0.5rem;
  text-align: left;
}
.user-profile-card .extra-info-list {
  list-style: none;
  padding: 0;
}
.user-profile-card .extra-info-list dt {
  font-weight: bold;
}
.user-profile-card .extra-info-list dd {
  margin: 0;
  margin-bottom: 0.5rem;
}
.user-profile-card .language-target {
  margin-top: 1rem;
}
.user-profile-card .p-card .p-card-body {
  padding: 1px;
}

.social-search .invitation-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
}
.social-search .invitation-modal{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  width: 90%;
  max-width: 500px;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.social-search .invitation-modal-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.social-search .close-button {
  border: none;
  background: none;
  font-size: 24px;
  cursor: pointer;
}
.social-search .invitation-modal-textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: none;
}
.social-search .invitation-modal-send {
  width: 100%;
  padding: 10px 20px;
  border: none;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
.social-search .invitation-modal-send:hover {
  background-color: #0056b3;
}
.social-search .group-card{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.social-search .group-image img {
  width: 100%;
  height: auto;
  display: block;
}
.social-search .group-info {
  padding: 1rem;
  text-align: center;
}
.social-search .group-info h3 {
  margin-top: 1rem;
  font-size: 1.25rem;
}
.social-search .group-info p {
  font-size: 0.875rem;
  color: #666;
}
.social-search .message-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.social-search .message-modal{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 400px;
  position: relative;
}
.social-search .message-modal-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.social-search .message-modal-close {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
.social-search .message-user-info{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.social-search .message-user-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
.social-search .message-user-name {
  font-weight: bold;
}
.social-search .message-modal-input,
.social-search .message-modal-textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #CCC;
  border-radius: 4px;
}
.social-search .message-modal-textarea {
  height: 100px;
  resize: vertical;
}
.social-search .message-modal-send {
  width: 100%;
  padding: 10px;
  border: none;
  background-color: #007bff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}
.social-search .message-modal-send:hover {
  background-color: #0056b3;
}

.friends-invitations .invitation-list {
  width: 100%;
}
.friends-invitations .invitation-item {
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.friends-invitations .invitation-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.friends-invitations .item-picture {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}
.friends-invitations .invitation-info {
  flex-grow: 1;
}
.friends-invitations .invitation-actions{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 600px) {
  .friends-invitations .invitation-actions {
    flex-direction: column;
  }
}

.social-group-messages .message-item{
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  align-items: flex-start;
}
.social-group-messages .message-avatar {
  margin-right: 15px;
}
.social-group-messages .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.social-group-messages .message-body {
  flex: 1;
}
.social-group-messages .message-meta{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.social-group-messages .message-author {
  font-weight: bold;
}
.social-group-messages .message-actions{
  display: flex;
  justify-content: flex-end;
}
.social-group-messages .message-actions button {
  margin-left: 5px;
}
.social-group-messages .child-messages {
  margin-left: 20px;
}

.circle-green {
  color: green;
}

.circle-gray {
  color: gray;
}

#social-wall-container .tab-active:hover{
  background-color: rgb(var(--color-primary-base) / 0.9);
}
#social-wall-container .tab:disabled{
  cursor: not-allowed;
  opacity: 0.6;
}
.cm-layout #social-wall-container .tab:disabled:hover {
  opacity: 0.85;
}
.attendance-page #social-wall-container .tab:disabled {
  cursor: not-allowed;
}

#social-group-container .user-invite-card{
  display: flex;
  align-items: center;
  padding: 0.5rem;
  max-width: 100%;
  flex-direction: column;
}

/* ===== Primary-aware "active" styles (Social) ===== */
/* Primary-aware "active" styles — scoped to Social UI containers only */
.social-groups,
.social-group-show,
.social-search,
.friends-invitations,
.social-group-messages,
#social-wall-container,
#social-group-container,
.my-groups-card,
.my-friends-card,
.user-rel-user-search,
.invite-friends {
  /* Brand tokens (scoped to each container) */
  --ui-primary: rgb(var(--color-primary-base)); /* main brand color */
  --ui-on-primary: rgb(var(--color-primary-button-text, 255 255 255)); /* readable text on primary */
  /* Pills / side menu / generic active patterns */
}
.social-groups .menu-item.active,
.social-groups .active,
.social-group-show .menu-item.active,
.social-group-show .active,
.social-search .menu-item.active,
.social-search .active,
.friends-invitations .menu-item.active,
.friends-invitations .active,
.social-group-messages .menu-item.active,
.social-group-messages .active,
#social-wall-container .menu-item.active,
#social-wall-container .active,
#social-group-container .menu-item.active,
#social-group-container .active,
.my-groups-card .menu-item.active,
.my-groups-card .active,
.my-friends-card .menu-item.active,
.my-friends-card .active,
.user-rel-user-search .menu-item.active,
.user-rel-user-search .active,
.invite-friends .menu-item.active,
.invite-friends .active {
  background-color: var(--ui-primary) !important;
  color: var(--ui-on-primary) !important;
}
.social-groups .menu-item.active i,
.social-groups .menu-item.active .badge,
.social-groups .nav li.active a,
.social-group-show .menu-item.active i,
.social-group-show .menu-item.active .badge,
.social-group-show .nav li.active a,
.social-search .menu-item.active i,
.social-search .menu-item.active .badge,
.social-search .nav li.active a,
.friends-invitations .menu-item.active i,
.friends-invitations .menu-item.active .badge,
.friends-invitations .nav li.active a,
.social-group-messages .menu-item.active i,
.social-group-messages .menu-item.active .badge,
.social-group-messages .nav li.active a,
#social-wall-container .menu-item.active i,
#social-wall-container .menu-item.active .badge,
#social-wall-container .nav li.active a,
#social-group-container .menu-item.active i,
#social-group-container .menu-item.active .badge,
#social-group-container .nav li.active a,
.my-groups-card .menu-item.active i,
.my-groups-card .menu-item.active .badge,
.my-groups-card .nav li.active a,
.my-friends-card .menu-item.active i,
.my-friends-card .menu-item.active .badge,
.my-friends-card .nav li.active a,
.user-rel-user-search .menu-item.active i,
.user-rel-user-search .menu-item.active .badge,
.user-rel-user-search .nav li.active a,
.invite-friends .menu-item.active i,
.invite-friends .menu-item.active .badge,
.invite-friends .nav li.active a {
  color: var(--ui-on-primary) !important;
}
.social-groups .badge,
.social-group-show .badge,
.social-search .badge,
.friends-invitations .badge,
.social-group-messages .badge,
#social-wall-container .badge,
#social-group-container .badge,
.my-groups-card .badge,
.my-friends-card .badge,
.user-rel-user-search .badge,
.invite-friends .badge {
  background-color: var(--ui-primary) !important;
  color: var(--ui-on-primary) !important;
}
.social-groups .menu-item:focus-visible,
.social-groups .tab:focus-visible,
.social-groups .nav-link:focus-visible,
.social-group-show .menu-item:focus-visible,
.social-group-show .tab:focus-visible,
.social-group-show .nav-link:focus-visible,
.social-search .menu-item:focus-visible,
.social-search .tab:focus-visible,
.social-search .nav-link:focus-visible,
.friends-invitations .menu-item:focus-visible,
.friends-invitations .tab:focus-visible,
.friends-invitations .nav-link:focus-visible,
.social-group-messages .menu-item:focus-visible,
.social-group-messages .tab:focus-visible,
.social-group-messages .nav-link:focus-visible,
#social-wall-container .menu-item:focus-visible,
#social-wall-container .tab:focus-visible,
#social-wall-container .nav-link:focus-visible,
#social-group-container .menu-item:focus-visible,
#social-group-container .tab:focus-visible,
#social-group-container .nav-link:focus-visible,
.my-groups-card .menu-item:focus-visible,
.my-groups-card .tab:focus-visible,
.my-groups-card .nav-link:focus-visible,
.my-friends-card .menu-item:focus-visible,
.my-friends-card .tab:focus-visible,
.my-friends-card .nav-link:focus-visible,
.user-rel-user-search .menu-item:focus-visible,
.user-rel-user-search .tab:focus-visible,
.user-rel-user-search .nav-link:focus-visible,
.invite-friends .menu-item:focus-visible,
.invite-friends .tab:focus-visible,
.invite-friends .nav-link:focus-visible {
  outline: 2px solid var(--ui-primary);
  outline-offset: 2px;
}
.social-groups .menu-item.active:hover,
.social-group-show .menu-item.active:hover,
.social-search .menu-item.active:hover,
.friends-invitations .menu-item.active:hover,
.social-group-messages .menu-item.active:hover,
#social-wall-container .menu-item.active:hover,
#social-group-container .menu-item.active:hover,
.my-groups-card .menu-item.active:hover,
.my-friends-card .menu-item.active:hover,
.user-rel-user-search .menu-item.active:hover,
.invite-friends .menu-item.active:hover {
  background-color: rgb(var(--color-primary-base)/0.92);
}
.social-groups,
.social-group-show,
.social-search,
.friends-invitations,
.social-group-messages,
#social-wall-container,
#social-group-container,
.my-groups-card,
.my-friends-card,
.user-rel-user-search,
.invite-friends {
  /* Bootstrap-like pills */
}
.social-groups .nav-pills .nav-link.active,
.social-group-show .nav-pills .nav-link.active,
.social-search .nav-pills .nav-link.active,
.friends-invitations .nav-pills .nav-link.active,
.social-group-messages .nav-pills .nav-link.active,
#social-wall-container .nav-pills .nav-link.active,
#social-group-container .nav-pills .nav-link.active,
.my-groups-card .nav-pills .nav-link.active,
.my-friends-card .nav-pills .nav-link.active,
.user-rel-user-search .nav-pills .nav-link.active,
.invite-friends .nav-pills .nav-link.active {
  background-color: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
  color: var(--ui-on-primary) !important;
}
.social-groups,
.social-group-show,
.social-search,
.friends-invitations,
.social-group-messages,
#social-wall-container,
#social-group-container,
.my-groups-card,
.my-friends-card,
.user-rel-user-search,
.invite-friends {
  /* Simple tab headers */
}
.social-groups .tab-active,
.social-group-show .tab-active,
.social-search .tab-active,
.friends-invitations .tab-active,
.social-group-messages .tab-active,
#social-wall-container .tab-active,
#social-group-container .tab-active,
.my-groups-card .tab-active,
.my-friends-card .tab-active,
.user-rel-user-search .tab-active,
.invite-friends .tab-active {
  background: transparent !important;
  border-bottom: 2px solid var(--ui-primary) !important;
  color: var(--ui-primary) !important;
  font-weight: 700;
}
.social-groups .tab:hover,
.social-group-show .tab:hover,
.social-search .tab:hover,
.friends-invitations .tab:hover,
.social-group-messages .tab:hover,
#social-wall-container .tab:hover,
#social-group-container .tab:hover,
.my-groups-card .tab:hover,
.my-friends-card .tab:hover,
.user-rel-user-search .tab:hover,
.invite-friends .tab:hover {
  border-bottom-color: rgb(var(--color-primary-base)/0.65);
}
.social-groups .tab-active:hover,
.social-group-show .tab-active:hover,
.social-search .tab-active:hover,
.friends-invitations .tab-active:hover,
.social-group-messages .tab-active:hover,
#social-wall-container .tab-active:hover,
#social-group-container .tab-active:hover,
.my-groups-card .tab-active:hover,
.my-friends-card .tab-active:hover,
.user-rel-user-search .tab-active:hover,
.invite-friends .tab-active:hover {
  background-color: rgb(var(--color-primary-base)/0.9);
}
.social-groups .tab:disabled,
.social-group-show .tab:disabled,
.social-search .tab:disabled,
.friends-invitations .tab:disabled,
.social-group-messages .tab:disabled,
#social-wall-container .tab:disabled,
#social-group-container .tab:disabled,
.my-groups-card .tab:disabled,
.my-friends-card .tab:disabled,
.user-rel-user-search .tab:disabled,
.invite-friends .tab:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.social-groups,
.social-group-show,
.social-search,
.friends-invitations,
.social-group-messages,
#social-wall-container,
#social-group-container,
.my-groups-card,
.my-friends-card,
.user-rel-user-search,
.invite-friends {
  /* PrimeVue tabview */
}
.social-groups .p-tabview-nav .p-tabview-selected,
.social-group-show .p-tabview-nav .p-tabview-selected,
.social-search .p-tabview-nav .p-tabview-selected,
.friends-invitations .p-tabview-nav .p-tabview-selected,
.social-group-messages .p-tabview-nav .p-tabview-selected,
#social-wall-container .p-tabview-nav .p-tabview-selected,
#social-group-container .p-tabview-nav .p-tabview-selected,
.my-groups-card .p-tabview-nav .p-tabview-selected,
.my-friends-card .p-tabview-nav .p-tabview-selected,
.user-rel-user-search .p-tabview-nav .p-tabview-selected,
.invite-friends .p-tabview-nav .p-tabview-selected {
  background: transparent !important;
  border-bottom: 3px solid var(--ui-primary) !important;
}
.social-groups .p-tabview-nav .p-tabview-selected a,
.social-groups .p-tabview-nav .p-tabview-selected .tab-header,
.social-group-show .p-tabview-nav .p-tabview-selected a,
.social-group-show .p-tabview-nav .p-tabview-selected .tab-header,
.social-search .p-tabview-nav .p-tabview-selected a,
.social-search .p-tabview-nav .p-tabview-selected .tab-header,
.friends-invitations .p-tabview-nav .p-tabview-selected a,
.friends-invitations .p-tabview-nav .p-tabview-selected .tab-header,
.social-group-messages .p-tabview-nav .p-tabview-selected a,
.social-group-messages .p-tabview-nav .p-tabview-selected .tab-header,
#social-wall-container .p-tabview-nav .p-tabview-selected a,
#social-wall-container .p-tabview-nav .p-tabview-selected .tab-header,
#social-group-container .p-tabview-nav .p-tabview-selected a,
#social-group-container .p-tabview-nav .p-tabview-selected .tab-header,
.my-groups-card .p-tabview-nav .p-tabview-selected a,
.my-groups-card .p-tabview-nav .p-tabview-selected .tab-header,
.my-friends-card .p-tabview-nav .p-tabview-selected a,
.my-friends-card .p-tabview-nav .p-tabview-selected .tab-header,
.user-rel-user-search .p-tabview-nav .p-tabview-selected a,
.user-rel-user-search .p-tabview-nav .p-tabview-selected .tab-header,
.invite-friends .p-tabview-nav .p-tabview-selected a,
.invite-friends .p-tabview-nav .p-tabview-selected .tab-header {
  color: var(--ui-primary) !important;
  font-weight: 700;
}
.social-groups,
.social-group-show,
.social-search,
.friends-invitations,
.social-group-messages,
#social-wall-container,
#social-group-container,
.my-groups-card,
.my-friends-card,
.user-rel-user-search,
.invite-friends {
  /* Legacy .tabs list variant */
}
.social-groups .tabs li.active,
.social-group-show .tabs li.active,
.social-search .tabs li.active,
.friends-invitations .tabs li.active,
.social-group-messages .tabs li.active,
#social-wall-container .tabs li.active,
#social-group-container .tabs li.active,
.my-groups-card .tabs li.active,
.my-friends-card .tabs li.active,
.user-rel-user-search .tabs li.active,
.invite-friends .tabs li.active {
  border-top-color: var(--ui-primary) !important;
  background-color: #f8f9fa; /* keep strip readable */
  color: var(--ui-primary) !important;
}
.social-groups,
.social-group-show,
.social-search,
.friends-invitations,
.social-group-messages,
#social-wall-container,
#social-group-container,
.my-groups-card,
.my-friends-card,
.user-rel-user-search,
.invite-friends {
  /* Utilities (optional) */
}
.social-groups .is-active-bg-primary,
.social-group-show .is-active-bg-primary,
.social-search .is-active-bg-primary,
.friends-invitations .is-active-bg-primary,
.social-group-messages .is-active-bg-primary,
#social-wall-container .is-active-bg-primary,
#social-group-container .is-active-bg-primary,
.my-groups-card .is-active-bg-primary,
.my-friends-card .is-active-bg-primary,
.user-rel-user-search .is-active-bg-primary,
.invite-friends .is-active-bg-primary {
  background-color: var(--ui-primary) !important;
  color: var(--ui-on-primary) !important;
}
.social-groups .is-active-text-primary,
.social-group-show .is-active-text-primary,
.social-search .is-active-text-primary,
.friends-invitations .is-active-text-primary,
.social-group-messages .is-active-text-primary,
#social-wall-container .is-active-text-primary,
#social-group-container .is-active-text-primary,
.my-groups-card .is-active-text-primary,
.my-friends-card .is-active-text-primary,
.user-rel-user-search .is-active-text-primary,
.invite-friends .is-active-text-primary {
  color: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
}

.skill-wheel .container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.skill-wheel .row{
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--bs-gutter-x, 0.75rem) / -2);
  margin-left: calc(var(--bs-gutter-x, 0.75rem) / -2);
}
.skill-wheel .col-md-3, .skill-wheel .col-md-9 {
  position: relative;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
}
.skill-wheel .col-md-3 {
  flex: 0 0 auto;
  width: 25%;
}
.skill-wheel .col-md-9 {
  flex: 0 0 auto;
  width: 75%;
}
.skill-wheel .panel {
  margin-bottom: var(--bs-panel-margin-bottom, 20px);
  background-color: var(--bs-panel-bg, #fff);
  border: var(--bs-panel-border-width, 1px) solid var(--bs-panel-border-color, #ddd);
  border-radius: var(--bs-panel-border-radius, 4px);
}
.skill-wheel .text-center {
  text-align: center;
}
.skill-wheel .table {
  width: 100%;
  margin-bottom: var(--bs-table-margin-bottom, 1rem);
  color: var(--bs-table-color, #212529);
}
.skill-wheel .btn {
  display: inline-block;
  font-weight: var(--bs-btn-font-weight, 400);
  color: var(--bs-btn-color, #212529);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: var(--bs-btn-border-width, 1px) solid transparent;
  padding: var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem);
  font-size: var(--bs-btn-font-size, 1rem);
  line-height: var(--bs-btn-line-height, 1.5);
  border-radius: var(--bs-btn-border-radius, 0.25rem);
  transition: color var(--bs-btn-transition, 0.15s) ease-in-out, background-color var(--bs-btn-transition, 0.15s) ease-in-out, border-color var(--bs-btn-transition, 0.15s) ease-in-out, box-shadow var(--bs-btn-transition, 0.15s) ease-in-out;
  text-decoration: none;
}
.skill-wheel .btn:hover {
  color: var(--bs-btn-hover-color, #212529);
  text-decoration: none;
  background-color: var(--bs-btn-hover-bg, #e6e6e6);
  border-color: var(--bs-btn-hover-border, #dcdcdc);
}
.skill-wheel .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 var(--bs-btn-focus-width, 0.2rem) var(--bs-btn-focus-shadow, rgba(0, 123, 255, 0.5));
}
.skill-wheel .btn:disabled, .skill-wheel .btn.disabled {
  opacity: var(--bs-btn-disabled-opacity, 0.65);
  pointer-events: none;
}
.skill-wheel .btn:not(:disabled):not(.disabled):active, .skill-wheel .btn:not(:disabled):not(.disabled).active {
  background-color: var(--bs-btn-active-bg, #e6e6e6);
  border-color: var(--bs-btn-active-border, #dcdcdc);
}
.skill-wheel .btn:not(:disabled):not(.disabled):active:focus, .skill-wheel .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 var(--bs-btn-focus-width, 0.2rem) var(--bs-btn-focus-shadow, rgba(0, 123, 255, 0.5));
}
.skill-wheel .btn--primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.skill-wheel .btn--warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.skill-wheel .btn--plain {
  background-color: transparent;
  color: inherit;
  border: none;
}
.skill-wheel .btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.skill-wheel ul {
  padding-left: 0;
  list-style: none;
}
.skill-wheel .fa-ul {
  position: relative;
  display: inline-block;
}
.skill-wheel img {
  max-width: 100%;
  height: auto;
}
.skill-wheel .text-right {
  text-align: right;
}
.skill-wheel .skills-badges {
  display: grid;
  grid-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-columns: repeat(6, 1fr);
}
.skill-wheel .skills-badges .item {
  display: inline-block;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.skill-wheel .skills-badges a .caption {
  text-align: center;
}
.skill-wheel .list-horizontal .list-skills {
  display: grid;
  grid-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-columns: repeat(4, 1fr);
}
.skill-wheel .list-vertical .list-skills {
  display: grid;
  grid-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
}
.skill-wheel .list-skills .item {
  display: inline-block;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.skill-wheel .skill-options .legend {
  border: 1px dashed #cccccc;
  padding: 1em;
  border-radius: 10px;
  margin-bottom: 1em;
  margin-top: 1em;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.skill-wheel .skill-options .skill-home {
  margin-top: 1em;
  margin-bottom: 1em;
}
.skill-wheel .skill-options .btn-block {
  box-sizing: border-box;
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.skill-wheel .skill-options .accordion-inner {
  padding: 9px 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.skill-wheel .skill-options .skill-winner {
  list-style: none;
  margin: 0;
  padding: 0;
}
.skill-wheel .skill-options .skill-winner li {
  float: left;
  margin-right: 1em;
  padding-bottom: 1em;
}
.skill-wheel .skill-options .skill-winner li a {
  background: url(/build/images/winner.500b1320.png) no-repeat;
  padding-left: 1.5em;
  padding-bottom: 1em;
}
.skill-wheel .search-skill ul.holder li.bit-input input {
  width: 100%;
}
.skill-wheel .skill-legend-basic {
  color: #3A87AD;
}
.skill-wheel .skill-legend-add {
  color: #F89406;
}
.skill-wheel .skill-legend-search {
  color: #B94A48;
}
.skill-wheel .skill-legend-badges {
  color: #31A354;
}
.skill-wheel .page-skill .panel-default {
  border-color: #DDDDDD;
}
.skill-wheel .page-skill .btn-default {
  background-color: #F6F6F6;
}
.skill-wheel .page-skill .btn-default:hover {
  background-color: #E6E6E6;
}
.skill-wheel .page-skill #skill_info {
  font-size: 12px;
}
.skill-wheel .page-skill #skill_wheel tspan {
  font-size: 12px;
}
.skill-wheel .page-skill .holder_simple li.bit-box a {
  color: #8A6D3B;
}
.skill-wheel .skill_partition {
  cursor: pointer;
  stroke: #000000;
  stroke-width: 0.5px;
}
.skill-wheel .items-user .avatar-user {
  text-align: center;
  margin-bottom: 10px;
}
.skill-wheel .items-user p {
  font-size: 12px;
  margin-bottom: 5px;
}
.skill-wheel .items-user .list-group {
  font-size: 12px;
}
.skill-wheel table#skill_holder {
  margin-top: 15px;
}
.skill-wheel .badges-sidebar {
  height: 250px;
}
.skill-wheel .panel figure figcaption {
  background: none;
  text-align: center;
}
.skill-wheel .skill_root {
  box-shadow: 2px 2px 19px #aaa;
  border-radius: 6px;
  background-color: #ccc;
  border: 0.1em dotted #D4E06B;
  color: black;
  font-size: 0.9em;
  height: 4em;
  opacity: 0.8;
  padding-top: 0.9em;
  text-align: center;
  width: 120px;
  z-index: 40;
  position: relative;
}
.skill-wheel .skill_child {
  box-shadow: 2px 2px 19px #aaa;
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 0.1em dotted #D4E06B;
  color: black;
  font-size: 0.9em;
  height: 4em;
  opacity: 0.8;
  padding-top: 0.9em;
  text-align: center;
  width: 120px;
  z-index: 40;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
}
.skill-wheel .panel-collapse {
  overflow: hidden;
  height: 0;
  transition: height 0.35s ease;
}
.skill-wheel .panel-collapse.in {
  height: auto;
}
.skill-wheel .modal {
  display: none;
  position: fixed;
  z-index: 1050;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.skill-wheel .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.skill-wheel .modal-content {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #999;
  border-radius: 3px;
  outline: 0;
}
.skill-wheel .modal-header, .skill-wheel .modal-body, .skill-wheel .modal-footer {
  padding: 20px;
}
.skill-wheel .modal.in{
  display: block;
  opacity: 1;
}
.skill-wheel .modal:not(.in) {
  opacity: 0;
  transition: opacity 150ms ease-in-out;
}
.skill-wheel .panel {
  margin-bottom: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.skill-wheel .panel-default {
  border-color: #ddd;
}
.skill-wheel .panel-body {
  padding: 15px;
}
.skill-wheel .panel-heading {
  padding: 10px 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.skill-wheel .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.skill-wheel .panel-title a {
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}
.skill-wheel .panel-collapse {
  border-top: 1px solid #ddd;
}
.skill-wheel .skill-profile-block {
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 15px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  min-height: 300px;
}
.skill-wheel .skill-profile-block .panel-body {
  padding: 15px;
}
.skill-wheel .skill-profile-block img{
  display: block;
  margin: 10px auto;
  border-radius: 50%;
}
.skill-wheel .skill-profile-block .avatar-author {
  margin-top: 10px;
}
.skill-wheel .skill-profile-block .btn--plain{
  display: block;
  margin: 20px auto;
  font-size: 1rem;
  color: #007bff;
  background: none;
  border: none;
  padding: 5px 10px;
}
.skill-wheel .skill-profile-block .text-center {
  margin-top: 20px;
  min-height: 50px;
}
.skill-wheel .skill-profile-block img[width="64"] {
  margin: 5px;
  display: inline-block;
}

.skills-badges{
  margin-bottom: 1rem;
}
.skills-badges--cards{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.field.skills-badges--cards{
  margin-top: 0px;
}
.formgrid.skills-badges--cards{
  margin-top: 0px;
}
@media (min-width: 640px){
  .skills-badges--cards{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px){
  .skills-badges--cards{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (min-width: 1280px){
  .skills-badges--cards{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.skills-badges--cards .skill-badge-wrapper{
  isolation: isolate;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  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-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.skills-badges--cards .skill-badge-wrapper:hover{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
}
.skills-badges--cards .skill-badge-wrapper a:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.skills-badges--cards .skill-badge-wrapper .item{
  position: relative;
}
.skills-badges--cards .skill-badge-wrapper .item img{
  height: auto;
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.skills-badges--cards .skill-badge-wrapper .caption > :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));
}
.skills-badges--cards .skill-badge-wrapper .caption:empty{
  display: none;
}
.nested-sortable:hover .list-group-item .skills-badges--cards .skill-badge-wrapper .caption:empty{
  display: block;
}
.skills-badges--cards .skill-badge-wrapper .skill-badge-action{
  margin-top: auto;
}
.skills-badges--cards .skill-badge-wrapper .skill-badge-action > :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));
}
.skills-badges--cards .skill-badge-wrapper .skill-badge-action{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.ch-survey-report .sr-card {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  margin-bottom: 18px;
}
.ch-survey-report .sr-card__header {
  padding: 12px 16px;
  font-weight: 700;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.ch-survey-report .sr-card__body {
  padding: 12px 16px;
}
.ch-survey-report .sr-summary-table {
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
}
.ch-survey-report .sr-summary-table th,
.ch-survey-report .sr-summary-table td {
  border-color: #e5e7eb;
  color: #111827;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.ch-survey-report .sr-summary-table th[scope=row] {
  width: 260px;
  white-space: nowrap;
  background: #f3f4f6;
  font-weight: 600;
  vertical-align: middle;
}
.ch-survey-report .sr-summary-table tr + tr th,
.ch-survey-report .sr-summary-table tr + tr td {
  border-top: 1px solid #e5e7eb;
}
.ch-survey-report .sr-block {
  margin-top: 10px;
}
.ch-survey-report .sr-progress {
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  height: 10px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.ch-survey-report .sr-progress__fill {
  height: 100%;
  width: 0;
  background: #93c5fd;
}
.ch-survey-report #question_report_questionnumbers {
  margin: 10px 0 16px;
  display: flex;
  gap: 6px;
}
.ch-survey-report #question_report_questionnumbers li {
  list-style: none;
}
.ch-survey-report #question_report_questionnumbers li a{
  display: block;
  padding: 6px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: #111827;
  text-decoration: none;
}
.ch-survey-report #question_report_questionnumbers li a:hover {
  background: #f9fafb;
}
.ch-survey-report #question_report_questionnumbers li.disabled a {
  opacity: 0.6;
  pointer-events: none;
}

form#question-survey{
  margin: 0px;
  box-sizing: border-box;
  display: block;
}

form#question-survey .survey_question{
  margin: 0px;
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  margin-bottom: 1rem !important;
  clear: both;
}

/* Question label / question text */
form#question-survey .survey_question .question-text,
form#question-survey .survey_question > label,
form#question-survey .survey_question .control-label{
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 600;
  color: #111827;
}

/* Options container: horizontal alignment + enf of line if necessary */
form#question-survey .survey_question .options {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.25rem;
}

/* Radios inline vs vertical */
form#question-survey .survey_question .radio-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-right: 0.6rem;
}

.survey_question .field{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem;
}

.survey_question .radio-inline{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.survey_question .p-radiobutton{
  position: relative;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
}

.survey_question .p-radiobutton-box{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.survey_question .p-radiobutton-input{
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.survey_question .p-radiobutton-checked .p-radiobutton-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}

.survey_question .p-radiobutton-icon{
  display: none;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.nested-sortable:hover .list-group-item .survey_question .p-radiobutton-icon{
  display: block;
}

.survey_question .p-radiobutton-checked .p-radiobutton-icon{
  display: block;
}

.survey_question .radio-inline label{
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.survey_question .radio-inline label p{
  margin: 0px;
  line-height: 1.25;
}

.survey_question .checkbox-inline{
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.survey_question .p-checkbox{
  position: relative;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
}

.survey_question .p-checkbox-box{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(162 166 176 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.survey_question .p-checkbox-input{
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.survey_question .p-checkbox-icon{
  display: none;
  height: 0.75rem;
  width: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.nested-sortable:hover .list-group-item .survey_question .p-checkbox-icon{
  display: block;
}

.survey_question .p-checkbox-input:checked + .p-checkbox-box{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}

.survey_question .p-checkbox-input:checked + .p-checkbox-box .p-icon{
  display: block;
}

.survey_question .checkbox-inline label{
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.survey_question .checkbox-inline label p{
  margin: 0px;
  line-height: 1.25;
}

/*
 * Survey answer layout is per question.
 * Questions must always be stacked vertically. The display setting only affects
 * the answer options inside each question.
 */
form#question .survey_question,
form#question-survey .survey_question{
  display: block;
  width: 100%;
}
form#question .survey-answer-options > .field > label:first-child,
form#question-survey .survey-answer-options > .field > label:first-child{
  display: none;
}
.nested-sortable:hover .list-group-item form#question .survey-answer-options > .field > label:first-child,.nested-sortable:hover .list-group-item 
form#question-survey .survey-answer-options > .field > label:first-child{
  display: block;
}
form#question .survey-answer-options .radio-inline,
form#question .survey-answer-options .radio-vertical,
form#question .survey-answer-options .checkbox-inline,
form#question .survey-answer-options .checkbox-vertical,
form#question-survey .survey-answer-options .radio-inline,
form#question-survey .survey-answer-options .radio-vertical,
form#question-survey .survey-answer-options .checkbox-inline,
form#question-survey .survey-answer-options .checkbox-vertical{
  margin: 0px;
  display: inline-flex;
  width: auto;
  flex-direction: row;
  align-items: center;
  gap: 0.375rem;
}
.forum-post form#question .survey-answer-options .radio-inline,.forum-post 
form#question .survey-answer-options .radio-vertical,.forum-post 
form#question .survey-answer-options .checkbox-inline,.forum-post 
form#question .survey-answer-options .checkbox-vertical,.forum-post 
form#question-survey .survey-answer-options .radio-inline,.forum-post 
form#question-survey .survey-answer-options .radio-vertical,.forum-post 
form#question-survey .survey-answer-options .checkbox-inline,.forum-post 
form#question-survey .survey-answer-options .checkbox-vertical{
  display: flex;
  margin-top: 10px;
}
form#question .survey-answer-options .radio-inline,
form#question .survey-answer-options .radio-vertical,
form#question .survey-answer-options .checkbox-inline,
form#question .survey-answer-options .checkbox-vertical,
form#question-survey .survey-answer-options .radio-inline,
form#question-survey .survey-answer-options .radio-vertical,
form#question-survey .survey-answer-options .checkbox-inline,
form#question-survey .survey-answer-options .checkbox-vertical{
  display: flex;
  flex-direction: row;
}
form#question .survey-answer-options .radio-inline p,
form#question .survey-answer-options .radio-vertical p,
form#question .survey-answer-options .checkbox-inline p,
form#question .survey-answer-options .checkbox-vertical p,
form#question-survey .survey-answer-options .radio-inline p,
form#question-survey .survey-answer-options .radio-vertical p,
form#question-survey .survey-answer-options .checkbox-inline p,
form#question-survey .survey-answer-options .checkbox-vertical p{
  margin: 0px;
}
form#question .survey-answer-options-horizontal,
form#question-survey .survey-answer-options-horizontal{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  row-gap: 0.5rem;
}
.forum-post form#question .survey-answer-options-horizontal,.forum-post 
form#question-survey .survey-answer-options-horizontal{
  display: flex;
  margin-top: 10px;
}
form#question .survey-answer-options-horizontal,
form#question-survey .survey-answer-options-horizontal{
  display: flex;
  flex-direction: row;
}
form#question .survey-answer-options-horizontal > .field,
form#question-survey .survey-answer-options-horizontal > .field{
  margin: 0px;
  display: flex;
  width: auto;
  max-width: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
.forum-post form#question .survey-answer-options-horizontal > .field,.forum-post 
form#question-survey .survey-answer-options-horizontal > .field{
  display: flex;
  margin-top: 10px;
}
form#question .survey-answer-options-horizontal > .field,
form#question-survey .survey-answer-options-horizontal > .field{
  display: flex;
  flex-direction: row;
}
form#question .survey-answer-options-vertical,
form#question-survey .survey-answer-options-vertical{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
form#question .survey-answer-options-vertical > .field,
form#question-survey .survey-answer-options-vertical > .field{
  margin: 0px;
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.chd .chd-fab {
  position: fixed;
  right: 16px;
  bottom: 88px;
  z-index: 1100;
  width: 52px;
  height: 52px;
  border-radius: 9999px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(var(--color-primary-base, 79 70 229));
  color: white;
  cursor: pointer;
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.12);
  overflow: visible;
  isolation: isolate;
}
.chd .chd-fab:hover {
  filter: brightness(0.93);
}
.chd .chd-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 9999px;
  background: #EF4444;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  box-shadow: 0 0 0 2px #fff;
}
.chd .chd-dock {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1100;
  width: 860px;
  max-width: calc(100vw - 32px);
  height: 540px;
  max-height: calc(100vh - 32px);
  display: flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
  flex-direction: column;
  overflow: hidden;
}
.chd .chd-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  background: #fafafa;
  flex-shrink: 0;
}
.chd .chd-title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
}
.chd .chd-actions{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.chd .chd-btn {
  border: 1px solid #e5e7eb;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: #374151;
  border-radius: 10px;
  padding: 6px 10px;
  cursor: pointer;
}
.chd .chd-btn:hover {
  background: #f9fafb;
}
.chd .chd-btn--ghost {
  background: transparent;
  border-color: transparent;
}
.chd .chd-btn--xs {
  padding: 2px 6px;
  border-radius: 8px;
}
.chd .chd-btn--primary {
  background: #4F46E5;
  color: #fff;
  border-color: #4F46E5;
}
.chd .chd-btn--primary:hover {
  background: #4338CA;
}
.chd .chd-btn--danger-outline {
  border-color: #EF4444;
  color: #B91C1C;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.chd .chd-btn--danger-outline:hover {
  background: #FEE2E2;
}
.chd .chd-dot {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.chd .chd-dot--on {
  background: #10B981;
}
.chd .chd-dot--off {
  background: #9CA3AF;
}
.chd .chd-body {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 300px 1fr;
}
.chd .chd-sidebar {
  border-right: 1px solid #eee;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.chd .chd-sidebar__head {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
}
.chd .chd-contacts {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 8px;
  overscroll-behavior: contain;
}
.chd .chd-legacy a {
  color: #2563eb;
  text-decoration: none;
}
.chd .chd-legacy a:hover {
  text-decoration: underline;
}
.chd .chd-text--muted {
  color: #6b7280;
  font-size: 0.9rem;
}
.chd .chd-center {
  text-align: center;
}
.chd .chd-py-8 {
  padding: 8px 0;
}
.chd .chd-py-16 {
  padding: 16px 0;
}
.chd .chd-chat{
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.chd .chd-chat__head {
  padding: 8px;
  border-bottom: 1px solid #eee;
  flex-shrink: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  position: relative;
}
.chd .chd-peer{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.chd .chd-peer__meta {
  min-width: 0;
}
.chd .chd-avatar {
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  -o-object-fit: cover;
     object-fit: cover;
}
.chd .chd-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chd .chd-unread-dot {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background: #EF4444;
  margin-left: auto;
  box-shadow: 0 0 0 2px #fff;
}
.chd .chd-chat__body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  background: #fafafa;
  padding: 10px;
  overscroll-behavior: contain;
}
.chd .chd-row{
  display: flex;
  margin: 8px 0;
}
.chd .chd-row--me {
  justify-content: flex-end;
}
.chd .chd-row--peer {
  justify-content: flex-start;
}
.chd .chd-bubble {
  max-width: 72%;
  padding: 10px 12px;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.chd .chd-bubble__content p {
  margin: 0;
}
.chd .chd-bubble__date {
  font-size: 0.72rem;
  opacity: 0.8;
  margin-top: 6px;
  text-align: right;
}
.chd .chd-row--me .chd-bubble {
  background: #4F46E5;
  color: #fff;
  border-top-right-radius: 4px;
}
.chd .chd-row--me .chd-bubble__date {
  color: #E0E7FF;
}
.chd .chd-row--peer .chd-bubble {
  background: #F3F4F6;
  color: #111827;
  border-top-left-radius: 4px;
}
.chd .chd-row--peer .chd-bubble__date {
  color: #6b7280;
}
.chd .chd-composer {
  position: sticky;
  bottom: 0;
  border-top: 1px solid #eee;
  padding: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  flex-shrink: 0;
}
.chd .chd-input {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 8px;
  resize: none;
  max-height: 28vh;
  overflow-y: auto;
  font: inherit;
}
.chd .chd-composer__actions{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 6px;
}
.chd .chd-hint {
  font-size: 0.85rem;
  color: #6b7280;
}
.chd .chd-spacer {
  flex: 1;
}
.chd .chd-fab.has-unread::after {
  box-shadow: 0 0 0 3px #fff, 0 4px 10px rgba(0, 0, 0, 0.25);
  z-index: 2;
  pointer-events: none;
  display: block;
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  background: #EF4444;
  border-radius: 9999px;
  box-shadow: 0 0 0 2px #fff;
}
.chd .chd-contacts .chd-contact-row {
  position: relative;
}
.chd .chd-contacts .chd-contact-dot {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background: #EF4444;
  box-shadow: 0 0 0 2px #fff;
  pointer-events: none;
}
.chd .chd-peer__meta{
  display: flex;
  align-items: center;
  gap: 8px;
}
.chd .chd-peer__status {
  margin-left: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.chd .chd-presence {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 8px;
  background: #9ca3af;
}
.chd .chd-presence.on {
  background: #22c55e;
}
.chd .chd-presence.off {
  background: #9ca3af;
}
.chd .is-online {
  color: #22c55e;
}
.chd .is-offline {
  color: #9ca3af;
}
.chd .chd-contact-row {
  position: relative;
}
.chd .chd-presence-dot {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  box-shadow: 0 0 0 2px #fff;
}
.chd .chd-presence-dot.on {
  background: #22c55e;
}
.chd .chd-presence-dot.off {
  background: #9ca3af;
}
.chd .chd-bubble__meta{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  opacity: 0.8;
  font-size: 0.85em;
}
.chd .chd-bubble__ack {
  font-variant-numeric: tabular-nums;
}

.course-tool-chat {
  /* ---------- Buttons ---------- */
}
.course-tool-chat .btn {
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #E5E7EB;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: #374151;
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.course-tool-chat .btn:hover {
  background: #F9FAFB;
}
.course-tool-chat .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.course-tool-chat .btn-primary {
  background: #4F46E5;
  border-color: #4F46E5;
  color: #fff;
  box-shadow: 0 2px 6px rgba(79, 70, 229, 0.25);
}
.course-tool-chat .btn-primary:hover {
  background: #4338CA;
}
.course-tool-chat .btn-secondary {
  color: #374151;
}
.course-tool-chat .btn-tertiary{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: #4B5563;
}
.course-tool-chat .btn-danger-outline {
  border-color: #EF4444;
  color: #B91C1C;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.course-tool-chat .btn-danger-outline:hover {
  background: #FEE2E2;
}
.course-tool-chat {
  /* ---------- Textarea feel ---------- */
}
.course-tool-chat .chat-writer {
  line-height: 1.35;
  white-space: pre-wrap;
  word-break: break-word;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  letter-spacing: normal;
  resize: vertical;
}
.course-tool-chat {
  /* ---------- Chat history container ---------- */
}
.course-tool-chat .chat-history {
  background: #FAFAFA;
  border: 1px solid #F3F4F6;
  border-radius: 16px;
  padding: 12px;
  min-height: 220px;
  max-height: 50vh;
  overflow-y: auto;
}
.course-tool-chat {
  /* ---------- Bubbles (match backend HTML structure) ---------- */
}
.course-tool-chat .message-teacher,
.course-tool-chat .message-student{
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin: 10px 0;
}
.course-tool-chat .message-teacher {
  justify-content: flex-end;
}
.course-tool-chat .message-student {
  justify-content: flex-start;
}
.course-tool-chat .message-teacher .content-message,
.course-tool-chat .message-student .content-message {
  max-width: 72%;
  padding: 10px 12px;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.course-tool-chat .message-teacher .content-message {
  background: #4F46E5;
  color: #fff;
  border-top-right-radius: 4px;
}
.course-tool-chat .message-student .content-message {
  background: #F3F4F6;
  color: #111827;
  border-top-left-radius: 4px;
}
.course-tool-chat .chat-image {
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #E5E7EB;
}
.course-tool-chat .chat-message-block-name {
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 2px;
  color: currentColor;
}
.course-tool-chat .chat-message-block-content p {
  margin: 0;
}
.course-tool-chat .chat-message-block-content p + p {
  margin-top: 0.25rem;
}
.course-tool-chat .chat-message-block-content h1,
.course-tool-chat .chat-message-block-content h2,
.course-tool-chat .chat-message-block-content h3,
.course-tool-chat .chat-message-block-content h4,
.course-tool-chat .chat-message-block-content h5,
.course-tool-chat .chat-message-block-content h6 {
  margin: 0.25rem 0;
  font-size: 1em;
}
.course-tool-chat .chat-message-block-content ul,
.course-tool-chat .chat-message-block-content ol {
  margin: 0.25rem 0;
  padding-left: 1.25rem;
}
.course-tool-chat .chat-message-block-content blockquote {
  margin: 0.25rem 0;
  padding-left: 0.75rem;
  border-left: 3px solid #E5E7EB;
  color: #6B7280;
}
.course-tool-chat .message-date {
  font-size: 0.7rem;
  opacity: 0.8;
  margin-top: 6px;
  text-align: right;
  color: #E0E7FF; /* light for teacher bubble */
}
.course-tool-chat .message-student .message-date {
  color: #6B7280;
  text-align: left;
}
.course-tool-chat {
  /* Emoji popover */
}
.course-tool-chat #emoji-popover.emoji-popover {
  position: fixed;
  z-index: 50;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100vw - 24px);
  max-height: 18rem;
  overflow: auto;
  padding: 8px;
  border: 1px solid #E5E7EB;
  border-radius: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06);
}
.course-tool-chat #emoji-popover .emoji-btn {
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.25rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.course-tool-chat #emoji-popover .emoji-btn:hover {
  background: #F3F4F6;
}
.course-tool-chat #emoji-popover .emoji-btn:focus {
  outline: 2px solid rgba(79, 70, 229, 0.6);
  outline-offset: 2px;
}
.course-tool-chat {
  /* Emoji-friendly font stack */
}
.course-tool-chat #chat-writer, .course-tool-chat .chat-history, .course-tool-chat #emoji-popover {
  font-family: Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue";
}

@media (max-width: 720px) {
  .chd .chd-dock {
    width: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 10px;
  }
  .chd .chd-body {
    grid-template-columns: 1fr;
  }
  .chd .chd-sidebar {
    display: none;
  }
}
.blog-admin{
  width: 100%;
}
.blog-admin .field {
  margin-bottom: 0 !important;
}
.blog-admin .search-input :deep(input) {
  height: 40px;
  line-height: 40px;
}
.blog-admin .cards-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.field.blog-admin .cards-grid{
  margin-top: 0px;
}
.formgrid.blog-admin .cards-grid{
  margin-top: 0px;
}
.blog-admin .card {
  border-radius: 16px;
  border: 1px solid var(--surface-border, #e5e7eb);
  background: var(--surface-card, #fff);
  box-shadow: 0 6px 22px rgba(2, 6, 23, 0.05);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.blog-admin .card-head{
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.blog-admin .meta {
  font-size: 0.8rem;
  color: #6b7280;
}
.blog-admin .title {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}
.blog-admin .subtitle {
  font-size: 0.82rem;
  color: #6b7280;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.blog-admin .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  font-size: 0.75rem;
  border: 1px solid transparent;
}
.blog-admin .badge--ok {
  background: #ecfdf5;
  color: #065f46;
  border-color: #a7f3d0;
}
.blog-admin .badge--muted {
  background: #eef2f7;
  color: #334155;
  border-color: #d9e1ea;
}
.blog-admin .owner{
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #4b5563;
  font-size: 0.85rem;
}
.blog-admin .actions.icons{
  display: flex;
  justify-content: flex-end;
  gap: 0.45rem;
  margin-top: 0.35rem;
}
.blog-admin .footer{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding: 1rem;
}
.blog-admin .search-input {
  width: 16rem;
}
.blog-admin .card {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  transition: opacity 0.2s ease, filter 0.2s ease;
}
.blog-admin {
  /* visually mute hidden projects */
}
.blog-admin .card--hidden {
  opacity: 0.6;
  filter: grayscale(1);
}
.blog-admin .card-head{
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.blog-admin .meta {
  font-size: 0.75rem;
  color: #6b7280;
}
.blog-admin {
  /* clickable title */
}
.blog-admin .title {
  margin: 0.25rem 0;
  font-weight: 600;
}
.blog-admin .title-link {
  color: inherit;
  text-decoration: none;
}
.blog-admin .title-link:hover .title {
  text-decoration: underline;
}
.blog-admin .subtitle {
  color: #6b7280;
  font-size: 0.9rem;
}
.blog-admin .owner{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #374151;
  font-size: 0.9rem;
}
.blog-admin .actions.icons{
  display: flex;
  gap: 0.25rem;
  justify-content: flex-end;
}
.blog-admin .icon-btn {
  --tw-ring-color: transparent;
}

.blog-posts .field {
  margin-bottom: 0 !important;
}
.blog-posts .segmented {
  display: inline-flex;
  background: #f3f4f6;
  border-radius: 999px;
  padding: 0.125rem;
  border: 1px solid #e5e7eb;
}
.blog-posts .seg-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  font-size: 0.875rem;
  color: #374151;
  cursor: pointer;
}
.blog-posts .seg-btn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: #111827;
}
.blog-posts .segmented {
  display: inline-flex;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  overflow: hidden;
}
.blog-posts .seg-btn {
  padding: 0.35rem 0.6rem;
  font-size: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.blog-posts .seg-btn + .seg-btn {
  border-left: 1px solid #e5e7eb;
}
.blog-posts .seg-btn.active {
  background: #eef2ff;
  color: #4338ca;
  font-weight: 600;
}
.blog-posts .bg-gray-10 {
  background: #f4f5f7;
}
.blog-posts .bg-gray-20 {
  background: #f9fafb;
}
.blog-posts .blog-posts :is(h2, h3) {
  line-height: 1.2;
}

.blog-layout .calendar {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.blog-layout .cal-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.blog-layout .month {
  font-weight: 600;
  font-size: 0.85rem;
}
.blog-layout .nav {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
}
.blog-layout .nav:hover {
  background: #e5e7eb;
}
.blog-layout .day{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  height: 32px;
  font-size: 0.85rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.blog-layout .day:hover {
  background: #f9fafb;
}
.blog-layout .day.selected {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}

.cm-root {
  width: 100%;
}

:host, .cm-root {
  overflow-x: hidden;
}

.cm-layout .chk-success {
  accent-color: rgb(var(--color-success-base));
}
.cm-layout .opacity-60:hover {
  opacity: 0.85;
}
.cm-layout .link {
  color: #0ea5e9;
  text-decoration: none;
  cursor: pointer;
}
.cm-layout .link:hover {
  text-decoration: underline;
}

.reporting-students-card {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  background-color: #ffffff;
}
.reporting-students-card .panel,
.reporting-students-card fieldset {
  border-color: #e5e7eb;
}

#course_log,
.course-log-events-toolbar,
#group-reporting-toolbar {
  margin-top: 8px;
  margin-bottom: 8px;
}
#course_log .btn,
#course_log .form-control,
#course_log select,
.course-log-events-toolbar .btn,
.course-log-events-toolbar .form-control,
.course-log-events-toolbar select,
#group-reporting-toolbar .btn,
#group-reporting-toolbar .form-control,
#group-reporting-toolbar select {
  font-size: 13px;
}

.course-log-nav{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.course-log-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 9999px;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.course-log-nav-link:hover {
  background-color: #f3f4f6;
}
.course-log-nav-link.course-log-nav-link--active, .course-log-nav-link--active {
  background-color: #111827;
  color: #ffffff;
}
.course-log-nav-link.course-log-nav-link--active .course-log-nav-icon, .course-log-nav-link--active .course-log-nav-icon {
  color: #ffffff;
}

.course-log-nav-icon {
  font-size: 18px;
}

.tracking-grid-full {
  width: 100%;
  max-width: 100%;
  margin-top: 25px;
  padding: 0 16px;
  box-sizing: border-box;
}
.tracking-grid-full .ui-jqgrid,
.tracking-grid-full .ui-jqgrid-view,
.tracking-grid-full .ui-jqgrid-hdiv,
.tracking-grid-full .ui-jqgrid-bdiv,
.tracking-grid-full table {
  width: 100% !important;
}
.tracking-grid-full .ui-jqgrid-htable th {
  padding: 6px 8px;
  font-size: 13px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  white-space: nowrap;
}
.tracking-grid-full .ui-jqgrid-btable td {
  padding: 4px 8px;
  font-size: 13px;
}
.tracking-grid-full .ui-jqgrid-pager {
  padding: 4px 8px;
}
.tracking-grid-full .ui-pg-input,
.tracking-grid-full .ui-pg-selbox {
  height: 26px;
  line-height: 26px;
}

.course-log-page-title {
  width: 100%;
  max-width: 100%;
  padding: 8px 16px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
}
.course-log-page-title h1 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

.course-log-events-toolbar {
  width: 100%;
  max-width: 100%;
  margin-top: 8px;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.course-log-events-toolbar .actions {
  margin: 0;
}
.course-log-events-toolbar .actions form span {
  margin-right: 4px;
}

#group-reporting-toolbar,
#group-reporting-wrapper {
  max-width: 100%;
  margin: 12px auto;
  padding: 0 16px;
  box-sizing: border-box;
}

#group-reporting-wrapper .card {
  border-radius: 8px;
  border-color: #e5e7eb;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  min-height: 60vh;
  display: flex;
  flex-direction: column;
}

#group-reporting-wrapper table {
  width: 100%;
}

#gbox_group_users,
#gview_group_users,
#gview_group_users .ui-jqgrid-view,
#gview_group_users .ui-jqgrid-hdiv,
#gview_group_users .ui-jqgrid-bdiv,
#group_users,
#gbox_group_users .ui-jqgrid-htable,
#gbox_group_users .ui-jqgrid-btable {
  width: 100% !important;
}

#gbox_group_users .ui-jqgrid-htable th {
  padding: 6px 8px;
  font-size: 13px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

#gbox_group_users .ui-jqgrid-bdiv {
  min-height: 280px;
}

#gbox_group_users .ui-jqgrid-btable td {
  padding: 4px 8px;
  font-size: 13px;
}

#gbox_group_users .ui-jqgrid-pager {
  padding: 4px 8px;
}

#advanced_search_options {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px 18px;
  margin: 12px 0 16px;
}
#advanced_search_options .form-horizontal {
  margin-bottom: 0;
}
#advanced_search_options .form-group {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 6px 12px;
  align-items: flex-start;
  margin-bottom: 10px;
}
#advanced_search_options .form-group:last-child {
  margin-bottom: 0;
}
#advanced_search_options .control-label,
#advanced_search_options label.control-label {
  font-weight: 600;
  margin: 0;
  font-size: 13px;
  color: #374151;
  padding-top: 4px;
}
#advanced_search_options .form-control,
#advanced_search_options select,
#advanced_search_options .select2-container {
  width: 100% !important;
  max-width: 100%;
  font-size: 13px;
  padding: 4px 6px;
  height: auto;
}
#advanced_search_options .btn {
  font-size: 13px;
  padding: 4px 10px;
}
#advanced_search_options .has-long-list > div:last-child,
#advanced_search_options .has-long-list .col-sm-9 {
  max-height: 260px;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 6px 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
#advanced_search_options .has-long-list .radio,
#advanced_search_options .has-long-list .checkbox {
  margin: 0 0 4px 0;
}
@media (min-width: 992px) {
  #advanced_search_options .has-long-list > div:last-child,
  #advanced_search_options .has-long-list .col-sm-9 {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  #advanced_search_options .has-long-list .radio,
  #advanced_search_options .has-long-list .checkbox {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
@media (max-width: 991px) {
  #advanced_search_options .form-group {
    grid-template-columns: 1fr;
  }
}

#advanced_search_options #extra_fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px 18px;
  align-items: flex-start;
  margin-top: 6px;
}
#advanced_search_options #extra_fields > span{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#advanced_search_options #extra_fields label {
  font-weight: 600;
  font-size: 13px;
  color: #374151;
  margin-bottom: 2px;
}
#advanced_search_options #extra_fields input[type=text],
#advanced_search_options #extra_fields select,
#advanced_search_options #extra_fields .flatpickr-wrapper,
#advanced_search_options #extra_fields .p-inputtext,
#advanced_search_options #extra_fields .p-select {
  width: 100%;
}
#advanced_search_options #extra_fields .field-radiobutton {
  width: 50%;
  float: left;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
#advanced_search_options #extra_fields .field-radiobutton label {
  margin: 0;
}

#reporting_table {
  margin-top: 8px;
}
#reporting_table .data_table {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}
#reporting_table .data_table th,
#reporting_table .data_table td {
  padding: 4px 6px;
  font-size: 13px;
  vertical-align: middle;
}
#reporting_table .data_table th {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
#reporting_table .data_table tr:nth-child(even) td {
  background: #fdfdfd;
}

#unhideButtons {
  margin: 12px 0 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.user-teacher,
.user-coachs {
  list-style: none;
  padding-left: 0;
  margin: 4px 0 0;
}
.user-teacher li,
.user-coachs li{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  padding: 2px 0;
}

.course-log-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 16px 0 8px;
}

.course-log-meta__column {
  flex: 1 1 280px;
  min-width: 260px;
}

.course-log-card {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #ffffff;
  padding: 12px 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.course-log-card__header{
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}
.course-log-card__icon {
  font-size: 18px;
}
.course-log-card__title {
  font-weight: 600;
  font-size: 14px;
  color: #111827;
}
.course-log-card__subsection-title {
  font-weight: 600;
  font-size: 13px;
  margin-top: 8px;
  margin-bottom: 2px;
  color: #4b5563;
}
.course-log-card__body {
  font-size: 13px;
}

/* Card used for each boss column */
.boss_column{
  display: flex;
  flex-direction: column;
  background-color: #f9fafb;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  padding: 0.75rem 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  min-width: 230px;
  max-width: 260px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.boss_column h5 {
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

.boss_column table {
  font-size: 0.8rem;
}

.boss_column .add_user {
  margin-top: 0.75rem;
  border-top: 1px solid #e5e7eb;
  padding-top: 0.5rem;
}

.row .col-md-1{
  display: flex;
  flex: 0 0 auto;
}

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

.flex-row{
  display: flex;
  flex-direction: row !important;
}

.reporting-admin-card {
  border-color: #e5e7eb !important;
  border-width: 1px !important;
}

.reporting-admin-card .panel,
.reporting-admin-card fieldset {
  border-color: #e5e7eb !important;
}

.admin-report-card-active {
  border-color: #0284c7 !important;
  background-color: #e0f2fe !important;
}

.reporting-admin-card {
  border-color: #e5e7eb !important;
  border-width: 1px !important;
}

.reporting-admin-card .panel,
.reporting-admin-card fieldset {
  border-color: #e5e7eb !important;
}

.course-log-session-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.course-log-session-item{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 0;
  font-size: 13px;
}

table.session-metrics-header {
  width: 100%;
  border-collapse: collapse;
}

table.session-metrics-header th {
  padding: 4px 6px;
  border-bottom: 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-align: center;
  white-space: normal;
  line-height: 1.2;
}

table.session-metrics-header th:first-child {
  text-align: left;
}

table.session-metrics-header th span{
  display: block;
  transform: none !important;
  writing-mode: horizontal-tb !important;
}

.mejs__container{
  display: inline-block;
  max-width: 100%;
  border-radius: 0.5rem;
  background-color: transparent;
}

.mejs__container:focus{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2);
  --tw-shadow-colored: 0 4px 12px 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);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (min-width: 768px){
  .mejs__container{
    max-width: none;
  }
}
.mejs__container video{
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.mejs__mediaelement > [id^=mejs_]{
  height: 100%;
  width: 100%;
}
.mejs__poster{
  max-width: 100%;
  border-radius: 0.5rem;
  background-size: contain;
}
@media (min-width: 768px){
  .mejs__poster{
    max-width: none;
  }
}
.mejs__poster-img{
  border-radius: 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.mejs__overlay{
  max-width: 100%;
  border-radius: 0.5rem;
  background-color: rgba(46, 117, 163, 0.5);
}
@media (min-width: 768px){
  .mejs__overlay{
    max-width: none;
  }
}
.mejs__overlay-error{
  height: 100%;
  width: 100%;
}
.mejs__overlay-error img{
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.mejs__overlay-loading svg{
  fill: currentColor;
}
.mejs__overlay-loading-bg-img{
  display: block;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.mejs__overlay-play{
  cursor: pointer;
}
.mejs__overlay-button{
  border-width: 0px;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.mejs__overlay-button svg{
  fill: currentColor;
}
.mejs__controls:not([style*="display: none"]){
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  background-image: none;
}
.mejs__controls:not([style*="display: none"]) button{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.mejs__controls:not([style*="display: none"]) svg{
  fill: currentColor;
}
.mejs__currenttime, .mejs__duration{
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.mejs__time-total, .mejs__time-buffering, .mejs__time-loaded{
  overflow: hidden;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.12);
}
.mejs__time-hovered{
  border-radius: 0.5rem;
  background-color: rgba(250, 250, 250, 0.5);
}
.mejs__time-current{
  border-radius: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}
.mejs__time-handle-content{
  border-color: rgba(46, 117, 163, 0.5);
}
.mejs__volume-button > .mejs__volume-slider{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.mejs__volume-total{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.mejs__volume-current, .mejs__volume-handle{
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.mejs__volume-handle{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.mejs__horizontal-volume-total{
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: none;
  background-color: rgba(0, 0, 0, 0.12);
}
.mejs__horizontal-volume-current{
  border-radius: 0.5rem;
  border-width: 0px;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}

.fc .fc-button{
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  font-weight: 600;
  outline-color: transparent;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.fc .fc-button:disabled{
  cursor: default;
  opacity: 0.6;
}

.fc .fc-button {
  padding: calc(0.5rem - 1px) calc(1rem - 1px);
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.attendance-page .fc .fc-button {
  vertical-align: middle;
}
.fc .fc-button{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.fc .fc-button:hover, .fc .fc-button:focus{
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.fc .fc-button:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  opacity: 0.6;
}
.cm-layout .fc .fc-button:disabled:hover {
  opacity: 0.85;
}
.fc .fc-button-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.fc .fc-button-primary:hover, .fc .fc-button-primary:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1));
  --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);
}
.fc .fc-button-primary:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  opacity: 0.6;
}
.cm-layout .fc .fc-button-primary:disabled:hover {
  opacity: 0.85;
}
.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1));
  --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);
}
.fc .fc-button .fc-icon{
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 1;
}
.fc .fc-button .fc-icon::before {
  vertical-align: bottom;
}

.fc .calendar-event--wrapped, .fc .calendar-event--wrapped .fc-event-main, .fc .calendar-event--wrapped .fc-event-main-frame, .fc .calendar-event--wrapped .fc-event-title, .fc .calendar-event--wrapped .fc-event-time, .fc .calendar-event--wrapped .fc-list-event-title, .fc .fc-daygrid-dot-event .fc-event-title, .fc .fc-daygrid-block-event .fc-event-title, .fc .fc-timegrid-event .fc-event-title, .fc .fc-timegrid-event .fc-event-time{
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: break-word;
}
.fc .fc-daygrid-event-harness{
  margin-bottom: 0.125rem;
}
.fc .fc-timegrid-event .fc-event-main{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

/*!
 * Cropper v4.1.0
 * https://fengyuanchen.github.io/cropper
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-12T07:43:47.783Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 20px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
  line-height: normal;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
  line-height: normal;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  padding: 0 20px 0 0;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  left: auto;
  right: 0;
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: rgb(246.5, 246.5, 246.5);
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges, .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
/**
 * Copyright (c) Tiny Technologies, Inc. All rights reserved.
 * Licensed under the LGPL or a commercial license.
 * For LGPL see License.txt in the project root for license information.
 * For commercial licenses see https://www.tiny.cloud/
 */
.tox {
  box-shadow: none;
  box-sizing: content-box;
  color: #222f3e;
  cursor: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  vertical-align: initial;
  white-space: normal;
}

.tox *:not(svg):not(rect) {
  box-sizing: inherit;
  color: inherit;
  cursor: inherit;
  direction: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-shadow: inherit;
  text-transform: inherit;
  vertical-align: inherit;
  white-space: inherit;
  /* stylelint-disable-line no-duplicate-selectors */
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  height: auto;
  margin: 0;
  max-width: none;
  outline: 0;
  padding: 0;
  position: static;
  width: auto;
}

.tox:not([dir=rtl]) {
  direction: ltr;
  text-align: left;
}

.tox[dir=rtl] {
  direction: rtl;
  text-align: right;
}

.tox-tinymce {
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  overflow: hidden;
  position: relative;
  visibility: inherit !important;
}

.tox-tinymce-inline {
  border: none;
  box-shadow: none;
}

.tox-tinymce-inline .tox-editor-header {
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
}

.tox-tinymce-aux {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  z-index: 1300;
}

.tox-tinymce *:focus,
.tox-tinymce-aux *:focus {
  outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

.tox[dir=rtl] .tox-icon--flip svg {
  transform: rotateY(180deg);
}

.tox .accessibility-issue__header {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}

.tox .accessibility-issue__description {
  align-items: stretch;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
}

.tox .accessibility-issue__description > div {
  padding-bottom: 4px;
}

.tox .accessibility-issue__description > div > div {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}

.tox .accessibility-issue__description > *:last-child:not(:only-child) {
  border-color: #cccccc;
  border-style: solid;
}

.tox .accessibility-issue__repair {
  margin-top: 16px;
}

.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
  background-color: rgba(32, 122, 183, 0.1);
  border-color: rgba(32, 122, 183, 0.4);
  color: #222f3e;
}

.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
  border-color: rgba(32, 122, 183, 0.4);
}

.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
  color: #207ab7;
}

.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
  fill: #207ab7;
}

.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
  color: #207ab7;
}

.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
  background-color: rgba(255, 165, 0, 0.1);
  border-color: rgba(255, 165, 0, 0.5);
  color: #222f3e;
}

.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
  border-color: rgba(255, 165, 0, 0.5);
}

.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
  color: #cc8500;
}

.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
  fill: #cc8500;
}

.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
  color: #cc8500;
}

.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
  background-color: rgba(204, 0, 0, 0.1);
  border-color: rgba(204, 0, 0, 0.4);
  color: #222f3e;
}

.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
  border-color: rgba(204, 0, 0, 0.4);
}

.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
  color: #c00;
}

.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
  fill: #c00;
}

.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
  color: #c00;
}

.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
  background-color: rgba(120, 171, 70, 0.1);
  border-color: rgba(120, 171, 70, 0.4);
  color: #222f3e;
}

.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
  border-color: rgba(120, 171, 70, 0.4);
}

.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
  color: #78AB46;
}

.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
  fill: #78AB46;
}

.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
  color: #78AB46;
}

.tox .tox-dialog__body-content .accessibility-issue__header h1,
.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
  margin-top: 0;
}

.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-left: 4px;
}

.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  margin-left: auto;
}

.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
  padding: 4px 4px 4px 8px;
}

.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
  border-left-width: 1px;
  padding-left: 4px;
}

.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-right: 4px;
}

.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  margin-right: auto;
}

.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
  padding: 4px 8px 4px 4px;
}

.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
  border-right-width: 1px;
  padding-right: 4px;
}

.tox .tox-anchorbar {
  display: flex;
  flex: 0 0 auto;
}

.tox .tox-bar {
  display: flex;
  flex: 0 0 auto;
}

.tox .tox-button {
  background-color: #207ab7;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #207ab7;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 24px;
  margin: 0;
  outline: none;
  padding: 4px 16px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
}

.tox .tox-button[disabled] {
  background-color: #207ab7;
  background-image: none;
  border-color: #207ab7;
  box-shadow: none;
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.tox .tox-button:focus:not(:disabled) {
  background-color: #1c6ca1;
  background-image: none;
  border-color: #1c6ca1;
  box-shadow: none;
  color: #fff;
}

.tox .tox-button:hover:not(:disabled) {
  background-color: #1c6ca1;
  background-image: none;
  border-color: #1c6ca1;
  box-shadow: none;
  color: #fff;
}

.tox .tox-button:active:not(:disabled) {
  background-color: #185d8c;
  background-image: none;
  border-color: #185d8c;
  box-shadow: none;
  color: #fff;
}

.tox .tox-button--secondary {
  background-color: #f0f0f0;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  border-color: #f0f0f0;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  outline: none;
  padding: 4px 16px;
  text-decoration: none;
  text-transform: none;
}

.tox .tox-button--secondary[disabled] {
  background-color: #f0f0f0;
  background-image: none;
  border-color: #f0f0f0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}

.tox .tox-button--secondary:focus:not(:disabled) {
  background-color: #e3e3e3;
  background-image: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-button--secondary:hover:not(:disabled) {
  background-color: #e3e3e3;
  background-image: none;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-button--secondary:active:not(:disabled) {
  background-color: #d6d6d6;
  background-image: none;
  border-color: #d6d6d6;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-button--icon,
.tox .tox-button.tox-button--icon,
.tox .tox-button.tox-button--secondary.tox-button--icon {
  padding: 4px;
}

.tox .tox-button--icon .tox-icon svg,
.tox .tox-button.tox-button--icon .tox-icon svg,
.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
  display: block;
  fill: currentColor;
}

.tox .tox-button-link {
  background: 0;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.tox .tox-button-link--sm {
  font-size: 14px;
}

.tox .tox-button--naked {
  background-color: transparent;
  border-color: transparent;
  box-shadow: unset;
  color: #222f3e;
}

.tox .tox-button--naked[disabled] {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}

.tox .tox-button--naked:hover:not(:disabled) {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-button--naked:focus:not(:disabled) {
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-button--naked:active:not(:disabled) {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-button--naked .tox-icon svg {
  fill: currentColor;
}

.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
  color: #222f3e;
}

.tox .tox-checkbox {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  height: 36px;
  min-width: 36px;
}

.tox .tox-checkbox__input {
  /* Hide from view but visible to screen readers */
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.tox .tox-checkbox__icons {
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 0 0 2px transparent;
  box-sizing: content-box;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 3px;
  width: 24px;
}

.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: block;
  fill: rgba(34, 47, 62, 0.3);
}

.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: none;
  fill: #207ab7;
}

.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: none;
  fill: #207ab7;
}

.tox .tox-checkbox--disabled {
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}

.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  fill: rgba(34, 47, 62, 0.5);
}

.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  fill: rgba(34, 47, 62, 0.5);
}

.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  fill: rgba(34, 47, 62, 0.5);
}

.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: none;
}

.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: block;
}

.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: none;
}

.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: block;
}

.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #207ab7;
  padding: 3px;
}

.tox:not([dir=rtl]) .tox-checkbox__label {
  margin-left: 4px;
}

.tox:not([dir=rtl]) .tox-checkbox__input {
  left: -10000px;
}

.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
  margin-left: 4px;
}

.tox[dir=rtl] .tox-checkbox__label {
  margin-right: 4px;
}

.tox[dir=rtl] .tox-checkbox__input {
  right: -10000px;
}

.tox[dir=rtl] .tox-bar .tox-checkbox {
  margin-right: 4px;
}

.tox {
  /* stylelint-disable-next-line no-descending-specificity */
}

.tox .tox-collection--toolbar .tox-collection__group {
  display: flex;
  padding: 0;
}

.tox .tox-collection--grid .tox-collection__group {
  display: flex;
  flex-wrap: wrap;
  max-height: 208px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}

.tox .tox-collection--list .tox-collection__group {
  border-bottom-width: 0;
  border-color: #cccccc;
  border-left-width: 0;
  border-right-width: 0;
  border-style: solid;
  border-top-width: 1px;
  padding: 4px 0;
}

.tox .tox-collection--list .tox-collection__group:first-child {
  border-top-width: 0;
}

.tox .tox-collection__group-heading {
  background-color: #e6e6e6;
  color: rgba(34, 47, 62, 0.7);
  cursor: default;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-top: -4px;
  padding: 4px 8px;
  text-transform: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tox .tox-collection__item {
  align-items: center;
  color: #222f3e;
  cursor: pointer;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.tox .tox-collection--list .tox-collection__item {
  padding: 4px 8px;
}

.tox .tox-collection--toolbar .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}

.tox .tox-collection--grid .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}

.tox .tox-collection--list .tox-collection__item--enabled {
  background-color: #fff;
  color: #222f3e;
}

.tox .tox-collection--list .tox-collection__item--active {
  background-color: #dee0e2;
}

.tox .tox-collection--toolbar .tox-collection__item--enabled {
  background-color: #c8cbcf;
  color: #222f3e;
}

.tox .tox-collection--toolbar .tox-collection__item--active {
  background-color: #dee0e2;
}

.tox .tox-collection--grid .tox-collection__item--enabled {
  background-color: #c8cbcf;
  color: #222f3e;
}

.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #dee0e2;
  color: #222f3e;
}

.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: #222f3e;
}

.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: #222f3e;
}

.tox .tox-collection__item-icon,
.tox .tox-collection__item-checkmark {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.tox .tox-collection__item-icon svg,
.tox .tox-collection__item-checkmark svg {
  fill: currentColor;
}

.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  height: 48px;
  width: 48px;
}

.tox .tox-collection__item-label {
  color: currentColor;
  display: inline-block;
  flex: 1;
  -ms-flex-preferred-size: auto;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  text-transform: none;
  word-break: break-all;
}

.tox .tox-collection__item-accessory {
  color: rgba(34, 47, 62, 0.7);
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  text-transform: none;
}

.tox .tox-collection__item-caret {
  align-items: center;
  display: flex;
  min-height: 24px;
}

.tox .tox-collection__item-caret::after {
  content: "";
  font-size: 0;
  min-height: inherit;
}

.tox .tox-collection__item-caret svg {
  fill: #222f3e;
}

.tox .tox-collection__item--state-disabled {
  background-color: transparent;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}

.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
  fill: rgba(34, 47, 62, 0.5);
}

.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  display: none;
}

.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
  display: none;
}

.tox .tox-collection--horizontal {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-bottom: 0;
  overflow-x: auto;
  padding: 0;
}

.tox .tox-collection--horizontal .tox-collection__group {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 4px;
}

.tox .tox-collection--horizontal .tox-collection__item {
  height: 34px;
  margin: 2px 0 3px 0;
  padding: 0 4px;
}

.tox .tox-collection--horizontal .tox-collection__item-label {
  white-space: nowrap;
}

.tox .tox-collection--horizontal .tox-collection__item-caret {
  margin-left: 4px;
}

.tox .tox-collection__item-container {
  display: flex;
}

.tox .tox-collection__item-container--row {
  align-items: center;
  flex: 1 1 auto;
  flex-direction: row;
}

.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
  margin-right: auto;
}

.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
  justify-content: flex-end;
  margin-left: auto;
}

.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
  align-items: flex-start;
  margin-bottom: auto;
}

.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
  align-items: center;
}

.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
  align-items: flex-end;
  margin-top: auto;
}

.tox .tox-collection__item-container--column {
  align-self: center;
  flex: 1 1 auto;
  flex-direction: column;
}

.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
  align-items: flex-start;
}

.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
  align-items: flex-end;
}

.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
  align-self: flex-start;
}

.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
  align-self: center;
}

.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
  align-self: flex-end;
}

.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-right: 1px solid #cccccc;
}

.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
  margin-left: 8px;
}

.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-left: 4px;
}

.tox:not([dir=rtl]) .tox-collection__item-accessory {
  margin-left: 16px;
  text-align: right;
}

.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
  margin-left: 16px;
}

.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-left: 1px solid #cccccc;
}

.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
  margin-right: 8px;
}

.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-right: 4px;
}

.tox[dir=rtl] .tox-collection__item-accessory {
  margin-right: 16px;
  text-align: left;
}

.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
  margin-right: 16px;
  transform: rotateY(180deg);
}

.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
  margin-right: 4px;
}

.tox .tox-color-picker-container {
  display: flex;
  flex-direction: row;
  height: 225px;
  margin: 0;
}

.tox .tox-sv-palette {
  box-sizing: border-box;
  display: flex;
  height: 100%;
}

.tox .tox-sv-palette-spectrum {
  height: 100%;
}

.tox .tox-sv-palette,
.tox .tox-sv-palette-spectrum {
  width: 225px;
}

.tox .tox-sv-palette-thumb {
  background: none;
  border: 1px solid black;
  border-radius: 50%;
  box-sizing: content-box;
  height: 12px;
  position: absolute;
  width: 12px;
}

.tox .tox-sv-palette-inner-thumb {
  border: 1px solid white;
  border-radius: 50%;
  height: 10px;
  position: absolute;
  width: 10px;
}

.tox .tox-hue-slider {
  box-sizing: border-box;
  height: 100%;
  width: 25px;
}

.tox .tox-hue-slider-spectrum {
  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
  height: 100%;
  width: 100%;
}

.tox .tox-hue-slider,
.tox .tox-hue-slider-spectrum {
  width: 20px;
}

.tox .tox-hue-slider-thumb {
  background: white;
  border: 1px solid black;
  box-sizing: content-box;
  height: 4px;
  width: 100%;
}

.tox .tox-rgb-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tox .tox-rgb-form div {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  width: inherit;
}

.tox .tox-rgb-form input {
  width: 6em;
}

.tox .tox-rgb-form input.tox-invalid {
  /* Need !important to override Chrome's focus styling unfortunately */
  border: 1px solid red !important;
}

.tox .tox-rgb-form .tox-rgba-preview {
  border: 1px solid black;
  flex-grow: 2;
  margin-bottom: 0;
}

.tox:not([dir=rtl]) .tox-sv-palette {
  margin-right: 15px;
}

.tox:not([dir=rtl]) .tox-hue-slider {
  margin-right: 15px;
}

.tox:not([dir=rtl]) .tox-hue-slider-thumb {
  margin-left: -1px;
}

.tox:not([dir=rtl]) .tox-rgb-form label {
  margin-right: 0.5em;
}

.tox[dir=rtl] .tox-sv-palette {
  margin-left: 15px;
}

.tox[dir=rtl] .tox-hue-slider {
  margin-left: 15px;
}

.tox[dir=rtl] .tox-hue-slider-thumb {
  margin-right: -1px;
}

.tox[dir=rtl] .tox-rgb-form label {
  margin-left: 0.5em;
}

.tox .tox-toolbar .tox-swatches,
.tox .tox-toolbar__primary .tox-swatches,
.tox .tox-toolbar__overflow .tox-swatches {
  margin: 2px 0 3px 4px;
}

.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
  border: 0;
  margin: -4px 0;
}

.tox .tox-swatches__row {
  display: flex;
}

.tox .tox-swatch {
  height: 30px;
  transition: transform 0.15s, box-shadow 0.15s;
  width: 30px;
}

.tox .tox-swatch:hover,
.tox .tox-swatch:focus {
  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
  transform: scale(0.8);
}

.tox .tox-swatch--remove {
  align-items: center;
  display: flex;
  justify-content: center;
}

.tox .tox-swatch--remove svg path {
  stroke: #e74c3c;
}

.tox .tox-swatches__picker-btn {
  align-items: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 30px;
}

.tox .tox-swatches__picker-btn svg {
  height: 24px;
  width: 24px;
}

.tox .tox-swatches__picker-btn:hover {
  background: #dee0e2;
}

.tox:not([dir=rtl]) .tox-swatches__picker-btn {
  margin-left: auto;
}

.tox[dir=rtl] .tox-swatches__picker-btn {
  margin-right: auto;
}

.tox .tox-comment-thread {
  background: #fff;
  position: relative;
}

.tox .tox-comment-thread > *:not(:first-child) {
  margin-top: 8px;
}

.tox .tox-comment {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  padding: 8px 8px 16px 8px;
  position: relative;
}

.tox .tox-comment__header {
  align-items: center;
  color: #222f3e;
  display: flex;
  justify-content: space-between;
}

.tox .tox-comment__date {
  color: rgba(34, 47, 62, 0.7);
  font-size: 12px;
}

.tox .tox-comment__body {
  color: #222f3e;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 8px;
  position: relative;
  text-transform: initial;
}

.tox .tox-comment__body textarea {
  resize: none;
  white-space: normal;
  width: 100%;
}

.tox .tox-comment__expander {
  padding-top: 8px;
}

.tox .tox-comment__expander p {
  color: rgba(34, 47, 62, 0.7);
  font-size: 14px;
  font-style: normal;
}

.tox .tox-comment__body p {
  margin: 0;
}

.tox .tox-comment__buttonspacing {
  padding-top: 16px;
  text-align: center;
}

.tox .tox-comment-thread__overlay::after {
  background: #fff;
  bottom: 0;
  content: "";
  display: flex;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

.tox .tox-comment__reply {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 8px;
}

.tox .tox-comment__reply > *:first-child {
  margin-bottom: 8px;
  width: 100%;
}

.tox .tox-comment__edit {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 16px;
}

.tox .tox-comment__gradient::after {
  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
  bottom: 0;
  content: "";
  display: block;
  height: 5em;
  margin-top: -40px;
  position: absolute;
  width: 100%;
}

.tox .tox-comment__overlay {
  background: #fff;
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 5;
}

.tox .tox-comment__loading-text {
  align-items: center;
  color: #222f3e;
  display: flex;
  flex-direction: column;
  position: relative;
}

.tox .tox-comment__loading-text > div {
  padding-bottom: 16px;
}

.tox .tox-comment__overlaytext {
  bottom: 0;
  flex-direction: column;
  font-size: 14px;
  left: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.tox .tox-comment__overlaytext p {
  background-color: #fff;
  box-shadow: 0 0 8px 8px #fff;
  color: #222f3e;
  text-align: center;
}

.tox .tox-comment__overlaytext div:nth-of-type(2) {
  font-size: 0.8em;
}

.tox .tox-comment__busy-spinner {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}

.tox .tox-comment__scroll {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  overflow: auto;
}

.tox .tox-conversations {
  margin: 8px;
}

.tox:not([dir=rtl]) .tox-comment__edit {
  margin-left: 8px;
}

.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
  margin-left: 8px;
}

.tox[dir=rtl] .tox-comment__edit {
  margin-right: 8px;
}

.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
.tox[dir=rtl] .tox-comment__edit > *:last-child,
.tox[dir=rtl] .tox-comment__reply > *:last-child {
  margin-right: 8px;
}

.tox .tox-user {
  align-items: center;
  display: flex;
}

.tox .tox-user__avatar svg {
  fill: rgba(34, 47, 62, 0.7);
}

.tox .tox-user__name {
  color: rgba(34, 47, 62, 0.7);
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}

.tox:not([dir=rtl]) .tox-user__avatar svg {
  margin-right: 8px;
}

.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
  margin-left: 8px;
}

.tox[dir=rtl] .tox-user__avatar svg {
  margin-left: 8px;
}

.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
  margin-right: 8px;
}

.tox .tox-dialog-wrap {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1100;
}

.tox .tox-dialog-wrap__backdrop {
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.tox .tox-dialog-wrap__backdrop--opaque {
  background-color: #fff;
}

.tox .tox-dialog {
  background-color: #fff;
  border-color: #cccccc;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 480px;
  overflow: hidden;
  position: relative;
  width: 95vw;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-dialog {
    align-self: flex-start;
    margin: 8px auto;
    width: calc(100vw - 16px);
  }
}
.tox .tox-dialog-inline {
  z-index: 1100;
}

.tox .tox-dialog__header {
  align-items: center;
  background-color: #fff;
  border-bottom: none;
  color: #222f3e;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  padding: 8px 16px 0 16px;
  position: relative;
}

.tox .tox-dialog__header .tox-button {
  z-index: 1;
}

.tox .tox-dialog__draghandle {
  cursor: grab;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tox .tox-dialog__draghandle:active {
  cursor: grabbing;
}

.tox .tox-dialog__dismiss {
  margin-left: auto;
}

.tox .tox-dialog__title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  margin: 0;
  text-transform: none;
}

.tox .tox-dialog__body {
  color: #222f3e;
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  min-width: 0;
  text-align: left;
  text-transform: none;
}

@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-dialog__body {
    flex-direction: column;
  }
}
.tox .tox-dialog__body-nav {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 16px 16px;
}

@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    padding-bottom: 0;
  }
}
.tox .tox-dialog__body-nav-item {
  border-bottom: 2px solid transparent;
  color: rgba(34, 47, 62, 0.7);
  display: inline-block;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 8px;
  text-decoration: none;
  white-space: nowrap;
}

.tox .tox-dialog__body-nav-item:focus {
  background-color: rgba(32, 122, 183, 0.1);
}

.tox .tox-dialog__body-nav-item--active {
  border-bottom: 2px solid #207ab7;
  color: #207ab7;
}

.tox .tox-dialog__body-content {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  -ms-flex-preferred-size: auto;
  max-height: 650px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px;
}

.tox .tox-dialog__body-content > * {
  margin-bottom: 0;
  margin-top: 16px;
}

.tox .tox-dialog__body-content > *:first-child {
  margin-top: 0;
}

.tox .tox-dialog__body-content > *:last-child {
  margin-bottom: 0;
}

.tox .tox-dialog__body-content > *:only-child {
  margin-bottom: 0;
  margin-top: 0;
}

.tox .tox-dialog__body-content a {
  color: #207ab7;
  cursor: pointer;
  text-decoration: none;
}

.tox .tox-dialog__body-content a:hover,
.tox .tox-dialog__body-content a:focus {
  color: #185d8c;
  text-decoration: none;
}

.tox .tox-dialog__body-content a:active {
  color: #185d8c;
  text-decoration: none;
}

.tox .tox-dialog__body-content svg {
  fill: #222f3e;
}

.tox .tox-dialog__body-content ul {
  display: block;
  list-style-type: disc;
  margin-bottom: 16px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 2.5rem;
}

.tox .tox-dialog__body-content .tox-form__group h1 {
  color: #222f3e;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  margin-bottom: 16px;
  margin-top: 2rem;
  text-transform: none;
}

.tox .tox-dialog__body-content .tox-form__group h2 {
  color: #222f3e;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  margin-bottom: 16px;
  margin-top: 2rem;
  text-transform: none;
}

.tox .tox-dialog__body-content .tox-form__group p {
  margin-bottom: 16px;
}

.tox .tox-dialog__body-content .tox-form__group h1:first-child,
.tox .tox-dialog__body-content .tox-form__group h2:first-child,
.tox .tox-dialog__body-content .tox-form__group p:first-child {
  margin-top: 0;
}

.tox .tox-dialog__body-content .tox-form__group h1:last-child,
.tox .tox-dialog__body-content .tox-form__group h2:last-child,
.tox .tox-dialog__body-content .tox-form__group p:last-child {
  margin-bottom: 0;
}

.tox .tox-dialog__body-content .tox-form__group h1:only-child,
.tox .tox-dialog__body-content .tox-form__group h2:only-child,
.tox .tox-dialog__body-content .tox-form__group p:only-child {
  margin-bottom: 0;
  margin-top: 0;
}

.tox .tox-dialog--width-lg {
  height: 650px;
  max-width: 1200px;
}

.tox .tox-dialog--width-md {
  max-width: 800px;
}

.tox .tox-dialog--width-md .tox-dialog__body-content {
  overflow: auto;
}

.tox .tox-dialog__body-content--centered {
  text-align: center;
}

.tox .tox-dialog__footer {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #cccccc;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
}

.tox .tox-dialog__footer-start,
.tox .tox-dialog__footer-end {
  display: flex;
}

.tox .tox-dialog__busy-spinner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.75);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.tox .tox-dialog__table {
  border-collapse: collapse;
  width: 100%;
}

.tox .tox-dialog__table thead th {
  font-weight: bold;
  padding-bottom: 8px;
}

.tox .tox-dialog__table tbody tr {
  border-bottom: 1px solid #cccccc;
}

.tox .tox-dialog__table tbody tr:last-child {
  border-bottom: none;
}

.tox .tox-dialog__table td {
  padding-bottom: 8px;
  padding-top: 8px;
}

.tox .tox-dialog__popups {
  position: absolute;
  width: 100%;
  z-index: 1100;
}

.tox .tox-dialog__body-iframe {
  display: flex;
  flex: 1;
  flex-direction: column;
  -ms-flex-preferred-size: auto;
}

.tox .tox-dialog__body-iframe .tox-navobj {
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
}

.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
  flex: 1;
  -ms-flex-preferred-size: auto;
  height: 100%;
}

.tox .tox-dialog-dock-fadeout {
  opacity: 0;
  visibility: hidden;
}

.tox .tox-dialog-dock-fadein {
  opacity: 1;
  visibility: visible;
}

.tox .tox-dialog-dock-transition {
  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}

.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
  transition-delay: 0s;
}

.tox.tox-platform-ie {
  /* IE11 CSS styles go here */
}

.tox.tox-platform-ie .tox-dialog-wrap {
  position: -ms-device-fixed;
}

@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
    margin-right: 0;
  }
  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
    margin-left: 8px;
  }
}
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
  margin-left: 8px;
}

.tox[dir=rtl] .tox-dialog__body {
  text-align: right;
}

@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
    margin-left: 0;
  }
  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
    margin-right: 8px;
  }
}
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
  margin-right: 8px;
}

body.tox-dialog__disable-scroll {
  overflow: hidden;
}

.tox .tox-dropzone-container {
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
}

.tox .tox-dropzone {
  align-items: center;
  background: #fff;
  border: 2px dashed #cccccc;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  min-height: 100px;
  padding: 10px;
}

.tox .tox-dropzone p {
  color: rgba(34, 47, 62, 0.7);
  margin: 0 0 16px 0;
}

.tox .tox-edit-area {
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
  overflow: hidden;
  position: relative;
}

.tox .tox-edit-area__iframe {
  background-color: #fff;
  border: 0;
  box-sizing: border-box;
  flex: 1;
  -ms-flex-preferred-size: auto;
  height: 100%;
  position: absolute;
  width: 100%;
}

.tox.tox-inline-edit-area {
  border: 1px dotted #cccccc;
}

.tox .tox-editor-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}

.tox .tox-editor-header {
  z-index: 1;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
  box-shadow: none;
  transition: box-shadow 0.5s;
}

.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
.tox.tox-tinymce-inline .tox-editor-header {
  margin-bottom: -1px;
}

.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
  background-color: transparent;
  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
}

.tox-editor-dock-fadeout {
  opacity: 0;
  visibility: hidden;
}

.tox-editor-dock-fadein {
  opacity: 1;
  visibility: visible;
}

.tox-editor-dock-transition {
  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
}

.tox-editor-dock-transition.tox-editor-dock-fadein {
  transition-delay: 0s;
}

.tox .tox-control-wrap {
  flex: 1;
  position: relative;
}

.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
  display: none;
}

.tox .tox-control-wrap svg {
  display: block;
}

.tox .tox-control-wrap__status-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.tox .tox-control-wrap__status-icon-invalid svg {
  fill: #c00;
}

.tox .tox-control-wrap__status-icon-unknown svg {
  fill: orange;
}

.tox .tox-control-wrap__status-icon-valid svg {
  fill: green;
}

.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
  padding-right: 32px;
}

.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
  right: 4px;
}

.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
  padding-left: 32px;
}

.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
  left: 4px;
}

.tox .tox-autocompleter {
  max-width: 25em;
}

.tox .tox-autocompleter .tox-menu {
  max-width: 25em;
}

.tox .tox-autocompleter .tox-autocompleter-highlight {
  font-weight: bold;
}

.tox .tox-color-input {
  display: flex;
  position: relative;
  z-index: 1;
}

.tox .tox-color-input .tox-textfield {
  z-index: -1;
}

.tox .tox-color-input span {
  border-color: rgba(34, 47, 62, 0.2);
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  height: 24px;
  position: absolute;
  top: 6px;
  width: 24px;
}

.tox .tox-color-input span:hover:not([aria-disabled=true]),
.tox .tox-color-input span:focus:not([aria-disabled=true]) {
  border-color: #207ab7;
  cursor: pointer;
}

.tox .tox-color-input span::before {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
  background-size: 12px 12px;
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: border-box;
  content: "";
  height: 24px;
  left: -1px;
  position: absolute;
  top: -1px;
  width: 24px;
  z-index: -1;
}

.tox .tox-color-input span[aria-disabled=true] {
  cursor: not-allowed;
}

.tox:not([dir=rtl]) .tox-color-input {
  /* stylelint-disable-next-line no-descending-specificity */
}

.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
  padding-left: 36px;
}

.tox:not([dir=rtl]) .tox-color-input span {
  left: 6px;
}

.tox[dir=rtl] .tox-color-input {
  /* stylelint-disable-next-line no-descending-specificity */
}

.tox[dir=rtl] .tox-color-input .tox-textfield {
  padding-right: 36px;
}

.tox[dir=rtl] .tox-color-input span {
  right: 6px;
}

.tox .tox-label,
.tox .tox-toolbar-label {
  color: rgba(34, 47, 62, 0.7);
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  padding: 0 8px 0 0;
  text-transform: none;
  white-space: nowrap;
}

.tox .tox-toolbar-label {
  padding: 0 8px;
}

.tox[dir=rtl] .tox-label {
  padding: 0 0 0 8px;
}

.tox .tox-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  -ms-flex-preferred-size: auto;
}

.tox .tox-form__group {
  box-sizing: border-box;
  margin-bottom: 4px;
}

.tox .tox-form-group--maximize {
  flex: 1;
}

.tox .tox-form__group--error {
  color: #c00;
}

.tox .tox-form__group--collection {
  display: flex;
}

.tox .tox-form__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tox .tox-form__grid--2col > .tox-form__group {
  width: calc(50% - 4px);
}

.tox .tox-form__grid--3col > .tox-form__group {
  width: calc(33.3333333333% - 4px);
}

.tox .tox-form__grid--4col > .tox-form__group {
  width: calc(25% - 4px);
}

.tox .tox-form__controls-h-stack {
  align-items: center;
  display: flex;
}

.tox .tox-form__group--inline {
  align-items: center;
  display: flex;
}

.tox .tox-form__group--stretched {
  display: flex;
  flex: 1;
  flex-direction: column;
  -ms-flex-preferred-size: auto;
}

.tox .tox-form__group--stretched .tox-textarea {
  flex: 1;
  -ms-flex-preferred-size: auto;
}

.tox .tox-form__group--stretched .tox-navobj {
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
}

.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
  flex: 1;
  -ms-flex-preferred-size: auto;
  height: 100%;
}

.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
  margin-left: 4px;
}

.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
  margin-right: 4px;
}

.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
  display: none;
}

.tox .tox-textfield,
.tox .tox-toolbar-textfield,
.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #cccccc;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #222f3e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  min-height: 34px;
  outline: none;
  padding: 5px 4.75px;
  resize: none;
  width: 100%;
}

.tox .tox-textfield[disabled],
.tox .tox-textarea[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}

.tox .tox-textfield:focus,
.tox .tox-listboxfield .tox-listbox--select:focus,
.tox .tox-textarea:focus {
  background-color: #fff;
  border-color: #207ab7;
  box-shadow: none;
  outline: none;
}

.tox .tox-toolbar-textfield {
  border-width: 0;
  margin-bottom: 3px;
  margin-top: 2px;
  max-width: 250px;
}

.tox .tox-naked-btn {
  background-color: transparent;
  border: 0;
  border-color: transparent;
  box-shadow: unset;
  color: #207ab7;
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
}

.tox .tox-naked-btn svg {
  display: block;
  fill: #222f3e;
}

.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
  margin-left: 4px;
}

.tox[dir=rtl] .tox-toolbar-textfield + * {
  margin-right: 4px;
}

.tox .tox-listboxfield {
  cursor: pointer;
  position: relative;
}

.tox .tox-listboxfield .tox-listbox--select[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}

.tox .tox-listbox__select-label {
  cursor: default;
  flex: 1;
  margin: 0 4px;
}

.tox .tox-listbox__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
}

.tox .tox-listbox__select-chevron svg {
  fill: #222f3e;
}

.tox .tox-listboxfield .tox-listbox--select {
  align-items: center;
  display: flex;
}

.tox:not([dir=rtl]) .tox-listboxfield svg {
  right: 8px;
}

.tox[dir=rtl] .tox-listboxfield svg {
  left: 8px;
}

.tox .tox-selectfield {
  cursor: pointer;
  position: relative;
}

.tox .tox-selectfield select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #cccccc;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: #222f3e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  min-height: 34px;
  outline: none;
  padding: 5px 4.75px;
  resize: none;
  width: 100%;
}

.tox .tox-selectfield select[disabled] {
  background-color: #f2f2f2;
  color: rgba(34, 47, 62, 0.85);
  cursor: not-allowed;
}

.tox .tox-selectfield select::-ms-expand {
  display: none;
}

.tox .tox-selectfield select:focus {
  background-color: #fff;
  border-color: #207ab7;
  box-shadow: none;
  outline: none;
}

.tox .tox-selectfield svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
  padding-right: 24px;
}

.tox:not([dir=rtl]) .tox-selectfield svg {
  right: 8px;
}

.tox[dir=rtl] .tox-selectfield select[size="0"],
.tox[dir=rtl] .tox-selectfield select[size="1"] {
  padding-left: 24px;
}

.tox[dir=rtl] .tox-selectfield svg {
  left: 8px;
}

.tox .tox-textarea {
  -webkit-appearance: textarea;
  -moz-appearance: textarea;
  appearance: textarea;
  white-space: pre-wrap;
}

.tox-fullscreen {
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  overscroll-behavior: none;
  padding: 0;
  touch-action: pinch-zoom;
  width: 100%;
}

.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
  display: none;
}

.tox.tox-tinymce.tox-fullscreen,
.tox-shadowhost.tox-fullscreen {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1200;
}

.tox.tox-tinymce.tox-fullscreen {
  background-color: transparent;
}

.tox-fullscreen .tox.tox-tinymce-aux,
.tox-fullscreen ~ .tox.tox-tinymce-aux {
  z-index: 1201;
}

.tox .tox-help__more-link {
  list-style: none;
  margin-top: 1em;
}

.tox .tox-image-tools {
  width: 100%;
}

.tox .tox-image-tools__toolbar {
  align-items: center;
  display: flex;
  justify-content: center;
}

.tox .tox-image-tools__image {
  background-color: #666;
  height: 380px;
  overflow: auto;
  position: relative;
  width: 100%;
}

.tox .tox-image-tools__image,
.tox .tox-image-tools__image + .tox-image-tools__toolbar {
  margin-top: 8px;
}

.tox .tox-image-tools__image-bg {
  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
}

.tox .tox-image-tools__toolbar > .tox-spacer {
  flex: 1;
  -ms-flex-preferred-size: auto;
}

.tox .tox-croprect-block {
  background: black;
  filter: alpha(opacity=50);
  opacity: 0.5;
  position: absolute;
  zoom: 1;
}

.tox .tox-croprect-handle {
  border: 2px solid white;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.tox .tox-croprect-handle-move {
  border: 0;
  cursor: move;
  position: absolute;
}

.tox .tox-croprect-handle-nw {
  border-width: 2px 0 0 2px;
  cursor: nw-resize;
  left: 100px;
  margin: -2px 0 0 -2px;
  top: 100px;
}

.tox .tox-croprect-handle-ne {
  border-width: 2px 2px 0 0;
  cursor: ne-resize;
  left: 200px;
  margin: -2px 0 0 -20px;
  top: 100px;
}

.tox .tox-croprect-handle-sw {
  border-width: 0 0 2px 2px;
  cursor: sw-resize;
  left: 100px;
  margin: -20px 2px 0 -2px;
  top: 200px;
}

.tox .tox-croprect-handle-se {
  border-width: 0 2px 2px 0;
  cursor: se-resize;
  left: 200px;
  margin: -20px 0 0 -20px;
  top: 200px;
}

.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
  margin-left: 8px;
}

.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
  margin-left: 32px;
}

.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
  margin-left: 32px;
}

.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
  margin-right: 8px;
}

.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
  margin-right: 32px;
}

.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
  margin-right: 32px;
}

.tox .tox-insert-table-picker {
  display: flex;
  flex-wrap: wrap;
  width: 170px;
}

.tox .tox-insert-table-picker > div {
  border-color: #cccccc;
  border-style: solid;
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
  height: 17px;
  width: 17px;
}

.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
  margin: -4px 0;
}

.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
  background-color: rgba(32, 122, 183, 0.5);
  border-color: rgba(32, 122, 183, 0.5);
}

.tox .tox-insert-table-picker__label {
  color: rgba(34, 47, 62, 0.7);
  display: block;
  font-size: 14px;
  padding: 4px;
  text-align: center;
  width: 100%;
}

.tox:not([dir=rtl]) {
  /* stylelint-disable-next-line no-descending-specificity */
}

.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
  border-right: 0;
}

.tox[dir=rtl] {
  /* stylelint-disable-next-line no-descending-specificity */
}

.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
  border-right: 0;
}

.tox {
  /* stylelint-disable */
  /* stylelint-enable */
}

.tox .tox-menu {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  z-index: 1150;
}

.tox .tox-menu.tox-collection.tox-collection--list {
  padding: 0;
}

.tox .tox-menu.tox-collection.tox-collection--toolbar {
  padding: 4px;
}

.tox .tox-menu.tox-collection.tox-collection--grid {
  padding: 4px;
}

.tox .tox-menu__label h1,
.tox .tox-menu__label h2,
.tox .tox-menu__label h3,
.tox .tox-menu__label h4,
.tox .tox-menu__label h5,
.tox .tox-menu__label h6,
.tox .tox-menu__label p,
.tox .tox-menu__label blockquote,
.tox .tox-menu__label code {
  margin: 0;
}

.tox .tox-menubar {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg height=%2739px%27 viewBox=%270 0 40 39px%27 width=%2740%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270%27 y=%2738px%27 width=%27100%27 height=%271%27 fill=%27%23cccccc%27/%3E%3C/svg%3E") left 0 top 0 #fff;
  background-color: #fff;
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 4px 0 4px;
}

.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
  border-top: 1px solid #cccccc;
}

/* Deprecated. Remove in next major release */
.tox .tox-mbtn {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 34px;
  justify-content: center;
  margin: 2px 0 3px 0;
  outline: none;
  overflow: hidden;
  padding: 0 4px;
  text-transform: none;
  width: auto;
}

.tox .tox-mbtn[disabled] {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}

.tox .tox-mbtn:focus:not(:disabled) {
  background: #dee0e2;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-mbtn--active {
  background: #c8cbcf;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
  background: #dee0e2;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-mbtn__select-label {
  cursor: default;
  font-weight: normal;
  margin: 0 4px;
}

.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
  cursor: not-allowed;
}

.tox .tox-mbtn__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
  display: none;
}

.tox .tox-notification {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  display: grid;
  font-size: 14px;
  font-weight: normal;
  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
  margin-top: 4px;
  opacity: 0;
  padding: 4px;
  transition: transform 100ms ease-in, opacity 150ms ease-in;
}

.tox .tox-notification p {
  font-size: 14px;
  font-weight: normal;
}

.tox .tox-notification a {
  cursor: pointer;
  text-decoration: underline;
}

.tox .tox-notification--in {
  opacity: 1;
}

.tox .tox-notification--success {
  background-color: #e4eeda;
  border-color: #d7e6c8;
  color: #222f3e;
}

.tox .tox-notification--success p {
  color: #222f3e;
}

.tox .tox-notification--success a {
  color: #547831;
}

.tox .tox-notification--success svg {
  fill: #222f3e;
}

.tox .tox-notification--error {
  background-color: #f8dede;
  border-color: #f2bfbf;
  color: #222f3e;
}

.tox .tox-notification--error p {
  color: #222f3e;
}

.tox .tox-notification--error a {
  color: #c00;
}

.tox .tox-notification--error svg {
  fill: #222f3e;
}

.tox .tox-notification--warn,
.tox .tox-notification--warning {
  background-color: #fffaea;
  border-color: #ffe89d;
  color: #222f3e;
}

.tox .tox-notification--warn p,
.tox .tox-notification--warning p {
  color: #222f3e;
}

.tox .tox-notification--warn a,
.tox .tox-notification--warning a {
  color: #222f3e;
}

.tox .tox-notification--warn svg,
.tox .tox-notification--warning svg {
  fill: #222f3e;
}

.tox .tox-notification--info {
  background-color: #d9edf7;
  border-color: #779ecb;
  color: #222f3e;
}

.tox .tox-notification--info p {
  color: #222f3e;
}

.tox .tox-notification--info a {
  color: #222f3e;
}

.tox .tox-notification--info svg {
  fill: #222f3e;
}

.tox .tox-notification__body {
  align-self: center;
  color: #222f3e;
  font-size: 14px;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  grid-row-start: 1;
  text-align: center;
  white-space: normal;
  word-break: break-all;
  word-break: break-word;
}

.tox .tox-notification__body > * {
  margin: 0;
}

.tox .tox-notification__body > * + * {
  margin-top: 1rem;
}

.tox .tox-notification__icon {
  align-self: center;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  grid-row-start: 1;
  justify-self: end;
}

.tox .tox-notification__icon svg {
  display: block;
}

.tox .tox-notification__dismiss {
  align-self: start;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  grid-column-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  grid-row-start: 1;
  justify-self: end;
}

.tox .tox-notification .tox-progress-bar {
  -ms-grid-column-span: 3;
  grid-column-end: 4;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
  grid-row-start: 2;
  justify-self: center;
}

.tox .tox-pop {
  display: inline-block;
  position: relative;
}

.tox .tox-pop--resizing {
  transition: width 0.1s ease;
}

.tox .tox-pop--resizing .tox-toolbar,
.tox .tox-pop--resizing .tox-toolbar__group {
  flex-wrap: nowrap;
}

.tox .tox-pop--transition {
  transition: 0.15s ease;
  transition-property: left, right, top, bottom;
}

.tox .tox-pop--transition::before,
.tox .tox-pop--transition::after {
  transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s;
}

.tox .tox-pop__dialog {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  min-width: 0;
  overflow: hidden;
}

.tox .tox-pop__dialog > *:not(.tox-toolbar) {
  margin: 4px 4px 4px 8px;
}

.tox .tox-pop__dialog .tox-toolbar {
  background-color: transparent;
  margin-bottom: -1px;
}

.tox .tox-pop::before,
.tox .tox-pop::after {
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  opacity: 1;
  position: absolute;
  width: 0;
}

.tox .tox-pop.tox-pop--inset::before,
.tox .tox-pop.tox-pop--inset::after {
  opacity: 0;
  transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease;
}

.tox .tox-pop.tox-pop--bottom::before,
.tox .tox-pop.tox-pop--bottom::after {
  left: 50%;
  top: 100%;
}

.tox .tox-pop.tox-pop--bottom::after {
  border-color: #fff transparent transparent transparent;
  border-width: 8px;
  margin-left: -8px;
  margin-top: -1px;
}

.tox .tox-pop.tox-pop--bottom::before {
  border-color: #cccccc transparent transparent transparent;
  border-width: 9px;
  margin-left: -9px;
}

.tox .tox-pop.tox-pop--top::before,
.tox .tox-pop.tox-pop--top::after {
  left: 50%;
  top: 0;
  transform: translateY(-100%);
}

.tox .tox-pop.tox-pop--top::after {
  border-color: transparent transparent #fff transparent;
  border-width: 8px;
  margin-left: -8px;
  margin-top: 1px;
}

.tox .tox-pop.tox-pop--top::before {
  border-color: transparent transparent #cccccc transparent;
  border-width: 9px;
  margin-left: -9px;
}

.tox .tox-pop.tox-pop--left::before,
.tox .tox-pop.tox-pop--left::after {
  left: 0;
  top: calc(50% - 1px);
  transform: translateY(-50%);
}

.tox .tox-pop.tox-pop--left::after {
  border-color: transparent #fff transparent transparent;
  border-width: 8px;
  margin-left: -15px;
}

.tox .tox-pop.tox-pop--left::before {
  border-color: transparent #cccccc transparent transparent;
  border-width: 10px;
  margin-left: -19px;
}

.tox .tox-pop.tox-pop--right::before,
.tox .tox-pop.tox-pop--right::after {
  left: 100%;
  top: calc(50% + 1px);
  transform: translateY(-50%);
}

.tox .tox-pop.tox-pop--right::after {
  border-color: transparent transparent transparent #fff;
  border-width: 8px;
  margin-left: -1px;
}

.tox .tox-pop.tox-pop--right::before {
  border-color: transparent transparent transparent #cccccc;
  border-width: 10px;
  margin-left: -1px;
}

.tox .tox-pop.tox-pop--align-left::before,
.tox .tox-pop.tox-pop--align-left::after {
  left: 20px;
}

.tox .tox-pop.tox-pop--align-right::before,
.tox .tox-pop.tox-pop--align-right::after {
  left: calc(100% - 20px);
}

.tox .tox-sidebar-wrap {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  min-height: 0;
}

.tox .tox-sidebar {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.tox .tox-sidebar__slider {
  display: flex;
  overflow: hidden;
}

.tox .tox-sidebar__pane-container {
  display: flex;
}

.tox .tox-sidebar__pane {
  display: flex;
}

.tox .tox-sidebar--sliding-closed {
  opacity: 0;
}

.tox .tox-sidebar--sliding-open {
  opacity: 1;
}

.tox .tox-sidebar--sliding-growing,
.tox .tox-sidebar--sliding-shrinking {
  transition: width 0.5s ease, opacity 0.5s ease;
}

.tox .tox-selector {
  background-color: #4099ff;
  border-color: #4099ff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  display: inline-block;
  height: 10px;
  position: absolute;
  width: 10px;
}

.tox.tox-platform-touch .tox-selector {
  height: 12px;
  width: 12px;
}

.tox .tox-slider {
  align-items: center;
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
  height: 24px;
  justify-content: center;
  position: relative;
}

.tox .tox-slider__rail {
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 3px;
  height: 10px;
  min-width: 120px;
  width: 100%;
}

.tox .tox-slider__handle {
  background-color: #207ab7;
  border: 2px solid #185d8c;
  border-radius: 3px;
  box-shadow: none;
  height: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 14px;
}

.tox .tox-source-code {
  overflow: auto;
}

.tox .tox-spinner {
  display: flex;
}

.tox .tox-spinner > div {
  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
  background-color: rgba(34, 47, 62, 0.7);
  border-radius: 100%;
  height: 8px;
  width: 8px;
}

.tox .tox-spinner > div:nth-child(1) {
  animation-delay: -0.32s;
}

.tox .tox-spinner > div:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes tam-bouncing-dots {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
  margin-left: 4px;
}

.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
  margin-right: 4px;
}

.tox .tox-statusbar {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #cccccc;
  color: rgba(34, 47, 62, 0.7);
  display: flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: normal;
  height: 18px;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  text-transform: uppercase;
}

.tox .tox-statusbar__text-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  overflow: hidden;
}

.tox .tox-statusbar__path {
  display: flex;
  flex: 1 1 auto;
  margin-right: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tox .tox-statusbar__path > * {
  display: inline;
  white-space: nowrap;
}

.tox .tox-statusbar__wordcount {
  flex: 0 0 auto;
  margin-left: 1ch;
}

.tox .tox-statusbar a,
.tox .tox-statusbar__path-item,
.tox .tox-statusbar__wordcount {
  color: rgba(34, 47, 62, 0.7);
  text-decoration: none;
}

.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
  cursor: pointer;
  text-decoration: underline;
}

.tox .tox-statusbar__resize-handle {
  align-items: flex-end;
  align-self: stretch;
  cursor: nwse-resize;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: -8px;
  padding-left: 1ch;
}

.tox .tox-statusbar__resize-handle svg {
  display: block;
  fill: rgba(34, 47, 62, 0.7);
}

.tox .tox-statusbar__resize-handle:focus svg {
  background-color: #dee0e2;
  border-radius: 1px;
  box-shadow: 0 0 0 2px #dee0e2;
}

.tox:not([dir=rtl]) .tox-statusbar__path > * {
  margin-right: 4px;
}

.tox:not([dir=rtl]) .tox-statusbar__branding {
  margin-left: 1ch;
}

.tox[dir=rtl] .tox-statusbar {
  flex-direction: row-reverse;
}

.tox[dir=rtl] .tox-statusbar__path > * {
  margin-left: 4px;
}

.tox .tox-throbber {
  z-index: 1299;
}

.tox .tox-throbber__busy-spinner {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.tox .tox-tbtn {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #222f3e;
  display: flex;
  flex: 0 0 auto;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  height: 34px;
  justify-content: center;
  margin: 2px 0 3px 0;
  outline: none;
  overflow: hidden;
  padding: 0;
  text-transform: none;
  width: 34px;
}

.tox .tox-tbtn svg {
  display: block;
  fill: #222f3e;
}

.tox .tox-tbtn.tox-tbtn-more {
  padding-left: 5px;
  padding-right: 5px;
  width: inherit;
}

.tox .tox-tbtn:focus {
  background: #dee0e2;
  border: 0;
  box-shadow: none;
}

.tox .tox-tbtn:hover {
  background: #dee0e2;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-tbtn:hover svg {
  fill: #222f3e;
}

.tox .tox-tbtn:active {
  background: #c8cbcf;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-tbtn:active svg {
  fill: #222f3e;
}

.tox .tox-tbtn--disabled,
.tox .tox-tbtn--disabled:hover,
.tox .tox-tbtn:disabled,
.tox .tox-tbtn:disabled:hover {
  background: transparent;
  border: 0;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}

.tox .tox-tbtn--disabled svg,
.tox .tox-tbtn--disabled:hover svg,
.tox .tox-tbtn:disabled svg,
.tox .tox-tbtn:disabled:hover svg {
  /* stylelint-disable-line no-descending-specificity */
  fill: rgba(34, 47, 62, 0.5);
}

.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
  background: #c8cbcf;
  border: 0;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-tbtn--enabled > *,
.tox .tox-tbtn--enabled:hover > * {
  transform: none;
}

.tox .tox-tbtn--enabled svg,
.tox .tox-tbtn--enabled:hover svg {
  /* stylelint-disable-line no-descending-specificity */
  fill: #222f3e;
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  color: #222f3e;
}

.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
  fill: #222f3e;
}

.tox .tox-tbtn:active > * {
  transform: none;
}

.tox .tox-tbtn--md {
  height: 51px;
  width: 51px;
}

.tox .tox-tbtn--lg {
  flex-direction: column;
  height: 68px;
  width: 68px;
}

.tox .tox-tbtn--return {
  align-self: stretch;
  height: unset;
  width: 16px;
}

.tox .tox-tbtn--labeled {
  padding: 0 4px;
  width: unset;
}

.tox .tox-tbtn__vlabel {
  display: block;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -0.025em;
  margin-bottom: 4px;
  white-space: nowrap;
}

.tox .tox-tbtn--select {
  margin: 2px 0 3px 0;
  padding: 0 4px;
  width: auto;
}

.tox .tox-tbtn__select-label {
  cursor: default;
  font-weight: normal;
  margin: 0 4px;
}

.tox .tox-tbtn__select-chevron {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 16px;
}

.tox .tox-tbtn__select-chevron svg {
  fill: rgba(34, 47, 62, 0.5);
}

.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 7em;
}

.tox .tox-split-button {
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  margin: 2px 0 3px 0;
  overflow: hidden;
}

.tox .tox-split-button:hover {
  box-shadow: 0 0 0 1px #dee0e2 inset;
}

.tox .tox-split-button:focus {
  background: #dee0e2;
  box-shadow: none;
  color: #222f3e;
}

.tox .tox-split-button > * {
  border-radius: 0;
}

.tox .tox-split-button__chevron {
  width: 16px;
}

.tox .tox-split-button__chevron svg {
  fill: rgba(34, 47, 62, 0.5);
}

.tox .tox-split-button .tox-tbtn {
  margin: 0;
}

.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
  width: 30px;
}

.tox.tox-platform-touch .tox-split-button__chevron {
  width: 20px;
}

.tox .tox-split-button.tox-tbtn--disabled:hover,
.tox .tox-split-button.tox-tbtn--disabled:focus,
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
  background: transparent;
  box-shadow: none;
  color: rgba(34, 47, 62, 0.5);
}

.tox .tox-toolbar-overlord {
  background-color: #fff;
}

.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg height=%2739px%27 viewBox=%270 0 40 39px%27 width=%2740%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270%27 y=%2738px%27 width=%27100%27 height=%271%27 fill=%27%23cccccc%27/%3E%3C/svg%3E") left 0 top 0 #fff;
  background-color: #fff;
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 0;
}

.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
  height: 0;
  opacity: 0;
  padding-bottom: 0;
  padding-top: 0;
  visibility: hidden;
}

.tox .tox-toolbar__overflow--growing {
  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
}

.tox .tox-toolbar__overflow--shrinking {
  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
}

.tox .tox-menubar + .tox-toolbar,
.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
  border-top: 1px solid #cccccc;
  margin-top: -1px;
}

.tox .tox-toolbar--scrolling {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.tox .tox-pop .tox-toolbar {
  border-width: 0;
}

.tox .tox-toolbar--no-divider {
  background-image: none;
}

.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
  border-top: 1px solid #cccccc;
}

.tox.tox-tinymce-aux .tox-toolbar__overflow {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.tox .tox-toolbar__group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0;
  padding: 0 4px 0 4px;
}

.tox .tox-toolbar__group--pull-right {
  margin-left: auto;
}

.tox .tox-toolbar--scrolling .tox-toolbar__group {
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid #cccccc;
}

.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
  border-left: 1px solid #cccccc;
}

.tox .tox-tooltip {
  display: inline-block;
  padding: 8px;
  position: relative;
}

.tox .tox-tooltip__body {
  background-color: #222f3e;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  padding: 4px 8px;
  text-transform: none;
}

.tox .tox-tooltip__arrow {
  position: absolute;
}

.tox .tox-tooltip--down .tox-tooltip__arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #222f3e;
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.tox .tox-tooltip--up .tox-tooltip__arrow {
  border-bottom: 8px solid #222f3e;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}

.tox .tox-tooltip--right .tox-tooltip__arrow {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #222f3e;
  border-top: 8px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.tox .tox-tooltip--left .tox-tooltip__arrow {
  border-bottom: 8px solid transparent;
  border-right: 8px solid #222f3e;
  border-top: 8px solid transparent;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.tox .tox-well {
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 8px;
  width: 100%;
}

.tox .tox-well > *:first-child {
  margin-top: 0;
}

.tox .tox-well > *:last-child {
  margin-bottom: 0;
}

.tox .tox-well > *:only-child {
  margin: 0;
}

.tox .tox-custom-editor {
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: flex;
  flex: 1;
  position: relative;
}

/* stylelint-disable */
.tox {
  /* stylelint-enable */
}

.tox .tox-dialog-loading::before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.tox .tox-tab {
  cursor: pointer;
}

.tox .tox-dialog__content-js {
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
}

.tox .tox-dialog__body-content .tox-collection {
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
}

.tox .tox-image-tools-edit-panel {
  height: 60px;
}

.tox .tox-image-tools__sidebar {
  height: 60px;
}

.tiny-content{
  display: block;
  width: 100%;
}

.tiny-content *{
  box-sizing: border-box;
}

.tiny-content img{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tiny-content table{
  margin: auto;
  border-collapse: collapse;
}

.tiny-content td{
  font-size: 0.875rem;
  line-height: 1rem;
}

.tiny-content td,
.tiny-content th{
  padding: 0.25rem;
}

.tiny-content a{
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.tiny-content caption {
  caption-side: top !important;
  text-align: center !important;
  font-weight: bold !important;
}

.tiny-content .ck-texte{
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.625;
  font-family: Arial, sans-serif;
  color: #000;
}

.tiny-content .font-arial {
  font-family: Arial, sans-serif;
}

.tiny-content .font-times-new-roman {
  font-family: "Times New Roman", Times, serif;
}

.cke_panel_listItem a > :first-child{
  margin-bottom: 0px;
}

.ck{
  display: block;
  font-weight: 400;
  line-height: 1;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-synthesis: weight style;
  font-variant: normal;
}

.ck-article{
  font-weight: 700;
  text-transform: uppercase;
  color: #E95839;
  margin-bottom: 10px;
  padding-bottom: 2%;
}
.ck-article:before {
  content: "\f15c";
  font-family: FontAwesome;
  margin-right: 0.25rem;
  font-weight: 400;
}

.ck-paragraph-box{
  line-height: 1.25rem;
  background-color: #F5EEE2;
  padding: 2% 3%;
}

.ck-title{
  display: block;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.ck-title2{
  position: relative;
  margin-top: 0px;
  padding-top: 0px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.ck-title2:after{
  display: block;
  background-color: #E95839;
  content: "";
  height: 2px;
  margin: 10px 0 0;
  width: 50px;
}

.ck-stand-out {
  background-color: yellow;
}

.ck-style1{
  border-width: 0px;
  height: 6px;
}

.ck-style2{
  border-width: 0px;
  height: 6px;
}

.ck-style3 {
  border-top: 1px dashed #8c8b8b;
}
.ck-style3:after{
  position: relative;
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  color: #8c8b8b;
  content: "✂";
  font-size: 18px;
  left: 40px;
  padding: 0 3px;
  top: -12px;
}

.img-va-baseline{
  vertical-align: baseline;
}

.img-va-top{
  vertical-align: top;
}

.img-va-bottom{
  vertical-align: bottom;
}

.img-va-middle{
  vertical-align: middle;
}

.attendance-page .img-va-middle {
  vertical-align: middle;
}

.img-va-super {
  vertical-align: super;
}

.img-va-sub {
  vertical-align: sub;
}

.img-va-text-top{
  vertical-align: text-top;
}

.img-va-text-bottom{
  vertical-align: text-bottom;
}

figure.image{
  margin-bottom: 1rem;
  display: inline-block;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: rgba(46, 117, 163, 0.08);
  padding: 0.25rem;
}

.cke_widget_image.pull-right,
img.pull-right,
figure.image.pull-right{
  margin-left: 1rem;
}

.cke_widget_image.pull-left,
img.pull-left,
figure.image.pull-left{
  margin-right: 1rem;
}

.text-center .img-responsive{
  margin-left: auto;
  margin-right: auto;
}

.cke_widget_image.pull-left figure.image,
.cke_widget_image.pull-right figure.image,
figure.image.pull-left,
figure.image.pull-right{
  display: block;
}

figure.image figcaption{
  margin: 0px;
  padding-left: 0.25rem;
  padding-top: 0px;
  text-align: left;
  background-color: #f3f3f3;
  border-radius: 0;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.ui-timepicker-wrapper {
  overflow-y: auto;
  max-height: 150px;
  width: auto;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10052;
  margin: 0;
}

.ui-timepicker-wrapper .ui-timepicker-list li {
  padding-right: 20px;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

#qtip-overlay.blurs, .qtip-close {
  cursor: pointer;
}

.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content, .qtip-titlebar {
  position: relative;
  overflow: hidden;
}

.qtip-content {
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  padding: 5px 35px 5px 10px;
  border-width: 0 0 1px;
  font-weight: 700;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  outline: 0;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal 700 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: -100em -100em no-repeat;
}

.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}

.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

.qtip-light {
  background-color: #fff;
  border-color: #E2E2E2;
  color: #454545;
}

.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}

.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}

.qtip-dark .qtip-titlebar {
  background-color: #404040;
}

.qtip-dark .qtip-icon {
  border-color: #444;
}

.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}

.qtip-red, .qtip-red .qtip-icon, .qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252;
}

.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D;
}

.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}

.qtip-red {
  background-color: #F78B83;
  color: #912323;
}

.qtip-red .qtip-titlebar {
  background-color: #F06D65;
}

.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}

.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}

.qtip-green .qtip-titlebar {
  background-color: #B0DE78;
}

.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}

.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}

.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5;
}

.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}

.qtip-shadow {
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
  border-radius: 5px;
}

.qtip-rounded .qtip-titlebar {
  border-radius: 4px 4px 0 0;
}

.qtip-youtube {
  border-radius: 2px;
  box-shadow: 0 0 3px #333;
  color: #fff;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%);
}

.qtip-youtube .qtip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}

.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}

.qtip-youtube .qtip-icon {
  border-color: #222;
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid rgba(241, 241, 241, 1);
  border-radius: 2px;
  box-shadow: 0 0 12px #333;
}

.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {
  background: 0 0;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-jtools .qtip-icon {
  border-color: #555;
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}

.qtip-cluetip {
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: #fff;
  border: 0 dashed transparent;
}

.qtip-cluetip .qtip-icon {
  border-color: #808064;
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}

.qtip-tipsy {
  background: #000;
  background: rgba(0, 0, 0, 0.87);
  color: #fff;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: "Lucida Grande", sans-serif;
  font-weight: 700;
  line-height: 16px;
  text-shadow: 0 1px #000;
}

.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}

.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}

.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}

.qtip-tipped {
  border: 3px solid #959FA9;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: 400;
  font-family: serif;
}

.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: #fff;
  background: #3A79B8;
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}

.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}

.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}

.qtip-bootstrap {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  padding: 1px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.qtip-bootstrap .qtip-titlebar {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
  right: 11px;
  top: 45%;
  border-style: none;
}

.qtip-bootstrap .qtip-content {
  padding: 9px 14px;
}

.qtip-bootstrap .qtip-icon {
  background: 0 0;
}

.qtip-bootstrap .qtip-icon .ui-icon {
  width: auto;
  height: auto;
  float: right;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

#qtip-overlay, #qtip-overlay div {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

.qtip .qtip-tip, x:-o-prefocus {
  visibility: hidden;
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: 0 0;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
}

#qtip-overlay div {
  position: absolute;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.qtipmodal-ie6fix {
  position: absolute !important;
}
.studentview-button .p-button-label{
  display: none;
}
.nested-sortable:hover .list-group-item .studentview-button .p-button-label{
  display: block;
}
@media (min-width: 640px){
  .studentview-button .p-button-label{
    display: block;
  }
}

.mdi{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 1;
}
.mdi::before {
  vertical-align: bottom;
}

.field > small.p-error{
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1));
}

.field > small:not(.p-error) {
  display: block;
  margin-top: 0.5em;
}

.field-radiobutton {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-top: 0.5em;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active{
  display: block;
}

.col-md-offset-0 {
  margin-left: 0 !important;
}

.col-md-offset-1 {
  margin-left: 5% !important;
}

.col-md-offset-2 {
  margin-left: 10% !important;
}

.col-md-offset-3 {
  margin-left: 15% !important;
}

.col-md-offset-4 {
  margin-left: 20% !important;
}

.custom-message {
  padding: 15px;
}

.custom-message ol,
.custom-message ul,
.custom-message menu {
  list-style: initial;
}

.custom-link {
  color: blue;
  text-decoration: underline;
}

#date_fields label,
.p-float-label .datepicker-label {
  top: 0px;
  left: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(46, 117, 163, var(--tw-text-opacity));
  font-size: 12px;
}

.question_options .droppable {
  padding: 5px;
  text-align: center;
  background-color: #ECF0F1;
  border: dotted #dddddd 2px;
  border-radius: 4px;
  color: #666666;
  display: inline-block;
  width: 85%;
  margin-bottom: 0;
}

.question_options .droppable-item {
  background-color: #84bd00;
  color: #FFF;
  padding: 3px 0 3px 5px;
  width: 20%;
}

.question_options .droppable-item .number {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.hide-label-title {
  color: #0a0a0a;
}

.documents-layout{
  display: flex;
  justify-content: space-between;
}

.template-list-container {
  flex-basis: 20%;
  max-height: 600px;
  overflow-y: auto;
}

.documents-form-container {
  flex-basis: 78%;
}

.template-item img {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  transition: transform 0.2s ease;
}

.template-item img:hover {
  transform: scale(1.05);
  cursor: pointer;
}

.template-list{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.template-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f9f9f9;
}

.template-item img {
  width: 100%;
  max-width: 200px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  margin-bottom: 5px;
}

.template-item:hover {
  background-color: #ececec;
  cursor: pointer;
}

.ul-tablist .nav-tabs{
  display: flex;
  list-style-type: none;
  padding: 0;
  border-bottom: 1px solid #ddd;
  margin: 0 0 20px;
}
.ul-tablist .nav-tabs .nav-item {
  margin-bottom: -1px;
}
.ul-tablist .nav-tabs .nav-link{
  display: block;
  padding: 0.5rem 1rem;
  margin-right: 0.1rem;
  background: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 0.25rem 0.25rem 0 0;
  text-decoration: none;
  color: #555;
}
.ul-tablist .nav-tabs .nav-link:hover {
  background-color: #e9ecef;
}
.ul-tablist .nav-tabs .nav-link.active {
  color: #495057;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-color: #ddd #ddd #fff;
  border-bottom-color: transparent;
  font-weight: bolder;
}

form .field .freeze{
  display: block;
  padding-top: 20px;
}
form .field .freeze + label,
form .field .advmultiselect + label {
  position: absolute;
  top: 0px;
  left: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 13px;
  line-height: 16px;
  color: rgba(46, 117, 163, 0.5);
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}

.flatpickr-calendar .flatpickr-validate-btn {
  margin-top: 10px;
  width: 100%;
  padding: 5px;
  background-color: #569ff7;
  border: none;
  cursor: pointer;
  color: #ffffff;
}

.mce-translatehtml, span[lang] {
  display: none;
}

.easy-donut{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.easy-donut .percent {
  font-size: 1.25rem;
  font-weight: bold;
}

.stat-widget-five{
  display: flex;
  align-items: center;
}

.stat-widget-five .fa, .stat-widget-five .mdi-icon {
  margin-right: 1rem;
}

.toggle-password {
  position: absolute !important;
  top: 65% !important;
  transform: translateY(-50%);
  right: 0.75rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.toggle-password i {
  font-size: 24px;
}

#legacy_content .exercise-overview {
  padding: 30px 10px 60px;
}
#legacy_content .question-result {
  padding-top: 30px;
}
#legacy_content .exercise-draggable-answer.full-width {
  width: 100%;
}
#legacy_content .exercise-draggable-answer.list-inline{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#legacy_content .exercise-draggable-answer.vertical{
  display: flex;
  width: 100%;
  flex-direction: column;
}
#legacy_content .exercise-draggable-answer.horizontal{
  display: flex;
  flex-wrap: wrap;
}
#legacy_content .droppable-item{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem;
  padding: 1rem;
}
#legacy_content .number{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
}
#legacy_content .droppable, #legacy_content .ui-droppable{
  min-height: 50px;
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: dashed;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}
#legacy_content .question_options .question-answer__items--vertical .droppable {
  width: 98%;
}
#legacy_content .ui-dragging{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-width: 2px;
  border-style: dashed;
  padding: 1rem;
}
#legacy_content .vertical .ui-draggable-dragging {
  width: 80%;
}
#legacy_content .question-answer__items--vertical{
  display: flex;
  width: 100%;
  flex-direction: column;
}
#legacy_content .question-answer__items--horizontal{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.forum-post #legacy_content .question-answer__items--horizontal{
  display: flex;
  margin-top: 10px;
}
#legacy_content .question-answer__items--horizontal{
  display: flex;
  flex-direction: row;
}

.permissions-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.permissions-table th, .permissions-table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
}
.permissions-table th {
  background-color: #f9f9f9;
}
.permissions-table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.permissions-table tr:hover {
  background-color: #e9e9e9;
}
.permissions-table th, .permissions-table td {
  padding: 5px;
  font-size: 0.9em;
  white-space: normal;
  word-wrap: break-word;
  min-width: 100px;
  vertical-align: top;
}
.permissions-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #999;
  color: white;
}
.permissions-table td {
  padding: 12px;
}
.permissions-table .save-button {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  margin: 20px 0;
  border: none;
  cursor: pointer;
  text-align: center;
}
.permissions-table .save-button:hover {
  background-color: #45a049;
}

.files-info-page .form-control{
  width: 12rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding: 0.25rem;
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}
.files-info-page .btn-primary{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-button-text) / var(--tw-text-opacity, 1));
}
.files-info-page .btn-primary:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(211 94 15 / var(--tw-bg-opacity, 1));
}
.files-info-page .modal{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10;
  display: none;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.5;
  padding-top: 4rem;
}
.nested-sortable:hover .list-group-item .files-info-page .modal{
  display: block;
}
.files-info-page .modal-content{
  margin: auto;
  width: 33.333333%;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem;
    --tw-border-opacity: 1;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity));
}
.files-info-page .close-button{
  float: right;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1));
}
.files-info-page .close-button:hover,
.files-info-page .close-button:focus{
  cursor: pointer;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.files-info-page .pagination{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
}
.files-info-page .pagination a,
.files-info-page .pagination span{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1));
}
.files-info-page .pagination a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1));
}
.files-info-page .pagination span{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.filemanager-container .mdi-icon {
  font-size: 48px;
}
.filemanager-container .thumbnails{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.filemanager-container .thumbnail-item {
  width: 150px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
}
.filemanager-container .thumbnail-icon {
  font-size: 2rem;
}
.filemanager-container .thumbnail-title {
  margin-top: 10px;
  font-size: 1rem;
  cursor: pointer;
}
.filemanager-container .thumbnail-actions {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.filemanager-container .thumbnail-image {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.attendance-page canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.attendance-page tr {
  height: 100px;
}
.attendance-page th,
.attendance-page td {
  height: 100px;
  vertical-align: middle;
}
.attendance-page .align-middle {
  vertical-align: middle;
}
.attendance-page .cursor-not-allowed {
  cursor: not-allowed;
}
.attendance-page .loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

img.course-tool__icon{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  --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);
  border-radius: 0.5rem;
}

.row{
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  flex-wrap: wrap;
}

.col-md-4{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){
  .col-md-4{
    width: 33.333333%;
  }
}

.col-md-6{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px){
  .col-md-6{
    width: 50%;
  }
}

.stats_table thead th{
  border-bottom-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}

.blog-posts .stats_table thead th {
  background: #f9fafb;
}
/* Loader */
.loader{
  height: 2.5rem;
  width: 2.5rem;
}
@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}
.loader{
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-width: 4px;
  border-color: rgb(237 240 242 / var(--tw-border-opacity, 1));
  --tw-border-opacity: 1;
  border-left-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1));
}

.loader-overlay{
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.4;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.loader-overlay-strong{
  position: absolute;
  inset: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-bg-opacity: 0.95;
  --tw-backdrop-blur: blur(4px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

#form_upload #files > :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(237 240 242 / var(--tw-divide-opacity, 1));
}

#form_upload #files{
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --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);
}
#form_upload #files > a.panel-image{
  display: block;
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
#form_upload #files .row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-left: 0;
  margin-right: 0;
}
#form_upload #files .col-sm-5{
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  width: auto !important;
}
#form_upload #files .col-sm-3{
  margin-left: 1rem;
  width: auto;
  flex-shrink: 0;
}
#form_upload .alert{
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
#form_upload .alert-success{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-success-button-text) / var(--tw-text-opacity, 1));
}
#form_upload .alert-danger{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--color-danger-button-text) / var(--tw-text-opacity, 1));
}
#form_upload #progress{
  margin-top: 1rem;
  height: 0.5rem;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1));
}
.blog-posts #form_upload #progress {
  background: #f9fafb;
}
#form_upload #progress .progress-bar{
  display: block;
  height: 100%;
  max-width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#form_upload #dropzone{
  cursor: pointer;
  border-radius: 0.5rem;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(237 240 242 / var(--tw-border-opacity, 1));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.skill-wheel #form_upload #dropzone {
  text-align: center;
}
.skill-wheel .skill-profile-block #form_upload #dropzone {
  margin-top: 20px;
  min-height: 50px;
}
#form_upload #dropzone .img-responsive{
  margin-left: auto;
  margin-right: auto;
}
#form_upload #dropzone:hover{
  background-color: rgba(250, 250, 250, 0.5);
}

.p-datatable .field {
  margin-bottom: 0;
}

.ghosting {
  opacity: 0.6;
}

.chosen {
  outline: 2px solid #ddd;
}

.dragging {
  outline: 2px solid var(--support-5, #f60);
}

.media-group {
  border: 2px solid #337ab7;
  background: #f5fafd;
  padding: 1rem;
  margin: 2rem 0;
  border-radius: 4px;
}

.media-content {
  margin-bottom: 1rem;
}

.media-description {
  font-style: italic;
  margin-bottom: 1rem;
}

.media-children {
  margin-left: 1rem;
}

.media-group h4 {
  margin-top: 0;
  color: #23527c;
}

#tool-wiki{
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#tool-wiki .wiki-wrap {
  flex: 1 0 auto;
}

#tool-wiki #wikicontent {
  display: flow-root;
}

#tool-wiki .wiki-footer {
  clear: both;
  margin-top: 1rem;
}

.wiki-stats-grid .panel {
  height: 100%;
}

.wiki-stats-grid .panel-body a{
  display: block;
  padding: 6px 0;
}

.wiki-stats-grid .panel-body a .mdi {
  vertical-align: middle;
  margin-right: 6px;
}

.wiki-breadcrumb {
  margin: 10px 0 15px;
}

.wiki-bc-wrap {
  margin: 12px 0;
}

.breadcrumb--wiki{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  background: linear-gradient(180deg, #ffffff, #f8f9fb);
  border: 1px solid #e7eaef;
  border-radius: 12px;
  padding: 8px 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.breadcrumb--wiki .breadcrumb-item a {
  text-decoration: none;
  font-weight: 600;
}

.breadcrumb--wiki .breadcrumb-item.active {
  color: #6c757d;
  font-weight: 600;
}

.breadcrumb--wiki .mdi-inline {
  vertical-align: -0.15em;
  margin-right: 0.35rem;
}

.breadcrumb-actions {
  margin-left: auto;
  display: flex;
  gap: 0.5rem;
}

.breadcrumb-actions .btn {
  padding: 6px 10px;
  border: 1px solid #e7eaef;
  border-radius: 10px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.wiki-bc-wrap {
  margin: 12px 0;
}

.breadcrumb--wiki{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  background: linear-gradient(180deg, #ffffff, #f8f9fb);
  border: 1px solid #e7eaef;
  border-radius: 12px;
  padding: 8px 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.breadcrumb--wiki .breadcrumb-item a {
  text-decoration: none;
  font-weight: 600;
}

.breadcrumb--wiki .breadcrumb-item.active {
  color: #6c757d;
  font-weight: 600;
}

.mdi-inline {
  vertical-align: -0.15em;
  margin-right: 0.35rem;
}

.wiki-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 16px;
}

.wiki-pills .pill {
  display: inline-flex;
  gap: 6px;
  padding: 6px 10px;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #e7eaef;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
}

.wiki-pills .pill.active {
  background: #eef4ff;
  border-color: #cddcff;
}

.wiki-discuss .wd-wrap {
  margin: 0 auto;
  padding: 12px 14px;
}
.wiki-discuss .wd-header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
  padding: 8px 10px;
  border: 1px solid #dfe3e7;
  border-radius: 4px;
  background: linear-gradient(#f8f8f8, #eeeeee);
}
.wiki-discuss .wd-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}
.wiki-discuss .wd-meta {
  margin-top: 2px;
  font-size: 12px;
  color: #6c757d;
}
.wiki-discuss .wd-toolbar a {
  display: inline-block;
  margin-left: 8px;
}
.wiki-discuss .wd-card {
  margin-top: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.wiki-discuss .wd-card .panel-body {
  padding: 14px;
}
.wiki-discuss .wd-form .form-group{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
}
.wiki-discuss .wd-form .control-label {
  width: 140px;
  padding-top: 7px;
  margin: 0;
  font-weight: 600;
  text-align: left;
}
.wiki-discuss .wd-form .col-sm-10 {
  flex: 1 1 auto;
  min-width: 0;
}
.wiki-discuss .wd-form .form-control {
  width: 100%;
}
.wiki-discuss .wd-form .wd-rating {
  max-width: 160px;
}
.wiki-discuss .btn--primary {
  background: #2d6cdf;
  border: 1px solid #2257b6;
  color: #fff;
  padding: 6px 14px;
  border-radius: 4px;
  font-weight: 600;
}
.wiki-discuss .btn--primary:hover {
  background: #255bc3;
}
.wiki-discuss .wd-stats {
  margin: 12px 0 6px;
  padding: 8px 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  color: #606c76;
  background: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}
.wiki-discuss .wd-empty {
  margin-top: 8px;
}
.wiki-discuss .wd-comment{
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}
.wiki-discuss .wd-comment:last-child {
  border-bottom: none;
}
.wiki-discuss .wd-avatar {
  width: 40px;
  height: 50px;
  border-radius: 4px;
  background: #e9ecef;
  flex: none;
  -o-object-fit: cover;
     object-fit: cover;
}
.wiki-discuss .wd-avatar.wd-avatar--ph{
  display: block;
}
.wiki-discuss .wd-comment-body {
  flex: 1 1 auto;
  min-width: 0;
}
.wiki-discuss .wd-comment-meta {
  font-size: 12px;
  color: #6c757d;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.wiki-discuss .wd-dot {
  color: #c0c4c8;
}
.wiki-discuss .wd-comment-text {
  white-space: pre-wrap;
  margin-top: 4px;
  font-size: 14px;
}
.wiki-discuss .form-horizontal .control-label {
  text-align: left;
}
.wiki-discuss textarea.form-control {
  min-height: 140px;
}

.glossary-term {
  position: relative;
  cursor: help;
  font-weight: 500;
  color: #2563eb;
  border-bottom: 1px dotted currentColor;
  text-decoration: none;
}
.glossary-term::after {
  content: "ⓘ";
  font-size: 0.7em;
  margin-left: 0.15rem;
  vertical-align: super;
  opacity: 0.7;
}
.glossary-term:hover {
  color: #1d4ed8;
  border-bottom-style: solid;
}
.glossary-term:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.tiny-content img.ch-img-responsive {
  max-width: 100%;
  height: auto;
}

/* -------------------------------------------------------------------------
 * SPA route loading indicator (NProgress)
 * ---------------------------------------------------------------------- */
#nprogress {
  pointer-events: none;
}

#nprogress .bar{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999999;
  height: 0.25rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1));
}

#nprogress .peg{
  position: absolute;
  right: 0px;
  display: block;
  height: 100%;
  width: 6rem;
  opacity: 1;
  box-shadow: 0 0 10px rgb(var(--color-primary-base)/0.45), 0 0 5px rgb(var(--color-primary-base)/0.35);
  transform: rotate(3deg) translate(0, -4px);
}

#nprogress .spinner{
  display: none;
}

.nested-sortable:hover .list-group-item #nprogress .spinner{
  display: block;
}

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

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

.file\:rounded-lg::file-selector-button{
  border-radius: 0.5rem !important;
}

.file\:rounded-md::file-selector-button{
  border-radius: 0.375rem !important;
}

.file\:rounded-xl::file-selector-button{
  border-radius: 0.75rem !important;
}

.file\:border-0::file-selector-button{
  border-width: 0px !important;
}

.file\:bg-gray-20::file-selector-button{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1)) !important;
}

.file\:bg-primary::file-selector-button{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.file\:bg-primary\/10::file-selector-button{
  background-color: rgb(var(--color-primary-base) / 0.1) !important;
}

.file\:px-3::file-selector-button{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.file\:px-4::file-selector-button{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.file\:py-2::file-selector-button{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.file\:text-body-2::file-selector-button{
  font-size: 14px !important;
  line-height: 16px !important;
}

.file\:text-sm::file-selector-button{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.file\:font-semibold::file-selector-button{
  font-weight: 600 !important;
}

.file\:text-gray-90::file-selector-button{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.file\:text-primary::file-selector-button{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}

.file\:text-white::file-selector-button{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.placeholder\:text-gray-50::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.placeholder\:text-gray-50::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.backdrop\:static::backdrop{
  position: static !important;
}

.first\:border-t-0:first-child{
  border-top-width: 0px !important;
}

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

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

.last\:border-0:last-child{
  border-width: 0px !important;
}

.last\:border-b-0:last-child{
  border-bottom-width: 0px !important;
}

.hover\:-translate-y-0\.5:hover{
  --tw-translate-y: -0.125rem !important;
  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)) !important;
}

.hover\:-translate-y-1:hover{
  --tw-translate-y: -0.25rem !important;
  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)) !important;
}

.hover\:scale-110:hover{
  --tw-scale-x: 1.1 !important;
  --tw-scale-y: 1.1 !important;
  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)) !important;
}

.hover\:border-b-2:hover{
  border-bottom-width: 2px !important;
}

.hover\:border-danger\/30:hover{
  border-color: rgb(var(--color-danger-base) / 0.3) !important;
}

.hover\:border-gray-10:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-gray-20:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(237 240 242 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-gray-25:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-primary:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-primary\/30:hover{
  border-color: rgb(var(--color-primary-base) / 0.3) !important;
}

.hover\:border-primary\/40:hover{
  border-color: rgb(var(--color-primary-base) / 0.4) !important;
}

.hover\:\!bg-danger:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-gray-10:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-primary:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-success:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-danger:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-danger\/10:hover{
  background-color: rgb(var(--color-danger-base) / 0.1) !important;
}

.hover\:bg-danger\/80:hover{
  background-color: rgb(var(--color-danger-base) / 0.8) !important;
}

.hover\:bg-danger\/90:hover{
  background-color: rgb(var(--color-danger-base) / 0.9) !important;
}

.hover\:bg-gray-10:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-10\/50:hover{
  background-color: rgb(250 250 250 / 0.5) !important;
}

.hover\:bg-gray-10\/60:hover{
  background-color: rgb(250 250 250 / 0.6) !important;
}

.hover\:bg-gray-15:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-15\/60:hover{
  background-color: rgb(247 248 249 / 0.6) !important;
}

.hover\:bg-gray-20:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 240 242 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-50:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(162 166 176 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-50\/25:hover{
  background-color: rgb(162 166 176 / 0.25) !important;
}

.hover\:bg-primary:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-primary-gradient:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-primary-gradient\/10:hover{
  background-color: rgb(var(--color-primary-gradient) / 0.1) !important;
}

.hover\:bg-primary\/10:hover{
  background-color: rgb(var(--color-primary-base) / 0.1) !important;
}

.hover\:bg-primary\/30:hover{
  background-color: rgb(var(--color-primary-base) / 0.3) !important;
}

.hover\:bg-primary\/5:hover{
  background-color: rgb(var(--color-primary-base) / 0.05) !important;
}

.hover\:bg-primary\/80:hover{
  background-color: rgb(var(--color-primary-base) / 0.8) !important;
}

.hover\:bg-primary\/90:hover{
  background-color: rgb(var(--color-primary-base) / 0.9) !important;
}

.hover\:bg-secondary:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-secondary-base) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-secondary-hover:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(211 94 15 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-secondary\/10:hover{
  background-color: rgb(var(--color-secondary-base) / 0.1) !important;
}

.hover\:bg-secondary\/80:hover{
  background-color: rgb(var(--color-secondary-base) / 0.8) !important;
}

.hover\:bg-success\/90:hover{
  background-color: rgb(var(--color-success-base) / 0.9) !important;
}

.hover\:bg-support-1:hover{
  background-color: rgba(46, 117, 163, 0.08) !important;
}

.hover\:bg-support-2:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 248 250 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-support-6:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 247 245 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-warning\/10:hover{
  background-color: rgb(var(--color-warning-base) / 0.1) !important;
}

.hover\:bg-warning\/90:hover{
  background-color: rgb(var(--color-warning-base) / 0.9) !important;
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:text-black:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-danger:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-danger-base) / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-danger-button-text:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-danger-button-text) / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gray-30:hover{
  color: rgba(0, 0, 0, 0.12) !important;
}

.hover\:text-gray-90:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-primary:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-primary\/80:hover{
  color: rgb(var(--color-primary-base) / 0.8) !important;
}

.hover\:text-primary\/90:hover{
  color: rgb(var(--color-primary-base) / 0.9) !important;
}

.hover\:text-secondary:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-secondary-base) / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-secondary-button-text:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-secondary-button-text) / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-secondary-hover:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(211 94 15 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-white:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.hover\:underline:hover{
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

.hover\:opacity-100:hover{
  opacity: 1 !important;
}

.hover\:opacity-80:hover{
  opacity: 0.8 !important;
}

.hover\:opacity-90:hover{
  opacity: 0.9 !important;
}

.hover\:opacity-95:hover{
  opacity: 0.95 !important;
}

.hover\:shadow-2xl:hover{
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-md:hover{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-sm:hover{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:shadow-xl:hover{
  --tw-shadow: 0 4px 12px 0 rgb(0, 0, 0, 0.2) !important;
  --tw-shadow-colored: 0 4px 12px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:brightness-95:hover{
  --tw-brightness: brightness(.95) !important;
  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) !important;
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity)) !important;
  }

.hover\:file\:bg-gray-25::file-selector-button:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(228 233 237 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:file\:bg-primary-gradient::file-selector-button:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-gradient) / var(--tw-bg-opacity, 1)) !important;
}

.hover\:file\:bg-primary\/15::file-selector-button:hover{
  background-color: rgb(var(--color-primary-base) / 0.15) !important;
}

.focus\:border-danger:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-danger-base) / var(--tw-border-opacity, 1)) !important;
}

.focus\:border-primary:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.focus\:bg-support-1:focus{
  background-color: rgba(46, 117, 163, 0.08) !important;
}

.focus\:text-primary:focus{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:ring:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-1:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-4:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-danger:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-danger-base) / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-danger\/20:focus{
  --tw-ring-color: rgb(var(--color-danger-base) / 0.2) !important;
}

.focus\:ring-danger\/30:focus{
  --tw-ring-color: rgb(var(--color-danger-base) / 0.3) !important;
}

.focus\:ring-danger\/40:focus{
  --tw-ring-color: rgb(var(--color-danger-base) / 0.4) !important;
}

.focus\:ring-gray-25:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(228 233 237 / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-gray-30:focus{
  --tw-ring-color: rgba(0, 0, 0, 0.12) !important;
}

.focus\:ring-info\/30:focus{
  --tw-ring-color: rgb(var(--color-info-base) / 0.3) !important;
}

.focus\:ring-primary:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-primary-base) / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-primary\/20:focus{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.2) !important;
}

.focus\:ring-primary\/25:focus{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.25) !important;
}

.focus\:ring-primary\/30:focus{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.3) !important;
}

.focus\:ring-primary\/40:focus{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.4) !important;
}

.focus\:ring-secondary:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-secondary-base) / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-secondary\/30:focus{
  --tw-ring-color: rgb(var(--color-secondary-base) / 0.3) !important;
}

.focus\:ring-secondary\/40:focus{
  --tw-ring-color: rgb(var(--color-secondary-base) / 0.4) !important;
}

.focus\:ring-success:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-success-base) / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-success\/30:focus{
  --tw-ring-color: rgb(var(--color-success-base) / 0.3) !important;
}

.focus\:ring-support-3:focus{
  --tw-ring-color: rgba(46, 117, 163, 0.5) !important;
}

.focus\:ring-warning:focus{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-warning-base) / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-warning\/30:focus{
  --tw-ring-color: rgb(var(--color-warning-base) / 0.3) !important;
}

.focus\:ring-warning\/40:focus{
  --tw-ring-color: rgb(var(--color-warning-base) / 0.4) !important;
}

.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px !important;
}

.focus\:border-gray-300:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgba(156, 163, 175, var(--tw-border-opacity)) !important;
  }

.focus-visible\:ring:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px !important;
}

.active\:translate-y-0:active{
  --tw-translate-y: 0px !important;
  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)) !important;
}

.active\:scale-\[0\.98\]:active{
  --tw-scale-x: 0.98 !important;
  --tw-scale-y: 0.98 !important;
  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)) !important;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed !important;
}

.disabled\:cursor-wait:disabled{
  cursor: wait !important;
}

.disabled\:border-primary-borderdisabled:disabled{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.disabled\:bg-gray-15:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:bg-primary-bgdisabled:disabled{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important;
}

.disabled\:text-fontdisabled:disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.disabled\:text-gray-50:disabled{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.disabled\:opacity-40:disabled{
  opacity: 0.4 !important;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5 !important;
}

.disabled\:opacity-60:disabled{
  opacity: 0.6 !important;
}

.group[open] .group-open\:inline{
  display: inline !important;
}

.group[open] .group-open\:hidden{
  display: none !important;
}

.group[open] .group-open\:rotate-180{
  --tw-rotate: 180deg !important;
  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)) !important;
}

.group:hover .group-hover\:block{
  display: block !important;
}

.group:hover .group-hover\:translate-x-0\.5{
  --tw-translate-x: 0.125rem !important;
  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)) !important;
}

.group:hover .group-hover\:translate-x-1{
  --tw-translate-x: 0.25rem !important;
  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)) !important;
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x: 1.1 !important;
  --tw-scale-y: 1.1 !important;
  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)) !important;
}

.group:hover .group-hover\:bg-gray-30{
  background-color: rgba(0, 0, 0, 0.12) !important;
}

.group:hover .group-hover\:bg-primary\/10{
  background-color: rgb(var(--color-primary-base) / 0.1) !important;
}

.group:hover .group-hover\:bg-primary\/60{
  background-color: rgb(var(--color-primary-base) / 0.6) !important;
}

.group:hover .group-hover\:text-gray-90{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}

.group:focus .group-focus\:block{
  display: block !important;
}

@media (prefers-reduced-motion: no-preference){
  @keyframes pulse{
    50%{
      opacity: .5;
    }
  }
  .motion-safe\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
  }
}

@media (min-width: 640px){
  .sm\:left-3{
    left: 0.75rem !important;
  }
  .sm\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }
  .sm\:col-span-10{
    grid-column: span 10 / span 10 !important;
  }
  .sm\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }
  .sm\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }
  .sm\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }
  .sm\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }
  .sm\:col-start-2{
    grid-column-start: 2 !important;
  }
  .sm\:ml-0{
    margin-left: 0px !important;
  }
  .sm\:ml-8{
    margin-left: 2rem !important;
  }
  .sm\:mr-3{
    margin-right: 0.75rem !important;
  }
  .sm\:inline{
    display: inline !important;
  }
  .sm\:h-14{
    height: 3.5rem !important;
  }
  .sm\:h-24{
    height: 6rem !important;
  }
  .sm\:h-28{
    height: 7rem !important;
  }
  .sm\:h-44{
    height: 11rem !important;
  }
  .sm\:w-14{
    width: 3.5rem !important;
  }
  .sm\:w-24{
    width: 6rem !important;
  }
  .sm\:w-28{
    width: 7rem !important;
  }
  .sm\:w-56{
    width: 14rem !important;
  }
  .sm\:w-80{
    width: 20rem !important;
  }
  .sm\:min-w-0{
    min-width: 0px !important;
  }
  .sm\:flex-1{
    flex: 1 1 0% !important;
  }
  .sm\:shrink-0{
    flex-shrink: 0 !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-\[180px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 180px minmax(0,1fr) !important;
  }
  .sm\:grid-cols-\[1fr_auto\]{
    grid-template-columns: 1fr auto !important;
  }
  .sm\:flex-row{
    flex-direction: row !important;
  }
  .sm\:flex-wrap{
    flex-wrap: wrap !important;
  }
  .sm\:items-start{
    align-items: flex-start !important;
  }
  .sm\:items-end{
    align-items: flex-end !important;
  }
  .sm\:items-center{
    align-items: center !important;
  }
  .sm\:justify-start{
    justify-content: flex-start !important;
  }
  .sm\:justify-end{
    justify-content: flex-end !important;
  }
  .sm\:justify-between{
    justify-content: space-between !important;
  }
  .sm\:self-end{
    align-self: flex-end !important;
  }
  .sm\:p-4{
    padding: 1rem !important;
  }
  .sm\:p-5{
    padding: 1.25rem !important;
  }
  .sm\:p-6{
    padding: 1.5rem !important;
  }
  .sm\:p-8{
    padding: 2rem !important;
  }
  .sm\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:pb-4{
    padding-bottom: 1rem !important;
  }
  .sm\:pl-0{
    padding-left: 0px !important;
  }
  .sm\:pl-4{
    padding-left: 1rem !important;
  }
  .sm\:text-3xl{
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
  .sm\:text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .sm\:text-lg{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
}

@media (min-width: 768px){
  .md\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }
  .md\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }
  .md\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }
  .md\:col-span-4{
    grid-column: span 4 / span 4 !important;
  }
  .md\:col-span-5{
    grid-column: span 5 / span 5 !important;
  }
  .md\:col-span-8{
    grid-column: span 8 / span 8 !important;
  }
  .md\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }
  .md\:mb-8{
    margin-bottom: 2rem !important;
  }
  .md\:ml-0{
    margin-left: 0px !important;
  }
  .md\:ml-auto{
    margin-left: auto !important;
  }
  .md\:mr-0{
    margin-right: 0px !important;
  }
  .md\:mt-0{
    margin-top: 0px !important;
  }
  .md\:mt-3{
    margin-top: 0.75rem !important;
  }
  .md\:block{
    display: block !important;
  }
  .md\:flex{
    display: flex !important;
  }
  .md\:grid{
    display: grid !important;
  }
  .md\:hidden{
    display: none !important;
  }
  .md\:h-52{
    height: 13rem !important;
  }
  .md\:w-1\/3{
    width: 33.333333% !important;
  }
  .md\:w-1\/4{
    width: 25% !important;
  }
  .md\:w-1\/5{
    width: 20% !important;
  }
  .md\:w-2\/3{
    width: 66.666667% !important;
  }
  .md\:w-3\/4{
    width: 75% !important;
  }
  .md\:w-4\/12{
    width: 33.333333% !important;
  }
  .md\:w-4\/5{
    width: 80% !important;
  }
  .md\:w-40{
    width: 10rem !important;
  }
  .md\:w-8\/12{
    width: 66.666667% !important;
  }
  .md\:w-96{
    width: 24rem !important;
  }
  .md\:w-\[70vw\]{
    width: 70vw !important;
  }
  .md\:w-auto{
    width: auto !important;
  }
  .md\:max-w-md{
    max-width: 28rem !important;
  }
  .md\:max-w-xl{
    max-width: 36rem !important;
  }
  .md\:flex-1{
    flex: 1 1 0% !important;
  }
  .md\:basis-1\/3{
    flex-basis: 33.333333% !important;
  }
  .md\:basis-1\/4{
    flex-basis: 25% !important;
  }
  .md\:basis-2\/3{
    flex-basis: 66.666667% !important;
  }
  .md\:basis-3\/4{
    flex-basis: 75% !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-\[10rem_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 10rem minmax(0,1fr) !important;
  }
  .md\:grid-cols-\[1fr_160px\]{
    grid-template-columns: 1fr 160px !important;
  }
  .md\:grid-cols-\[1fr_1fr_auto\]{
    grid-template-columns: 1fr 1fr auto !important;
  }
  .md\:grid-cols-\[1fr_2fr_auto\]{
    grid-template-columns: 1fr 2fr auto !important;
  }
  .md\:grid-cols-\[1fr_auto\]{
    grid-template-columns: 1fr auto !important;
  }
  .md\:grid-cols-\[280px\2c 1fr\]{
    grid-template-columns: 280px 1fr !important;
  }
  .md\:grid-cols-\[5\.5rem_5rem_12rem_1fr\]{
    grid-template-columns: 5.5rem 5rem 12rem 1fr !important;
  }
  .md\:grid-cols-\[5\.5rem_5rem_8rem_1fr\]{
    grid-template-columns: 5.5rem 5rem 8rem 1fr !important;
  }
  .md\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) !important;
  }
  .md\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1\.2fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1\.2fr\)_auto\]{
    grid-template-columns: minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr) auto !important;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{
    grid-template-columns: minmax(0,1fr) 220px !important;
  }
  .md\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,1fr) auto !important;
  }
  .md\:grid-cols-\[minmax\(220px\2c 320px\)_auto\]{
    grid-template-columns: minmax(220px,320px) auto !important;
  }
  .md\:flex-row{
    flex-direction: row !important;
  }
  .md\:flex-col{
    flex-direction: column !important;
  }
  .md\:flex-nowrap{
    flex-wrap: nowrap !important;
  }
  .md\:items-start{
    align-items: flex-start !important;
  }
  .md\:items-end{
    align-items: flex-end !important;
  }
  .md\:items-center{
    align-items: center !important;
  }
  .md\:justify-end{
    justify-content: flex-end !important;
  }
  .md\:justify-between{
    justify-content: space-between !important;
  }
  .md\:gap-4{
    gap: 1rem !important;
  }
  .md\:gap-5{
    gap: 1.25rem !important;
  }
  .md\:gap-6{
    gap: 1.5rem !important;
  }
  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  .md\:self-auto{
    align-self: auto !important;
  }
  .md\:border-r{
    border-right-width: 1px !important;
  }
  .md\:border-gray-20{
    --tw-border-opacity: 1 !important;
    border-color: rgb(237 240 242 / var(--tw-border-opacity, 1)) !important;
  }
  .md\:p-4{
    padding: 1rem !important;
  }
  .md\:p-5{
    padding: 1.25rem !important;
  }
  .md\:p-6{
    padding: 1.5rem !important;
  }
  .md\:p-7{
    padding: 1.75rem !important;
  }
  .md\:p-8{
    padding: 2rem !important;
  }
  .md\:px-16{
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:py-8{
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:pr-10{
    padding-right: 2.5rem !important;
  }
  .md\:pr-4{
    padding-right: 1rem !important;
  }
  .md\:pt-1{
    padding-top: 0.25rem !important;
  }
  .md\:pt-2{
    padding-top: 0.5rem !important;
  }
  .md\:text-left{
    text-align: left !important;
  }
  .md\:text-center{
    text-align: center !important;
  }
  .md\:text-right{
    text-align: right !important;
  }
  .md\:text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .md\:text-lg{
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
  }
  .md\:text-sm{
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
}

@media (min-width: 1024px){
  .lg\:sticky{
    position: sticky !important;
  }
  .lg\:top-4{
    top: 1rem !important;
  }
  .lg\:top-6{
    top: 1.5rem !important;
  }
  .lg\:order-1{
    order: 1 !important;
  }
  .lg\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }
  .lg\:col-span-12{
    grid-column: span 12 / span 12 !important;
  }
  .lg\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }
  .lg\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }
  .lg\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }
  .lg\:mb-0{
    margin-bottom: 0px !important;
  }
  .lg\:block{
    display: block !important;
  }
  .lg\:grid{
    display: grid !important;
  }
  .lg\:hidden{
    display: none !important;
  }
  .lg\:h-60{
    height: 15rem !important;
  }
  .lg\:w-1\/2{
    width: 50% !important;
  }
  .lg\:w-\[20\%\]{
    width: 20% !important;
  }
  .lg\:w-\[520px\]{
    width: 520px !important;
  }
  .lg\:w-\[60vw\]{
    width: 60vw !important;
  }
  .lg\:w-\[80\%\]{
    width: 80% !important;
  }
  .lg\:min-w-\[280px\]{
    min-width: 280px !important;
  }
  .lg\:max-w-\[30\%\]{
    max-width: 30% !important;
  }
  .lg\:max-w-\[70\%\]{
    max-width: 70% !important;
  }
  .lg\:max-w-md{
    max-width: 28rem !important;
  }
  .lg\:max-w-xl{
    max-width: 36rem !important;
  }
  .lg\:flex-1{
    flex: 1 1 0% !important;
  }
  .lg\:basis-1\/3{
    flex-basis: 33.333333% !important;
  }
  .lg\:basis-1\/4{
    flex-basis: 25% !important;
  }
  .lg\:basis-1\/6{
    flex-basis: 16.666667% !important;
  }
  .lg\:basis-2\/3{
    flex-basis: 66.666667% !important;
  }
  .lg\:basis-3\/4{
    flex-basis: 75% !important;
  }
  .lg\:basis-5\/6{
    flex-basis: 83.333333% !important;
  }
  .lg\:basis-\[30\%\]{
    flex-basis: 30% !important;
  }
  .lg\:basis-\[70\%\]{
    flex-basis: 70% !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-\[2fr\2c 1fr\]{
    grid-template-columns: 2fr 1fr !important;
  }
  .lg\:grid-cols-\[320px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 320px minmax(0,1fr) !important;
  }
  .lg\:grid-cols-\[360px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 360px minmax(0,1fr) !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 0\.9fr\)_minmax\(0\2c 1\.1fr\)\]{
    grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr) !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.1fr\)_10rem_minmax\(0\2c 1\.2fr\)_minmax\(0\2c 1\.3fr\)_22rem\]{
    grid-template-columns: minmax(0,1.1fr) 10rem minmax(0,1.2fr) minmax(0,1.3fr) 22rem !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 1\.5fr\)_10rem_12rem\]{
    grid-template-columns: minmax(0,1.2fr) minmax(0,1.5fr) 10rem 12rem !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1\.7fr\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(0,1.7fr) minmax(0,1fr) !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_220px_auto\]{
    grid-template-columns: minmax(0,1fr) 220px auto !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{
    grid-template-columns: minmax(0,1fr) auto !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(18rem\2c 24rem\)\]{
    grid-template-columns: minmax(0,1fr) minmax(18rem,24rem) !important;
  }
  .lg\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(18rem\2c 1fr\)\]{
    grid-template-columns: minmax(0,2fr) minmax(18rem,1fr) !important;
  }
  .lg\:grid-cols-\[minmax\(260px\2c 340px\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(260px,340px) minmax(0,1fr) !important;
  }
  .lg\:flex-row{
    flex-direction: row !important;
  }
  .lg\:flex-wrap{
    flex-wrap: wrap !important;
  }
  .lg\:flex-nowrap{
    flex-wrap: nowrap !important;
  }
  .lg\:items-start{
    align-items: flex-start !important;
  }
  .lg\:items-end{
    align-items: flex-end !important;
  }
  .lg\:items-center{
    align-items: center !important;
  }
  .lg\:items-stretch{
    align-items: stretch !important;
  }
  .lg\:justify-end{
    justify-content: flex-end !important;
  }
  .lg\:justify-between{
    justify-content: space-between !important;
  }
  .lg\:gap-6{
    gap: 1.5rem !important;
  }
  .lg\:border-l{
    border-left-width: 1px !important;
  }
  .lg\:p-6{
    padding: 1.5rem !important;
  }
  .lg\:p-7{
    padding: 1.75rem !important;
  }
  .lg\:p-8{
    padding: 2rem !important;
  }
  .lg\:px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-6{
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:pl-4{
    padding-left: 1rem !important;
  }
}

@media (min-width: 1280px){
  .xl\:sticky{
    position: sticky !important;
  }
  .xl\:top-6{
    top: 1.5rem !important;
  }
  .xl\:col-span-1{
    grid-column: span 1 / span 1 !important;
  }
  .xl\:col-span-2{
    grid-column: span 2 / span 2 !important;
  }
  .xl\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }
  .xl\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }
  .xl\:col-span-9{
    grid-column: span 9 / span 9 !important;
  }
  .xl\:block{
    display: block !important;
  }
  .xl\:h-60{
    height: 15rem !important;
  }
  .xl\:h-\[calc\(100vh-12rem\)\]{
    height: calc(100vh - 12rem) !important;
  }
  .xl\:h-full{
    height: 100% !important;
  }
  .xl\:min-h-0{
    min-height: 0px !important;
  }
  .xl\:w-1\/3{
    width: 33.333333% !important;
  }
  .xl\:w-1\/5{
    width: 20% !important;
  }
  .xl\:w-2\/3{
    width: 66.666667% !important;
  }
  .xl\:w-4\/5{
    width: 80% !important;
  }
  .xl\:max-w-sm{
    max-width: 24rem !important;
  }
  .xl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-\[320px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 320px minmax(0,1fr) !important;
  }
  .xl\:grid-cols-\[360px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 360px minmax(0,1fr) !important;
  }
  .xl\:grid-cols-\[380px_minmax\(0\2c 1fr\)\]{
    grid-template-columns: 380px minmax(0,1fr) !important;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1\.45fr\)_360px\]{
    grid-template-columns: minmax(0,1.45fr) 360px !important;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_420px\]{
    grid-template-columns: minmax(0,1fr) 420px !important;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1\.2fr\)\]{
    grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) !important;
  }
  .xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(280px\2c 36\%\)\]{
    grid-template-columns: minmax(0,1fr) minmax(280px,36%) !important;
  }
  .xl\:grid-cols-\[minmax\(220px\2c 30\%\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(220px,30%) minmax(0,1fr) !important;
  }
  .xl\:grid-cols-\[minmax\(320px\2c 34\%\)_minmax\(0\2c 1fr\)\]{
    grid-template-columns: minmax(320px,34%) minmax(0,1fr) !important;
  }
  .xl\:flex-row{
    flex-direction: row !important;
  }
  .xl\:items-start{
    align-items: flex-start !important;
  }
  .xl\:items-end{
    align-items: flex-end !important;
  }
  .xl\:items-center{
    align-items: center !important;
  }
  .xl\:justify-between{
    justify-content: space-between !important;
  }
  .xl\:self-start{
    align-self: flex-start !important;
  }
  .xl\:overflow-hidden{
    overflow: hidden !important;
  }
  .xl\:overflow-y-auto{
    overflow-y: auto !important;
  }
  .xl\:overscroll-contain{
    overscroll-behavior: contain !important;
  }
  .xl\:px-32{
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .xl\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:py-16{
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:pr-1{
    padding-right: 0.25rem !important;
  }
}

@media (min-width: 1536px){
  .\32xl\:basis-1\/6{
    flex-basis: 16.666667% !important;
  }
  .\32xl\:basis-5\/6{
    flex-basis: 83.333333% !important;
  }
  .\32xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .\32xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .\32xl\:px-10{
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .\32xl\:px-8{
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
}

.\[\&_\.alert\]\:rounded-2xl .alert{
  border-radius: 1rem !important;
}

.\[\&_\.alert\]\:border .alert{
  border-width: 1px !important;
}

.\[\&_\.alert\]\:border-info\/20 .alert{
  border-color: rgb(var(--color-info-base) / 0.2) !important;
}

.\[\&_\.alert\]\:bg-support-2 .alert{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 248 250 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.alert\]\:px-4 .alert{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_\.alert\]\:py-3 .alert{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\[\&_\.alert\]\:text-sm .alert{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_\.alert\]\:text-gray-90 .alert{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn--danger\]\:bg-danger .btn--danger{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn--danger\]\:text-white .btn--danger{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn--info\]\:bg-info .btn--info{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn--info\]\:text-white .btn--info{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn--plain\]\:border .btn--plain{
  border-width: 1px !important;
}

.\[\&_\.btn--plain\]\:border-gray-25 .btn--plain{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.btn--plain\]\:bg-white .btn--plain{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn--plain\]\:text-gray-90 .btn--plain{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn--primary\]\:bg-primary .btn--primary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn--primary\]\:text-white .btn--primary{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn--success\]\:bg-success .btn--success{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn--success\]\:text-white .btn--success{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn-danger\]\:bg-danger .btn-danger{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-danger-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn-danger\]\:text-white .btn-danger{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn-default\]\:border .btn-default{
  border-width: 1px !important;
}

.\[\&_\.btn-default\]\:border-gray-25 .btn-default{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.btn-default\]\:bg-white .btn-default{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn-default\]\:text-gray-90 .btn-default{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn-info\]\:bg-info .btn-info{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-info-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn-info\]\:text-white .btn-info{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn-primary\]\:bg-primary .btn-primary{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn-primary\]\:text-white .btn-primary{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn-primary\]\:focus\:ring-primary\/30:focus .btn-primary{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.3) !important;
}

.\[\&_\.btn-success\]\:bg-success .btn-success{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.btn-success\]\:text-white .btn-success{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.btn-success\]\:focus\:ring-success\/30:focus .btn-success{
  --tw-ring-color: rgb(var(--color-success-base) / 0.3) !important;
}

.\[\&_\.btn\]\:inline-flex .btn{
  display: inline-flex !important;
}

.\[\&_\.btn\]\:items-center .btn{
  align-items: center !important;
}

.\[\&_\.btn\]\:justify-center .btn{
  justify-content: center !important;
}

.\[\&_\.btn\]\:gap-2 .btn{
  gap: 0.5rem !important;
}

.\[\&_\.btn\]\:rounded-xl .btn{
  border-radius: 0.75rem !important;
}

.\[\&_\.btn\]\:px-4 .btn{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_\.btn\]\:py-2\.5 .btn{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\[\&_\.btn\]\:text-sm .btn{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_\.btn\]\:font-semibold .btn{
  font-weight: 600 !important;
}

.\[\&_\.btn\]\:shadow-sm .btn{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\.btn\]\:transition .btn{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.\[\&_\.btn\]\:hover\:opacity-90:hover .btn{
  opacity: 0.9 !important;
}

.\[\&_\.btn\]\:focus\:outline-none:focus .btn{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.\[\&_\.btn\]\:focus\:ring-2:focus .btn{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_\.btn\]\:focus\:ring-offset-2:focus .btn{
  --tw-ring-offset-width: 2px !important;
}

.\[\&_\.col-sm-10\]\:w-full .col-sm-10{
  width: 100% !important;
}

.\[\&_\.col-sm-11\]\:w-full .col-sm-11{
  width: 100% !important;
}

.\[\&_\.col-sm-2\]\:w-full .col-sm-2{
  width: 100% !important;
}

.\[\&_\.col-sm-3\]\:w-full .col-sm-3{
  width: 100% !important;
}

.\[\&_\.col-sm-7\]\:w-full .col-sm-7{
  width: 100% !important;
}

.\[\&_\.col-sm-8\]\:w-full .col-sm-8{
  width: 100% !important;
}

.\[\&_\.form-control\]\:w-full .form-control{
  width: 100% !important;
}

.\[\&_\.form-control\]\:rounded-xl .form-control{
  border-radius: 0.75rem !important;
}

.\[\&_\.form-control\]\:border-gray-25 .form-control{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.form-control\]\:bg-white .form-control{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.form-control\]\:px-4 .form-control{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_\.form-control\]\:py-2\.5 .form-control{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\[\&_\.form-control\]\:text-gray-90 .form-control{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.form-control\]\:shadow-sm .form-control{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\.form-control\]\:focus\:border-primary:focus .form-control{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.form-control\]\:focus\:ring-primary\/20:focus .form-control{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.2) !important;
}

.\[\&_\.form-group\]\:mb-0 .form-group{
  margin-bottom: 0px !important;
}

.\[\&_\.form-group\]\:mb-4 .form-group{
  margin-bottom: 1rem !important;
}

.\[\&_\.form-group\]\:mb-5 .form-group{
  margin-bottom: 1.25rem !important;
}

.\[\&_\.form-group\]\:space-y-2 .form-group > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}

.\[\&_\.form-group\]\:space-y-3 .form-group > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}

.\[\&_\.form-group\]\:rounded-2xl .form-group{
  border-radius: 1rem !important;
}

.\[\&_\.form-group\]\:border .form-group{
  border-width: 1px !important;
}

.\[\&_\.form-group\]\:border-gray-25 .form-group{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.form-group\]\:bg-white .form-group{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.form-group\]\:p-5 .form-group{
  padding: 1.25rem !important;
}

.\[\&_\.form-group\]\:shadow-sm .form-group{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_\.form_required\]\:hidden .form required{
  display: none !important;
}

.\[\&_\.help-block\]\:mt-2 .help-block{
  margin-top: 0.5rem !important;
}

.\[\&_\.help-block\]\:block .help-block{
  display: block !important;
}

.\[\&_\.help-block\]\:text-sm .help-block{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_\.help-block\]\:text-gray-50 .help-block{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.input-group\]\:flex .input-group{
  display: flex !important;
}

.\[\&_\.input-group\]\:items-center .input-group{
  align-items: center !important;
}

.\[\&_\.input-group\]\:gap-3 .input-group{
  gap: 0.75rem !important;
}

.\[\&_\.p-button-icon\]\:\!text-2xl .p-button-icon{
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.\[\&_\.pagination\>li\.active\>a\]\:border-primary .pagination>li.active>a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\.active\>a\]\:bg-primary .pagination>li.active>a{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\.active\>a\]\:text-white .pagination>li.active>a{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\.active\>span\]\:border-primary .pagination>li.active>span{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\.active\>span\]\:bg-primary .pagination>li.active>span{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\.active\>span\]\:text-white .pagination>li.active>span{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\.disabled\>span\]\:cursor-not-allowed .pagination>li.disabled>span{
  cursor: not-allowed !important;
}

.\[\&_\.pagination\>li\.disabled\>span\]\:opacity-50 .pagination>li.disabled>span{
  opacity: 0.5 !important;
}

.\[\&_\.pagination\>li\>a\:hover\]\:border-primary\/30 .pagination>li>a:hover{
  border-color: rgb(var(--color-primary-base) / 0.3) !important;
}

.\[\&_\.pagination\>li\>a\:hover\]\:text-primary .pagination>li>a:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\>a\]\:inline-flex .pagination>li>a{
  display: inline-flex !important;
}

.\[\&_\.pagination\>li\>a\]\:min-h-10 .pagination>li>a{
  min-height: 2.5rem !important;
}

.\[\&_\.pagination\>li\>a\]\:min-w-10 .pagination>li>a{
  min-width: 2.5rem !important;
}

.\[\&_\.pagination\>li\>a\]\:items-center .pagination>li>a{
  align-items: center !important;
}

.\[\&_\.pagination\>li\>a\]\:justify-center .pagination>li>a{
  justify-content: center !important;
}

.\[\&_\.pagination\>li\>a\]\:rounded-xl .pagination>li>a{
  border-radius: 0.75rem !important;
}

.\[\&_\.pagination\>li\>a\]\:border .pagination>li>a{
  border-width: 1px !important;
}

.\[\&_\.pagination\>li\>a\]\:border-gray-25 .pagination>li>a{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\>a\]\:bg-white .pagination>li>a{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\>a\]\:px-3 .pagination>li>a{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\[\&_\.pagination\>li\>a\]\:py-2 .pagination>li>a{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\[\&_\.pagination\>li\>a\]\:text-sm .pagination>li>a{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_\.pagination\>li\>a\]\:font-semibold .pagination>li>a{
  font-weight: 600 !important;
}

.\[\&_\.pagination\>li\>a\]\:text-gray-90 .pagination>li>a{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\>a\]\:no-underline .pagination>li>a{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}

.\[\&_\.pagination\>li\>span\]\:inline-flex .pagination>li>span{
  display: inline-flex !important;
}

.\[\&_\.pagination\>li\>span\]\:min-h-10 .pagination>li>span{
  min-height: 2.5rem !important;
}

.\[\&_\.pagination\>li\>span\]\:min-w-10 .pagination>li>span{
  min-width: 2.5rem !important;
}

.\[\&_\.pagination\>li\>span\]\:items-center .pagination>li>span{
  align-items: center !important;
}

.\[\&_\.pagination\>li\>span\]\:justify-center .pagination>li>span{
  justify-content: center !important;
}

.\[\&_\.pagination\>li\>span\]\:rounded-xl .pagination>li>span{
  border-radius: 0.75rem !important;
}

.\[\&_\.pagination\>li\>span\]\:border .pagination>li>span{
  border-width: 1px !important;
}

.\[\&_\.pagination\>li\>span\]\:border-gray-25 .pagination>li>span{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\>span\]\:bg-white .pagination>li>span{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\>span\]\:px-3 .pagination>li>span{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\[\&_\.pagination\>li\>span\]\:py-2 .pagination>li>span{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\[\&_\.pagination\>li\>span\]\:text-sm .pagination>li>span{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_\.pagination\>li\>span\]\:font-semibold .pagination>li>span{
  font-weight: 600 !important;
}

.\[\&_\.pagination\>li\>span\]\:text-gray-90 .pagination>li>span{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.pagination\>li\]\:m-0 .pagination>li{
  margin: 0px !important;
}

.\[\&_\.pagination\]\:m-0 .pagination{
  margin: 0px !important;
}

.\[\&_\.pagination\]\:flex .pagination{
  display: flex !important;
}

.\[\&_\.pagination\]\:list-none .pagination{
  list-style-type: none !important;
}

.\[\&_\.pagination\]\:flex-wrap .pagination{
  flex-wrap: wrap !important;
}

.\[\&_\.pagination\]\:items-center .pagination{
  align-items: center !important;
}

.\[\&_\.pagination\]\:justify-center .pagination{
  justify-content: center !important;
}

.\[\&_\.pagination\]\:gap-2 .pagination{
  gap: 0.5rem !important;
}

.\[\&_\.pagination\]\:p-0 .pagination{
  padding: 0px !important;
}

.\[\&_\.radio\]\:space-y-2 .radio > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}

.\[\&_\.radio\]\:space-y-3 .radio > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}

.\[\&_\.radio\]\:rounded-2xl .radio{
  border-radius: 1rem !important;
}

.\[\&_\.radio\]\:border .radio{
  border-width: 1px !important;
}

.\[\&_\.radio\]\:border-gray-25 .radio{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_\.radio\]\:bg-support-2 .radio{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 248 250 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_\.radio\]\:p-4 .radio{
  padding: 1rem !important;
}

.\[\&_\.radio\]\:text-sm .radio{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_\.radio\]\:text-gray-90 .radio{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_\.radio_label\]\:text-sm .radio label{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_\.radio_label\]\:font-semibold .radio label{
  font-weight: 600 !important;
}

.\[\&_a\:hover\]\:opacity-90 a:hover{
  opacity: 0.9 !important;
}

.\[\&_a\]\:inline-flex a{
  display: inline-flex !important;
}

.\[\&_a\]\:items-center a{
  align-items: center !important;
}

.\[\&_a\]\:gap-2 a{
  gap: 0.5rem !important;
}

.\[\&_a\]\:rounded-lg a{
  border-radius: 0.5rem !important;
}

.\[\&_a\]\:border a{
  border-width: 1px !important;
}

.\[\&_a\]\:bg-white a{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_a\]\:px-3 a{
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.\[\&_a\]\:py-1\.5 a{
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.\[\&_a\]\:text-sm a{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_a\]\:font-medium a{
  font-weight: 500 !important;
}

.\[\&_a\]\:font-semibold a{
  font-weight: 600 !important;
}

.\[\&_a\]\:text-primary a{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}

.\[\&_a\]\:underline a{
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}

.\[\&_a\]\:underline-offset-2 a{
  text-underline-offset: 2px !important;
}

.\[\&_a\]\:shadow-sm a{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.hover\:\[\&_a\]\:text-primary\/80 a:hover{
  color: rgb(var(--color-primary-base) / 0.8) !important;
}

.hover\:\[\&_a\]\:shadow a:hover{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_button\]\:inline-flex button{
  display: inline-flex !important;
}

.\[\&_button\]\:items-center button{
  align-items: center !important;
}

.\[\&_button\]\:justify-center button{
  justify-content: center !important;
}

.\[\&_button\]\:gap-2 button{
  gap: 0.5rem !important;
}

.\[\&_button\]\:rounded-xl button{
  border-radius: 0.75rem !important;
}

.\[\&_button\]\:bg-primary button{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_button\]\:bg-success button{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_button\]\:px-4 button{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_button\]\:py-2\.5 button{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\[\&_button\]\:text-sm button{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_button\]\:font-semibold button{
  font-weight: 600 !important;
}

.\[\&_button\]\:text-white button{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_button\]\:shadow-sm button{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_button\]\:transition button{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.\[\&_button\]\:hover\:opacity-90:hover button{
  opacity: 0.9 !important;
}

.\[\&_button\]\:focus\:outline-none:focus button{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.\[\&_button\]\:focus\:ring-2:focus button{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_button\]\:focus\:ring-primary\/30:focus button{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.3) !important;
}

.\[\&_button\]\:focus\:ring-success\/30:focus button{
  --tw-ring-color: rgb(var(--color-success-base) / 0.3) !important;
}

.\[\&_button\]\:focus\:ring-offset-2:focus button{
  --tw-ring-offset-width: 2px !important;
}

.\[\&_form\]\:space-y-4 form > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}

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

.\[\&_img\]\:mx-1 img{
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.\[\&_img\]\:inline-block img{
  display: inline-block !important;
}

.\[\&_img\]\:h-4 img{
  height: 1rem !important;
}

.\[\&_img\]\:w-4 img{
  width: 1rem !important;
}

.\[\&_img\]\:align-middle img{
  vertical-align: middle !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:block input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  display: block !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:w-full input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  width: 100% !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:rounded-xl input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  border-radius: 0.75rem !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:border-gray-25 input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:bg-white input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:text-sm input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:text-gray-90 input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:shadow-sm input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:placeholder\:text-gray-50 input:not([type=radio]):not([type=checkbox]):not([type=hidden])::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:placeholder\:text-gray-50 input:not([type=radio]):not([type=checkbox]):not([type=hidden])::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:focus\:border-primary:focus input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\:not\(\[type\=hidden\]\)\]\:focus\:ring-primary:focus input:not([type=radio]):not([type=checkbox]):not([type=hidden]){
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-primary-base) / var(--tw-ring-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:block input:not([type=radio]):not([type=checkbox]){
  display: block !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:w-full input:not([type=radio]):not([type=checkbox]){
  width: 100% !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:rounded-xl input:not([type=radio]):not([type=checkbox]){
  border-radius: 0.75rem !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:border-gray-25 input:not([type=radio]):not([type=checkbox]){
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:bg-white input:not([type=radio]):not([type=checkbox]){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:text-sm input:not([type=radio]):not([type=checkbox]){
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:text-gray-90 input:not([type=radio]):not([type=checkbox]){
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:shadow-sm input:not([type=radio]):not([type=checkbox]){
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:placeholder\:text-gray-50 input:not([type=radio]):not([type=checkbox])::-moz-placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:placeholder\:text-gray-50 input:not([type=radio]):not([type=checkbox])::placeholder{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:focus\:border-primary:focus input:not([type=radio]):not([type=checkbox]){
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.\[\&_input\:not\(\[type\=radio\]\)\:not\(\[type\=checkbox\]\)\]\:focus\:ring-primary:focus input:not([type=radio]):not([type=checkbox]){
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-primary-base) / var(--tw-ring-opacity, 1)) !important;
}

.\[\&_input\[type\=radio\]\]\:mr-2 input[type=radio]{
  margin-right: 0.5rem !important;
}

.\[\&_input\[type\=radio\]\]\:h-4 input[type=radio]{
  height: 1rem !important;
}

.\[\&_input\[type\=radio\]\]\:w-4 input[type=radio]{
  width: 1rem !important;
}

.\[\&_input\[type\=radio\]\]\:border-gray-25 input[type=radio]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_input\[type\=radio\]\]\:text-primary input[type=radio]{
  --tw-text-opacity: 1 !important;
  color: rgb(var(--color-primary-base) / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\[type\=radio\]\]\:focus\:ring-primary:focus input[type=radio]{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-primary-base) / var(--tw-ring-opacity, 1)) !important;
}

.\[\&_input\[type\=submit\]\]\:inline-flex input[type=submit]{
  display: inline-flex !important;
}

.\[\&_input\[type\=submit\]\]\:items-center input[type=submit]{
  align-items: center !important;
}

.\[\&_input\[type\=submit\]\]\:justify-center input[type=submit]{
  justify-content: center !important;
}

.\[\&_input\[type\=submit\]\]\:gap-2 input[type=submit]{
  gap: 0.5rem !important;
}

.\[\&_input\[type\=submit\]\]\:rounded-xl input[type=submit]{
  border-radius: 0.75rem !important;
}

.\[\&_input\[type\=submit\]\]\:bg-primary input[type=submit]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-primary-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_input\[type\=submit\]\]\:bg-success input[type=submit]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--color-success-base) / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_input\[type\=submit\]\]\:px-4 input[type=submit]{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_input\[type\=submit\]\]\:py-2\.5 input[type=submit]{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\[\&_input\[type\=submit\]\]\:text-sm input[type=submit]{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_input\[type\=submit\]\]\:font-semibold input[type=submit]{
  font-weight: 600 !important;
}

.\[\&_input\[type\=submit\]\]\:text-white input[type=submit]{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_input\[type\=submit\]\]\:shadow-sm input[type=submit]{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_input\[type\=submit\]\]\:transition input[type=submit]{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.\[\&_input\[type\=submit\]\]\:hover\:opacity-90:hover input[type=submit]{
  opacity: 0.9 !important;
}

.\[\&_input\[type\=submit\]\]\:focus\:outline-none:focus input[type=submit]{
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.\[\&_input\[type\=submit\]\]\:focus\:ring-2:focus input[type=submit]{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.\[\&_input\[type\=submit\]\]\:focus\:ring-primary\/30:focus input[type=submit]{
  --tw-ring-color: rgb(var(--color-primary-base) / 0.3) !important;
}

.\[\&_input\[type\=submit\]\]\:focus\:ring-success\/30:focus input[type=submit]{
  --tw-ring-color: rgb(var(--color-success-base) / 0.3) !important;
}

.\[\&_input\[type\=submit\]\]\:focus\:ring-offset-2:focus input[type=submit]{
  --tw-ring-offset-width: 2px !important;
}

.\[\&_label\]\:mb-2 label{
  margin-bottom: 0.5rem !important;
}

.\[\&_label\]\:mb-3 label{
  margin-bottom: 0.75rem !important;
}

.\[\&_label\]\:block label{
  display: block !important;
}

.\[\&_label\]\:text-sm label{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_label\]\:font-medium label{
  font-weight: 500 !important;
}

.\[\&_label\]\:font-semibold label{
  font-weight: 600 !important;
}

.\[\&_label\]\:text-gray-90 label{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_select\]\:block select{
  display: block !important;
}

.\[\&_select\]\:w-full select{
  width: 100% !important;
}

.\[\&_select\]\:rounded-xl select{
  border-radius: 0.75rem !important;
}

.\[\&_select\]\:border-gray-25 select{
  --tw-border-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_select\]\:bg-white select{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.\[\&_select\]\:px-4 select{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_select\]\:py-2\.5 select{
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.\[\&_select\]\:text-sm select{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_select\]\:text-gray-90 select{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_select\]\:shadow-sm select{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\[\&_select\]\:focus\:border-primary:focus select{
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--color-primary-base) / var(--tw-border-opacity, 1)) !important;
}

.\[\&_select\]\:focus\:ring-primary:focus select{
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(var(--color-primary-base) / var(--tw-ring-opacity, 1)) !important;
}

.\[\&_small\]\:hidden small{
  display: none !important;
}

.\[\&_table\]\:min-w-full table{
  min-width: 100% !important;
}

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

.\[\&_table\]\:divide-gray-25 table > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1 !important;
  border-color: rgb(228 233 237 / var(--tw-divide-opacity, 1)) !important;
}

.\[\&_tbody_tr\:hover\]\:bg-gray-15\/60 tbody tr:hover{
  background-color: rgb(247 248 249 / 0.6) !important;
}

.\[\&_tbody_tr\]\:border-t tbody tr{
  border-top-width: 1px !important;
}

.\[\&_tbody_tr\]\:border-gray-20 tbody tr{
  --tw-border-opacity: 1 !important;
  border-color: rgb(237 240 242 / var(--tw-border-opacity, 1)) !important;
}

.\[\&_td\]\:px-4 td{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_td\]\:py-4 td{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.\[\&_td\]\:align-middle td{
  vertical-align: middle !important;
}

.\[\&_td\]\:text-sm td{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.\[\&_td\]\:text-gray-90 td{
  --tw-text-opacity: 1 !important;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_th\]\:px-4 th{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\[\&_th\]\:py-3 th{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\[\&_th\]\:text-left th{
  text-align: left !important;
}

.\[\&_th\]\:text-xs th{
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.\[\&_th\]\:font-semibold th{
  font-weight: 600 !important;
}

.\[\&_th\]\:uppercase th{
  text-transform: uppercase !important;
}

.\[\&_th\]\:tracking-wide th{
  letter-spacing: 0.025em !important;
}

.\[\&_th\]\:text-gray-50 th{
  --tw-text-opacity: 1 !important;
  color: rgb(162 166 176 / var(--tw-text-opacity, 1)) !important;
}

.\[\&_thead\]\:bg-gray-15 thead{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 248 249 / var(--tw-bg-opacity, 1)) !important;
}