@charset "UTF-8";
*, :after, :before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after, :before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

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

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

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button, input, optgroup, select, textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem
}

[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus {
    --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);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

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
}

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

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

[multiple] {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

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

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

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

[type=checkbox]:focus, [type=radio]:focus {
    --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);
    outline: 2px solid transparent;
    outline-offset: 2px
}

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

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

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

[type=checkbox]:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

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

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

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

*, :after, :before {
    --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: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .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:
}

.block {
    display: block
}

.flex {
    display: flex
}

.table {
    display: table
}

.hidden {
    display: none
}

.h-5 {
    height: 1.25rem
}

.w-5 {
    width: 1.25rem
}

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

.text-center {
    text-align: center
}

@font-face {
    font-named-instance: "Regular";
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    src: url(../../fonts/inter/Inter-roman.var.woff2?v=3.19) format("woff2")
}

@font-face {
    font-named-instance: "Italic";
    font-display: swap;
    font-family: Inter;
    font-style: italic;
    font-weight: 100 900;
    src: url(../../fonts/inter/Inter-italic.var.woff2?v=3.19) format("woff2")
}

html {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    color: rgb(75 85 99/var(--tw-text-opacity))
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

h1 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity));
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 2rem;
    line-height: 1.25
}

@media (min-width: 768px) {
    h1 {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

h2 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.75rem;
    line-height: 1.25
}

@media (min-width: 768px) {
    h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

h3 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -.025em;
    line-height: 1.75rem;
    line-height: 1.25
}

@media (min-width: 768px) {
    h3 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.show {
    display: block !important
}

.center {
    align-items: center;
    display: flex;
    justify-content: center
}

a {
    text-decoration-line: none
}

.text-muted, a {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-muted {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-muted:empty {
    display: none
}

.icon {
    align-items: center;
    display: flex;
    font-size: .875rem;
    height: 1rem;
    justify-content: center;
    line-height: 1.25rem;
    width: 1rem
}

.icon .font-awesome-icon {
    display: flex;
    height: 100%;
    width: 100%
}

.icon .font-awesome-icon svg {
    fill: currentColor;
    flex-shrink: 0;
    height: 100%;
    width: 100%
}

.row-100, .row-75 {
    width: 100%
}

@media (min-width: 1024px) {
    .row-75 {
        width: 75%
    }
}

.row-66 {
    width: 100%
}

@media (min-width: 1024px) {
    .row-66 {
        width: 66.666667%
    }
}

.row-50 {
    width: 100%
}

@media (min-width: 640px) {
    .row-50 {
        width: 50%
    }
}

.row-33 {
    width: 100%
}

@media (min-width: 640px) {
    .row-33 {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .row-33 {
        width: 33.333333%
    }
}

.row-25 {
    width: 100%
}

@media (min-width: 640px) {
    .row-25 {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .row-25 {
        width: 25%
    }
}

.page-content-width-small {
    max-width: 48rem
}

.page-content-width-medium {
    max-width: 80rem
}

.content-width-small {
    max-width: 48rem
}

.content-width-medium {
    max-width: 80rem
}

.container-layout-width-small {
    max-width: 48rem
}

.container-layout-width-medium {
    max-width: 80rem
}

.progress {
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
    margin-bottom: 1rem;
    width: 100%
}

.progress, .progress .progress-bar {
    --tw-bg-opacity: 1;
    border-radius: 9999px;
    height: .625rem
}

.progress .progress-bar {
    background-color: rgb(122 91 121);
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.text-break {
    overflow-wrap: break-word
}

.form-color, .form-input, .form-multiselect, .form-select, .form-textarea {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    color: rgb(17 24 39/var(--tw-text-opacity));
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem .75rem;
    width: 100%
}

.form-color::-moz-placeholder, .form-input::-moz-placeholder, .form-multiselect::-moz-placeholder, .form-select::-moz-placeholder, .form-textarea::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(209 213 219/var(--tw-placeholder-opacity))
}

.form-color::placeholder, .form-input::placeholder, .form-multiselect::placeholder, .form-select::placeholder, .form-textarea::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(209 213 219/var(--tw-placeholder-opacity))
}

.form-color, .form-input, .form-multiselect, .form-select, .form-textarea {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-color:hover, .form-input:hover, .form-multiselect:hover, .form-select:hover, .form-textarea:hover {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity))
}

.form-color:focus, .form-input:focus, .form-multiselect:focus, .form-select:focus, .form-textarea:focus {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    --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(var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: rgb(96 165 250/var(--tw-border-opacity));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

.form-select, .form-select:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.form-color {
    cursor: pointer;
    height: 2.25rem;
    max-width: 38px;
    overflow: hidden;
    padding: 0
}

.form-color::-webkit-color-swatch-wrapper {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: .25rem
}

.form-color::-webkit-color-swatch {
    border-color: transparent;
    border-radius: .375rem
}

.form-checkbox {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    border-radius: .25rem;
    border-width: 1px;
    color: rgb(59 130 246/var(--tw-text-opacity));
    cursor: pointer;
    display: block;
    height: 1rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1rem
}

.form-checkbox:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity));
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

.checkbox-container {
    align-content: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: .25rem
}

.checkbox-container.checkbox-inline {
    flex-direction: row
}

.checkbox-input {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    line-height: 1.25rem
}

:is([dir=ltr] .checkbox-input) {
    margin-right: .5rem
}

:is([dir=rtl] .checkbox-input) {
    margin-left: .5rem
}

:is([dir=ltr] .checkbox-input [type=checkbox]) {
    margin-right: .375rem
}

:is([dir=rtl] .checkbox-input [type=checkbox]) {
    margin-left: .375rem
}

:is([dir=ltr] .checkbox-input .sort-icon) {
    margin-right: .5rem
}

:is([dir=rtl] .checkbox-input .sort-icon) {
    margin-left: .5rem
}

.checkbox-input .sort-icon svg {
    --tw-bg-opacity: 1;
    fill: currentColor;
    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(249 250 251/var(--tw-ring-opacity));
    --tw-ring-offset-width: 0px;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    color: rgb(107 114 128/var(--tw-text-opacity));
    height: 1rem
}

.checkbox-input .sort-icon svg:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 244 246/var(--tw-ring-opacity));
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.checkbox-input .sort-icon svg:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(219 234 254/var(--tw-ring-opacity));
    background-color: rgb(219 234 254/var(--tw-bg-opacity));
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.checkbox-input label {
    cursor: pointer
}

.form-radio {
    --tw-border-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: rgb(209 213 219/var(--tw-border-opacity));
    border-width: 1px;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-radio:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity));
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

.radio-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: .25rem
}

.radio-container.radio-inline {
    flex-direction: row
}

.radio-input {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    line-height: 1.25rem
}

:is([dir=ltr] .radio-input) {
    margin-right: .5rem
}

:is([dir=rtl] .radio-input) {
    margin-left: .5rem
}

:is([dir=ltr] .radio-input [type=radio]) {
    margin-right: .375rem
}

:is([dir=rtl] .radio-input [type=radio]) {
    margin-left: .375rem
}

.range-container {
    position: relative
}

.range-container .form-range {
    cursor: pointer;
    margin-bottom: .75rem;
    margin-top: .75rem;
    width: 100%
}

.range-container .form-range, .range-container .range-tooltip {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
    border-radius: .5rem
}

.range-container .range-tooltip {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: .25rem .75rem;
    position: absolute;
    text-align: center;
    top: -1.75rem;
    visibility: hidden
}

:is([dir=ltr] .range-container .range-tooltip) {
    right: 0
}

:is([dir=rtl] .range-container .range-tooltip) {
    left: 0
}

.form-file {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    color: rgb(107 114 128/var(--tw-text-opacity));
    cursor: pointer;
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    width: 100%
}

.form-file::file-selector-button {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    border-width: 0;
    color: rgb(75 85 99/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: .5rem .75rem
}

.form-file:hover {
    cursor: pointer
}

.form-file::file-selector-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
    cursor: pointer
}

.form-file:focus {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    --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(var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: rgb(96 165 250/var(--tw-border-opacity));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

.form-file::file-selector-button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

:is([dir=ltr] .form-file)::file-selector-button {
    margin-right: 1rem
}

:is([dir=rtl] .form-file)::file-selector-button {
    margin-left: 1rem
}

.button {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    line-height: 1.25rem;
    padding: .5rem 1rem;
    text-align: center;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.button.submit-button {
    padding-left: 2rem;
    padding-right: 2rem
}

.button span {
    position: relative
}

.button span .loading-indicator {
    --tw-translate-y: -50%;
    display: none;
    position: absolute;
    top: 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))
}

:is([dir=ltr] .button span .loading-indicator) {
    left: -1.25rem
}

:is([dir=rtl] .button span .loading-indicator) {
    right: -1.25rem
}

.button:disabled .loading-indicator {
    display: inline
}

.button:disabled .loading-indicator svg {
    height: 1rem;
    width: 1rem
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.button:disabled .loading-indicator svg {
    --tw-text-opacity: 1;
    animation: spin 1s linear infinite;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.button:disabled .loading-indicator svg circle {
    opacity: .25
}

.button:disabled .loading-indicator svg path {
    opacity: .75
}

.button .icon {
    height: 1rem;
    line-height: 1rem
}

:is([dir=ltr] .button .icon) {
    margin-right: .5rem
}

:is([dir=rtl] .button .icon) {
    margin-left: .5rem
}

a.button, a.cancel {
    text-decoration-line: none
}

.primary-button {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    background-color: rgb(122 91 121);
    border-color: rgb(122 91 121/var(--tw-border-opacity));
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(255 255 255/var(--tw-text-opacity));
    min-width: 100px
}

.primary-button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(122 91 121/var(--tw-bg-opacity))
}

.primary-button:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity));
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

.primary-button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity))
}

.primary-button:disabled {
    cursor: progress
}

.primary-button:disabled, .primary-button:hover:disabled {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(122 91 121);
    border-color: rgb(122 91 121/var(--tw-border-opacity))
}

.primary-button.add-new {
    min-width: 80px
}

.primary-button.languages-btn {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    border-color: rgb(243 244 246/var(--tw-border-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.primary-button.languages-btn:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(29 78 216/var(--tw-bg-opacity));
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.primary-button.languages-btn:active {
    --tw-bg-opacity: 1;
    background-color: rgb(30 64 175/var(--tw-bg-opacity))
}

.cancel-button {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: transparent;
    border-width: 1px;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.cancel-button:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.cancel-button:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(243 244 246/var(--tw-ring-opacity));
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

.cancel-button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.danger-button {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity));
    border-color: rgb(248 113 113/var(--tw-border-opacity));
    border-width: 1px;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.danger-button:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity));
    border-color: rgb(239 68 68/var(--tw-border-opacity))
}

.danger-button:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 226 226/var(--tw-ring-opacity));
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

.danger-button:active {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28/var(--tw-bg-opacity))
}

.group-input {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

:is([dir=ltr] .group-input>:nth-last-child(n+3)) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

:is([dir=rtl] .group-input>:nth-last-child(n+3)) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

:is([dir=ltr] .group-input>:not(:first-child)) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

:is([dir=rtl] .group-input>:not(:first-child)) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.group-input .input-prefix {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .625rem;
    padding-right: .625rem;
    text-align: center;
    white-space: nowrap
}

:is([dir=ltr] .group-input .input-prefix) {
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0
}

:is([dir=rtl] .group-input .input-prefix) {
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-left-radius: 0
}

.group-input input, .group-input select {
    flex: 1 1 auto;
    width: 1%
}

.group-input .input-suffix {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .625rem;
    padding-right: .625rem;
    text-align: center;
    white-space: nowrap
}

:is([dir=ltr] .group-input .input-suffix) {
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-left-radius: 0
}

:is([dir=rtl] .group-input .input-suffix) {
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0
}

.group-input .error-message {
    margin-top: .25rem;
    width: 100%
}

:is([dir=ltr] .group-input.date-time-group input) {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

:is([dir=rtl] .group-input.date-time-group input) {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.layout-container {
    align-content: stretch;
    display: flex;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100%
}

.layout-container .page-container {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 100vh;
    min-width: 100%;
    width: 100vw
}

@media (min-width: 768px) {
    .layout-container .page-container {
        min-width: 0
    }
}

.layout-container .page-container .page-header {
    display: flex;
    flex-direction: column
}

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

.layout-container .page-container .page-header {
    padding-bottom: 1rem;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 640px) {
    .layout-container .page-container .page-header {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.layout-container .page-container .page-header .breadcrumb-container {
    order: 1
}

.layout-container .page-container .page-header .breadcrumb-container .breadcrumb {
    display: flex
}

.layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(107 114 128/var(--tw-text-opacity));
    display: inline-flex;
    font-size: 13px;
    font-weight: 500
}

:is([dir=ltr] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item:first-child) {
    padding-right: .25rem
}

:is([dir=rtl] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item:first-child) {
    padding-left: .25rem
}

.layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item a {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(107 114 128/var(--tw-text-opacity));
    display: inline-flex;
    font-size: 13px;
    text-decoration-line: none
}

.layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item a:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item a .icon {
    height: .75rem;
    width: .75rem
}

:is([dir=ltr] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item a .icon) {
    margin-right: 0
}

:is([dir=rtl] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item a .icon) {
    margin-left: 0
}

:is([dir=ltr] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item:not(:first-child)):before {
    padding-right: .25rem
}

:is([dir=rtl] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item:not(:first-child)):before {
    --tw-rotate: 180deg;
    padding-left: .25rem;
    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))
}

.layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item:not(:first-child):before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Cpath fill='rgba(107, 114, 128, 1)' d='M7.293 14.707a1 1 0 0 1 0-1.414L10.586 10 7.293 6.707a1 1 0 0 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0Z'/%3E%3C/svg%3E")
}

:is([dir=ltr] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item) {
    padding-left: 0
}

:is([dir=rtl] .layout-container .page-container .page-header .breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item) {
    padding-right: 0
}

.layout-container .page-container .page-header .page-info {
    order: 2
}

.layout-container .page-container .page-header .page-info .info {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity));
    font-size: 13px
}

.layout-container .page-container .page-header .page-info .info:empty {
    display: none
}

.layout-container .page-container .page-header .page-back-button {
    line-height: 1;
    order: 4
}

.layout-container .page-container .page-header .page-back-button a {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(107 114 128/var(--tw-text-opacity));
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    text-decoration-line: none;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.layout-container .page-container .page-header .page-back-button a:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.layout-container .page-container .page-header .page-back-button a .icon {
    height: .75rem
}

.layout-container .page-container .page-section {
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 640px) {
    .layout-container .page-container .page-section {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.sidebar-container {
    --tw-bg-opacity: 1;
    background-color: rgb(165 133 163);
    display: flex;
    flex-direction: column;
    max-width: 270px;
    min-height: 100vh;
    min-width: 270px;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 270px;
    z-index: 10
}

:is([dir=ltr] .sidebar-container) {
    margin-left: -270px
}

:is([dir=rtl] .sidebar-container) {
    margin-right: -270px
}

@media (min-width: 768px) {
    :is([dir=ltr] .sidebar-container) {
        margin-left: 0
    }

    :is([dir=rtl] .sidebar-container) {
        margin-right: 0
    }
}

:is([dir=ltr] .sidebar-container.toggled) {
    margin-left: 0
}

:is([dir=rtl] .sidebar-container.toggled) {
    margin-right: 0
}

@media (min-width: 768px) {
    :is([dir=ltr] .sidebar-container.toggled) {
        margin-left: -270px
    }

    :is([dir=rtl] .sidebar-container.toggled) {
        margin-right: -270px
    }
}

.sidebar-container nav.sidebar {
    height: 100%
}

.sidebar-container nav.sidebar .logo {
    width: 100%
}

.sidebar-container nav.sidebar .logo a {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(229 231 235/var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    font-size: 1.875rem;
    font-weight: 700;
    height: 3.5rem;
    justify-content: center;
    line-height: 2.25rem;
    line-height: 1;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.sidebar-container nav.sidebar .logo a:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity));
    text-decoration-line: none
}

.sidebar-container nav.sidebar .logo a .subtitle {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    font-size: .875rem;
    letter-spacing: .05em;
    line-height: 1.25rem;
    line-height: 1
}

.sidebar-container nav.sidebar .logo a .subtitle:empty, .sidebar-container nav.sidebar .sidebar-user {
    display: none
}

.sidebar-container nav.sidebar .menu-list {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-top: .75rem
}

.sidebar-container nav.sidebar .menu-list .icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    flex-grow: 0;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is([dir=ltr] .sidebar-container nav.sidebar .menu-list .icon) {
    margin-right: .375rem
}

:is([dir=rtl] .sidebar-container nav.sidebar .menu-list .icon) {
    margin-left: .375rem
}

.sidebar-container nav.sidebar .menu-list .item {
    border-radius: .375rem;
    margin-left: .75rem;
    margin-right: .75rem;
    overflow: hidden
}

.sidebar-container nav.sidebar .menu-list .item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(122 91 121);
}

.sidebar-container nav.sidebar .menu-list .item:active {
    --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);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(75 85 99/var(--tw-ring-opacity));
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.sidebar-container nav.sidebar .menu-list .item .link {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(255 255 255);
    display: flex;
    font-size: .875rem;
    justify-content: flex-start;
    line-height: 1.25rem;
    padding: .75rem 1rem;
    text-decoration-line: none;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.sidebar-container nav.sidebar .menu-list .item .link:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.sidebar-container nav.sidebar .menu-list .item .title {
    flex-grow: 1;
    overflow-wrap: break-word
}

:is([dir=ltr] .sidebar-container nav.sidebar .menu-list .item .title) {
    margin-left: .75rem
}

:is([dir=rtl] .sidebar-container nav.sidebar .menu-list .item .title) {
    margin-right: .75rem
}

.sidebar-container nav.sidebar .menu-list .item.active .link {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(122 91 121);
    color: rgb(255 255 255);
}

.sidebar-container nav.sidebar .menu-list .item.active .link .icon, .sidebar-container nav.sidebar .menu-list .item:hover .icon {
    --tw-scale-x: 115%;
    --tw-scale-y: 115%;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    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))
}

.sidebar-container nav.sidebar .menu-list .dropdown .item .action-icon {
    display: flex;
    justify-content: flex-end;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.sidebar-container nav.sidebar .menu-list .dropdown .dropdown-container {
    display: none
}

.sidebar-container nav.sidebar .menu-list .dropdown .dropdown-container .dropdown-menu-list > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
    margin-top: calc(.25rem * (1 - var(--tw-space-y-reverse)))
}

.sidebar-container nav.sidebar .menu-list .dropdown .dropdown-container .dropdown-menu-list:first-child {
    margin-top: .25rem
}

:is([dir=ltr] .sidebar-container nav.sidebar .menu-list .dropdown .dropdown-container .dropdown-menu-list) {
    padding-left: .25rem
}

:is([dir=rtl] .sidebar-container nav.sidebar .menu-list .dropdown .dropdown-container .dropdown-menu-list) {
    padding-right: .25rem
}

.sidebar-container nav.sidebar .menu-list .dropdown.open .action-icon {
    --tw-rotate: 90deg;
    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))
}

.sidebar-container nav.sidebar .menu-list .menu-header-container {
    --tw-border-opacity: 1;
    border-top-color: rgb(55 65 81/var(--tw-border-opacity));
    border-top-width: 1px;
    margin-top: .5rem;
    padding-top: .75rem
}

.sidebar-container nav.sidebar .menu-list .menu-header-container:first-child {
    border-width: 0;
    margin-top: 0;
    padding-top: 0
}

.sidebar-container nav.sidebar .menu-list .menu-header-container .menu-header {
    margin-bottom: .25rem
}

:is([dir=ltr] .sidebar-container nav.sidebar .menu-list .menu-header-container .menu-header) {
    margin-left: 1.5rem;
    margin-right: .75rem
}

:is([dir=rtl] .sidebar-container nav.sidebar .menu-list .menu-header-container .menu-header) {
    margin-left: .75rem;
    margin-right: 1.5rem
}

.sidebar-container nav.sidebar .menu-list .menu-header-container .menu-header .menu-header-title {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    overflow-wrap: break-word
}

.sidebar-container nav.sidebar .menu-list .menu-header-container .menu-header .menu-header-info {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 300;
    line-height: 1rem
}

.sidebar-container footer {
    padding: .125rem .5rem
}

.sidebar-container footer a {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    text-decoration-line: none
}

.sidebar-container footer a:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.page-top-bar {
    --tw-bg-opacity: 1;
    -webkit-padding-start: .25rem;
    -webkit-padding-end: .5rem;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
    flex-wrap: nowrap;
    height: 3.5rem;
    justify-content: space-between;
    margin-bottom: .625rem;
    padding-inline-end: .5rem;
    padding-inline-start: .25rem;
    position: relative
}

@media (min-width: 640px) {
    .page-top-bar {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
}

.page-top-bar .icon-container {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .5rem;
    color: rgb(75 85 99/var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 2.5rem
}

.page-top-bar .icon-container .icon {
    height: 1.25rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 1.25rem
}

.page-top-bar .icon-container.import-page {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    justify-content: center
}

.page-top-bar .icon-container.import-page .icon {
    height: 1.25rem;
    width: 1.5rem
}

.page-top-bar .icon-container:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-top-bar .icon-container:hover .icon {
    height: 1.5rem;
    width: 2rem
}

.page-top-bar .icon-container:active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.page-top-bar .right-side {
    align-items: center;
    display: flex;
    gap: .5rem
}

.page-top-bar .right-side .sidebar-user {
    align-items: center;
    display: flex;
    padding-bottom: .5rem;
    padding-top: .5rem;
    position: relative
}

.page-top-bar .right-side .sidebar-user .sidebar-user-image {
    order: 2
}

.page-top-bar .right-side .sidebar-user .sidebar-user-image img {
    --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);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity));
    --tw-ring-offset-width: 1px;
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    height: 2.5rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 2.5rem
}

.page-top-bar .right-side .sidebar-user .sidebar-user-info {
    order: 1
}

:is([dir=ltr] .page-top-bar .right-side .sidebar-user .sidebar-user-info) {
    padding-right: .5rem;
    text-align: right
}

:is([dir=rtl] .page-top-bar .right-side .sidebar-user .sidebar-user-info) {
    padding-left: .5rem;
    text-align: left
}

.page-top-bar .right-side .sidebar-user .sidebar-user-info .sidebar-user-name {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.page-top-bar .right-side .sidebar-user .sidebar-user-info .sidebar-user-email {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity));
    font-size: .75rem;
    line-height: 1rem
}

.page-top-bar .right-side .sidebar-user .sidebar-user-links {
    display: none;
    flex-direction: column;
    gap: .25rem;
    position: absolute;
    top: 100%;
    z-index: 50
}

.page-top-bar .right-side .sidebar-user .sidebar-user-links > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
    margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)))
}

.page-top-bar .right-side .sidebar-user .sidebar-user-links {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: .75rem
}

:is([dir=ltr] .page-top-bar .right-side .sidebar-user .sidebar-user-links) {
    right: 0
}

:is([dir=rtl] .page-top-bar .right-side .sidebar-user .sidebar-user-links) {
    left: 0
}

.page-top-bar .right-side .sidebar-user .sidebar-user-links .link {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .375rem;
    color: rgb(55 65 81/var(--tw-text-opacity));
    display: flex;
    flex-wrap: nowrap;
    margin-left: .5rem;
    margin-right: .5rem;
    overflow: hidden
}

.page-top-bar .right-side .sidebar-user .sidebar-user-links .link:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity))
}

.page-top-bar .right-side .sidebar-user .sidebar-user-links .link .icon {
    flex-grow: 0;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:is([dir=ltr] .page-top-bar .right-side .sidebar-user .sidebar-user-links .link .icon) {
    margin-right: .375rem
}

:is([dir=rtl] .page-top-bar .right-side .sidebar-user .sidebar-user-links .link .icon) {
    margin-left: .375rem
}

.page-top-bar .right-side .sidebar-user .sidebar-user-links .title {
    white-space: nowrap
}

.page-top-bar .right-side .sidebar-user:hover .sidebar-user-links {
    display: flex
}

.page-content {
    padding-bottom: 2.5rem
}

.page-content .container-layout {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    flex-wrap: wrap
}

.page-content .content-layout {
    margin-bottom: 2.5rem;
    position: relative
}

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

.page-content .content-layout .content-element {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 1rem .5rem 1.5rem
}

@media (min-width: 640px) {
    .page-content .content-layout .content-element {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.page-content .content-layout .content-element .content-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.page-content .content-layout .content-element .content-header > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
    margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)))
}

.page-content .content-layout .content-element .content-header .header {
    margin-top: .25rem
}

.page-content .content-layout .content-element .content-header .header:has(h3:empty+p:empty) {
    display: none
}

.page-content .content-layout .content-element .content-header .header .title:empty {
    display: none
}

.page-content .content-layout .content-element .content-header .header .info {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.page-content .content-layout .content-element .content-header .header .info:empty {
    display: none
}

.page-content .content-layout .content-element .content-header .action {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.page-content .content-layout .content-element .content-header .action .left:empty {
    display: none
}

.page-content .content-layout .content-element .content-header .action .left .search-container {
    position: relative;
    width: 11rem
}

.page-content .content-layout .content-element .content-header .action .left .search-container .search-input {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content-header .action .left .search-container .search-button {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    height: 100%;
    padding-left: .625rem;
    padding-right: .625rem;
    position: absolute;
    top: 0
}

.page-content .content-layout .content-element .content-header .action .left .search-container .search-button:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content-header .action .left .search-container .search-button:active {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

:is([dir=ltr] .page-content .content-layout .content-element .content-header .action .left .search-container .search-button) {
    right: 0
}

:is([dir=rtl] .page-content .content-layout .content-element .content-header .action .left .search-container .search-button) {
    left: 0
}

.page-content .content-layout .content-element .content-header .action .left .search-container .reset-search {
    --tw-translate-y: -50%;
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    cursor: pointer;
    padding: .5rem .375rem;
    position: absolute;
    top: 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))
}

.page-content .content-layout .content-element .content-header .action .left .search-container .reset-search:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

:is([dir=ltr] .page-content .content-layout .content-element .content-header .action .left .search-container .reset-search) {
    left: 100%
}

:is([dir=rtl] .page-content .content-layout .content-element .content-header .action .left .search-container .reset-search) {
    right: 100%
}

.page-content .content-layout .content-element .content-header .action .left .search-container .reset-search .icon {
    width: 10px
}

.page-content .content-layout .content-element .content-header .action .right {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.page-content .content-layout .content-element .content-header .action .right:empty {
    display: none
}

.page-content .content-layout .content-element .content {
    overflow: hidden;
    overflow-x: auto;
    position: relative
}

.page-content .content-layout .content-element .content .icon {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .ajax-spinner {
    background-color: hsla(0, 0%, 100%, .7);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 30
}

.page-content .content-layout .content-element .content .ajax-spinner .ajax-spinner-action {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.page-content .content-layout .content-element .content .ajax-spinner .ajax-spinner-action .loading-indicator svg {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity));
    height: 1.75rem;
    width: 1.75rem
}

.page-content .content-layout .content-element .content .drag-me-col {
    cursor: move;
    max-width: 44px;
    min-width: 44px;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .drag-me-col .drag-me-icon {
    border-radius: .5rem;
    display: inline-block;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.page-content .content-layout .content-element .content .drag-me-col .drag-me-icon:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .drag-me-col .drag-me-icon:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .edit-link, .page-content .content-layout .content-element .content .show-link {
    border-radius: .5rem;
    display: inline-block;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .edit-link:hover, .page-content .content-layout .content-element .content .show-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .edit-link:active, .page-content .content-layout .content-element .content .show-link:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .edit-link:hover .icon, .page-content .content-layout .content-element .content .show-link:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .delete-link {
    border-radius: .5rem;
    display: inline-block;
    padding: .75rem 13px;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .delete-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .delete-link:active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .delete-link:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .multi-delete-checkbox {
    border-radius: .5rem;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.page-content .content-layout .content-element .content .multi-delete-checkbox:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .multi-delete-checkbox:active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .multi-delete-checkbox:has(input:checked) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 202 202/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .multi-delete-checkbox input {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .small-badge {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.page-content .content-layout .content-element .content .small-badge div {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .125rem .625rem
}

.page-content .content-layout .content-element .content .sub-page-icon {
    border-radius: .5rem;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .sub-page-icon:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .sub-page-icon:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .sub-page-icon:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .sub-page-icon-title {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .5rem;
    color: rgb(31 41 55/var(--tw-text-opacity));
    display: inline-flex;
    font-size: .875rem;
    gap: .375rem;
    justify-content: center;
    line-height: 1.25rem;
    line-height: 1;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .sub-page-icon-title:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .sub-page-icon-title:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .sub-page-icon-title:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .sub-page-title {
    --tw-text-opacity: 1;
    border-radius: .5rem;
    color: rgb(31 41 55/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .sub-page-title:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .sub-page-title:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .sub-page-title:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .parent-child-icon {
    border-radius: .5rem;
    display: inline-block;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .parent-child-icon:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .parent-child-icon:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .parent-child-icon:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .parent-child-icon-title {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .5rem;
    color: rgb(31 41 55/var(--tw-text-opacity));
    display: inline-flex;
    font-size: .875rem;
    gap: .375rem;
    justify-content: center;
    line-height: 1.25rem;
    line-height: 1;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .parent-child-icon-title:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .parent-child-icon-title:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .parent-child-icon-title:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content .parent-child-title {
    --tw-text-opacity: 1;
    border-radius: .5rem;
    color: rgb(31 41 55/var(--tw-text-opacity));
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .625rem .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-content .content-layout .content-element .content .parent-child-title:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .parent-child-title:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content .parent-child-title:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .delete-select-all {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-radius: .5rem;
    color: rgb(107 114 128/var(--tw-text-opacity));
    cursor: pointer;
    display: inline-block;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.page-content .content-layout .content-element .delete-select-all:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .delete-select-all:active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.page-content .content-layout .content-element .content-footer {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: space-between
}

.page-content .content-layout .content-element .content-footer .left {
    display: flex;
    gap: .5rem
}

.page-content .content-layout .content-element .content-footer .left .change-length .form-select {
    font-size: .875rem;
    line-height: 1.25rem
}

:is([dir=ltr] .page-content .content-layout .content-element .content-footer .left .change-length .form-select) {
    padding-right: 1.75rem
}

:is([dir=rtl] .page-content .content-layout .content-element .content-footer .left .change-length .form-select) {
    padding-left: 1.75rem
}

.page-content .content-layout .content-element .content-footer .content-pagination, .page-content .content-layout .content-element .content-footer .right {
    display: flex;
    gap: .5rem
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    gap: .5rem;
    justify-content: space-between
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content .pagination-info {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    display: none;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 640px) {
    .page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content .pagination-info {
        display: block
    }
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span {
    border-radius: .5rem;
    display: inline-flex;
    position: relative;
    z-index: 0
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .page-item {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-width: 1px;
    color: rgb(107 114 128/var(--tw-text-opacity));
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    position: relative
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .page-item svg {
    height: 1.25rem;
    width: 1.25rem
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span span.page-item {
    cursor: default
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .page-item-separator {
    padding: .5rem .625rem
}

:is([dir=ltr] .page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination>span .page-item-separator) {
    margin-left: -1px
}

:is([dir=rtl] .page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination>span .page-item-separator) {
    margin-right: -1px
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .prev-link {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    padding: .5rem .25rem
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .active {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .active:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .active:focus {
    z-index: 10
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .active:active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .page-link {
    padding: .5rem .75rem
}

:is([dir=ltr] .page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination>span .page-link) {
    margin-left: -1px
}

:is([dir=rtl] .page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination>span .page-link) {
    margin-right: -1px
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .next-link {
    padding: .5rem .25rem
}

:is([dir=ltr] .page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination>span .next-link) {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem;
    margin-left: -1px
}

:is([dir=rtl] .page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination>span .next-link) {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    margin-right: -1px
}

.page-content .content-layout .content-element .content-footer .content-pagination .pagination-container .pagination-content div.pagination > span .disabled {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity))
}

.table-content {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px
}

.table-content .table {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-collapse: separate;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    width: 100%
}

.table-content .table thead {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-bottom-color: rgb(229 231 235/var(--tw-border-opacity));
    border-bottom-width: 1px
}

.table-content .table thead th {
    --tw-text-opacity: 1;
    box-sizing: border-box;
    color: rgb(75 85 99/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    overflow: hidden;
    padding: .75rem;
    vertical-align: middle;
    white-space: nowrap
}

:is([dir=ltr] .table-content .table thead th) {
    text-align: left
}

:is([dir=rtl] .table-content .table thead th) {
    text-align: right
}

.table-content .table thead th.table-id {
    width: 3rem
}

.table-content .table thead th.table-sort {
    max-width: 44px;
    min-width: 44px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.75rem
}

.table-content .table thead th.image-col {
    max-width: 60px;
    min-width: 60px
}

.table-content .table thead th.manage-th {
    padding: 0 .125rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.table-content .table tbody tr:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.table-content .table tbody tr:has(.multi-delete-checkbox input:checked) {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity))
}

.table-content .table tbody td {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-bottom-color: transparent;
    border-top-color: rgb(229 231 235/var(--tw-border-opacity));
    border-top-width: 1px;
    color: rgb(31 41 55/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    overflow: hidden;
    padding: .75rem;
    text-overflow: ellipsis;
    vertical-align: middle
}

.table-content .table tbody td.image-col {
    padding: .25rem;
    width: 60px
}

.table-content .table tbody td .item-image {
    border-radius: .5rem;
    display: inline-block;
    height: 60px;
    margin: 0;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    vertical-align: top;
    width: 60px
}

.table-content .table tbody td .item-image:hover {
    --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);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity));
    --tw-ring-offset-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.table-content .table tbody td .item-image:active {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(156 163 175/var(--tw-ring-opacity))
}

.table-content .table tbody td .item-image > div {
    background-position: 50%;
    background-size: cover;
    border-radius: .5rem;
    height: 60px;
    width: 60px
}

.table-content .table tbody td .checkbox-status {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity));
    border-radius: 9999px;
    display: inline-block;
    padding: .25rem
}

.table-content .table tbody td .checkbox-status.bg-success {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128/var(--tw-bg-opacity))
}

.table-content .table tbody td.child-col {
    padding: 0
}

.table-content .table tbody td.drag-me-col {
    padding-left: .125rem !important;
    padding-right: .125rem !important
}

.table-content .table tbody td.manage-td, .table-content .table tbody td.parent-child-td, .table-content .table tbody td.subpage-td {
    padding: 0 .125rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.table-content .table tbody .sub-page-container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.table-content .table .center-text {
    text-align: center !important
}

.table-content .table .manage-links {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .125rem;
    justify-content: flex-end
}

.table-content .table .nowrap {
    white-space: nowrap
}

.table-content .table .highlight {
    border: hidden !important
}

.table-content .sort-header thead th {
    padding: 0
}

.table-content .sort-header thead th a {
    display: block;
    padding: .75rem;
    position: relative;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.table-content .sort-header thead th a:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.table-content .sort-header thead th a:active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

:is([dir=ltr] .table-content .sort-header thead th a) {
    padding-right: 1.25rem
}

:is([dir=rtl] .table-content .sort-header thead th a) {
    padding-right: 1.25rem
}

.table-content .sort-header thead th a:before {
    --tw-text-opacity: 1;
    bottom: 50%;
    color: rgb(209 213 219/var(--tw-text-opacity));
    display: block;
    font-size: 10px;
    line-height: 9px;
    position: absolute
}

:is([dir=ltr] .table-content .sort-header thead th a):before {
    right: .25rem
}

:is([dir=rtl] .table-content .sort-header thead th a):before {
    left: .25rem
}

.table-content .sort-header thead th a:before {
    content: "▲"
}

.table-content .sort-header thead th a:after {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity));
    display: block;
    font-size: 10px;
    line-height: 9px;
    position: absolute;
    top: 50%
}

:is([dir=ltr] .table-content .sort-header thead th a):after {
    right: .25rem
}

:is([dir=rtl] .table-content .sort-header thead th a):after {
    left: .25rem
}

.table-content .sort-header thead th a:after {
    content: "▼"
}

.table-content .sort-header thead th a.asc:after, .table-content .sort-header thead th a.desc:before {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.table-content .sort-header thead th:not(.no-sort):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.table-content .table-col-hide-sm {
    display: none !important
}

@media (min-width: 640px) {
    .table-content .table-col-hide-sm {
        display: table-cell !important
    }
}

.table-content .table-col-hide-md {
    display: none !important
}

@media (min-width: 768px) {
    .table-content .table-col-hide-md {
        display: table-cell !important
    }
}

.table-content .table-col-hide-lg {
    display: none !important
}

@media (min-width: 1024px) {
    .table-content .table-col-hide-lg {
        display: table-cell !important
    }
}

.gallery-content .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.gallery-content .gallery .item-container {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    cursor: pointer;
    overflow: hidden;
    width: 165px
}

.gallery-content .gallery .item-container:has(.multi-delete-checkbox input:checked) {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity))
}

.gallery-content .gallery .item-container .item-layout {
    min-height: 140px;
    position: relative
}

.gallery-content .gallery .item-container .item-layout .main-image {
    min-height: 140px;
    overflow: hidden;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.gallery-content .gallery .item-container .item-layout .main-image > div {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    min-height: 140px;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.gallery-content .gallery .item-container .item-layout .item-content {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.gallery-content .gallery .item-container .item-layout .item-content:empty {
    display: none
}

:is([dir=ltr] .gallery-content .gallery .item-container .item-layout .item-content) {
    padding-left: .5rem;
    padding-right: .25rem
}

:is([dir=rtl] .gallery-content .gallery .item-container .item-layout .item-content) {
    padding-left: .25rem;
    padding-right: .5rem
}

.gallery-content .gallery .item-container .item-layout .item-content:has(>div:empty) {
    display: none
}

.gallery-content .gallery .item-container .item-layout .item-content .item-data {
    position: relative
}

.gallery-content .gallery .item-container .item-layout .item-content .item-data > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
    margin-top: calc(.125rem * (1 - var(--tw-space-y-reverse)))
}

.gallery-content .gallery .item-container .item-layout .item-content .item-data {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.gallery-content .gallery .item-container .item-layout .item-content .item-data .item-image {
    display: block;
    height: 4rem;
    width: 4rem
}

.gallery-content .gallery .item-container .item-layout .item-content .item-data .item-image > div {
    background-position: 50%;
    background-size: cover;
    border-radius: .5rem;
    height: 4rem;
    width: 4rem
}

.gallery-content .gallery .item-container .item-layout .item-content .item-data > div:empty {
    display: none
}

.gallery-content .gallery .item-container .item-layout .item-content .sub-page-container {
    display: flex;
    flex-wrap: wrap;
    gap: .125rem
}

.gallery-content .gallery .item-container .item-layout .sub-page {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .25rem
}

.gallery-content .gallery .item-container .item-layout .manage-links {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: flex;
    justify-content: space-between;
    opacity: .05;
    padding: .125rem;
    position: absolute;
    top: 0;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.gallery-content .gallery .item-container .item-layout .manage-links:empty {
    display: none
}

:is([dir=ltr] .gallery-content .gallery .item-container .item-layout .manage-links) {
    left: 0
}

:is([dir=rtl] .gallery-content .gallery .item-container .item-layout .manage-links) {
    right: 0
}

.gallery-content .gallery .item-container .item-layout .manage-links:has(.multi-delete-checkbox input:checked) {
    opacity: .9
}

.gallery-content .gallery .item-container .item-layout .manage-links a, .gallery-content .gallery .item-container .item-layout .manage-links > div {
    display: block
}

.gallery-content .gallery .item-container .item-layout .manage-links .drag-me-col {
    max-width: 40px;
    min-width: 40px
}

.gallery-content .gallery .item-container:hover .main-image > div {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}

.gallery-content .gallery .item-container:hover .manage-links {
    opacity: .6
}

.gallery-content .gallery .item-container:hover .manage-links:hover {
    opacity: .95
}

.cards-content .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.cards-content .gallery .item-container {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    cursor: pointer;
    overflow: hidden;
    width: 470px
}

.cards-content .gallery .item-container:has(.multi-delete-checkbox input:checked) {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity))
}

.cards-content .gallery .item-container .item-layout {
    display: flex;
    flex-wrap: nowrap;
    min-height: 200px;
    position: relative
}

.cards-content .gallery .item-container .item-layout .main-image {
    min-height: 200px;
    overflow: hidden;
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 200px
}

.cards-content .gallery .item-container .item-layout .main-image > div {
    background-position: 50%;
    background-size: cover;
    height: 100%;
    min-height: 140px;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.cards-content .gallery .item-container .item-layout .item-content {
    padding-bottom: .75rem;
    padding-top: .75rem;
    width: 270px
}

.cards-content .gallery .item-container .item-layout .item-content:empty {
    display: none
}

:is([dir=ltr] .cards-content .gallery .item-container .item-layout .item-content) {
    padding-left: .75rem;
    padding-right: .25rem
}

:is([dir=rtl] .cards-content .gallery .item-container .item-layout .item-content) {
    padding-left: .25rem;
    padding-right: .75rem
}

.cards-content .gallery .item-container .item-layout .item-content:has(>div:empty) {
    display: none
}

.cards-content .gallery .item-container .item-layout .item-content .item-data {
    position: relative
}

.cards-content .gallery .item-container .item-layout .item-content .item-data > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.125rem * var(--tw-space-y-reverse));
    margin-top: calc(.125rem * (1 - var(--tw-space-y-reverse)))
}

.cards-content .gallery .item-container .item-layout .item-content .item-data {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.cards-content .gallery .item-container .item-layout .item-content .item-data .item-image {
    display: block;
    height: 4rem;
    width: 4rem
}

.cards-content .gallery .item-container .item-layout .item-content .item-data .item-image > div {
    background-position: 50%;
    background-size: cover;
    border-radius: .5rem;
    height: 4rem;
    width: 4rem
}

.cards-content .gallery .item-container .item-layout .item-content .item-data > div {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.cards-content .gallery .item-container .item-layout .item-content .item-data > div:first-child {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.75rem;
    line-height: 1.25
}

.cards-content .gallery .item-container .item-layout .item-content .item-data > div:empty {
    display: none
}

.cards-content .gallery .item-container .item-layout .item-content .sub-page-container {
    display: flex;
    flex-wrap: wrap;
    gap: .125rem
}

.cards-content .gallery .item-container .item-layout .sub-page {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .25rem
}

.cards-content .gallery .item-container .item-layout .manage-links {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: .05;
    padding: .125rem;
    position: absolute;
    top: 0;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 200px
}

.cards-content .gallery .item-container .item-layout .manage-links:empty {
    display: none
}

.cards-content .gallery .item-container .item-layout .manage-links:has(.multi-delete-checkbox input:checked) {
    opacity: .9
}

.cards-content .gallery .item-container .item-layout .manage-links a, .cards-content .gallery .item-container .item-layout .manage-links > div {
    display: block
}

.cards-content .gallery .item-container .item-layout .manage-links .drag-me-col {
    max-width: 40px;
    min-width: 40px
}

.cards-content .gallery .item-container:hover .main-image > div {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    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))
}

.cards-content .gallery .item-container:hover .manage-links {
    opacity: .6
}

.cards-content .gallery .item-container:hover .manage-links:hover {
    opacity: .95
}

.show-container {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 1.5rem 1rem;
    position: relative;
    width: 100%
}

.show-container .show-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.show-container .print-btn {
    --tw-text-opacity: 1;
    align-items: center;
    border-radius: .5rem;
    color: rgb(107 114 128/var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 2.5rem
}

.show-container .print-btn:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.show-container .print-btn:active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.show-container .print-btn:hover .icon, .show-container .show-svg-icon {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.show-container .show-svg-icon {
    align-items: center;
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 2.5rem
}

.show-container .show-svg-icon:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.show-content-print {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.show-content-print.show-content {
    display: flex;
    flex-wrap: wrap
}

.show-content-print.show-content > div {
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.show-content-print.show-content > div:last-child {
    padding-bottom: 0
}

.show-content-print.show-content .show-data-container {
    display: flex;
    flex-direction: column
}

.show-content-print.show-content .show-data-container .show-label {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.show-content-print.show-content .show-data-container .show-data {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: .25rem
}

.show-content-print.show-content .separator {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.show-content-print.show-content .separator .input-label:empty {
    display: none
}

.show-content-print.show-content .separator .text-muted:empty {
    display: none
}

.show-content-print .checkbox-status {
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113/var(--tw-bg-opacity));
    border-radius: 9999px;
    display: inline-block;
    padding: .25rem
}

.show-content-print .checkbox-status.bg-success {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128/var(--tw-bg-opacity))
}

.show-content-print .show-color-data {
    --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);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235/var(--tw-ring-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    display: inline-block;
    padding: .5rem
}

.show-content-print .small-badge {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem
}

.show-content-print .small-badge div {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .125rem .625rem
}

.form-container {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    margin-bottom: 2.5rem;
    padding: 1.5rem .25rem;
    position: relative
}

@media (min-width: 640px) {
    .form-container {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.form-container .icon {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

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

.form-container .form-page .form-header {
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative
}

.form-container .form-page .form-header .form-delete-record {
    --tw-translate-y: -50%;
    position: absolute;
    top: 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))
}

:is([dir=ltr] .form-container .form-page .form-header .form-delete-record) {
    right: 0
}

:is([dir=rtl] .form-container .form-page .form-header .form-delete-record) {
    left: 0
}

.form-container .form-page .form-header .form-delete-record .delete-link {
    --tw-text-opacity: 1;
    border-radius: .5rem;
    color: rgb(107 114 128/var(--tw-text-opacity));
    display: inline-block;
    padding: .75rem 13px;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-container .form-page .form-header .form-delete-record .delete-link:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.form-container .form-page .form-header .form-delete-record .delete-link:active {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity))
}

.form-container .form-page .form-header .form-delete-record .delete-link:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.form-container .form-page .form-content {
    display: flex;
    flex-wrap: wrap
}

.form-container .form-page .form-content > div {
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.form-container .form-page .form-content > div:last-child {
    padding-bottom: 0
}

.form-container .form-page .form-content .form-image-preview {
    border-radius: .5rem;
    display: inline-block;
    max-width: 120px;
    overflow: hidden
}

.form-container .form-page .form-content .ak-image-preview {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.form-container .form-page .form-content .ak-image-preview img, .form-container .form-page .form-content .stored_image {
    border-radius: .5rem;
    margin-top: .25rem;
    max-height: 150px;
    max-width: 150px
}

.form-container .form-page .form-content .separator label {
    font-weight: 500
}

.form-container .form-page .form-content .form-switch .form-checkbox {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    border-radius: 9999px;
    border-style: none;
    color: rgb(239 68 68/var(--tw-text-opacity));
    cursor: pointer;
    height: 1.5rem;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 2.75rem
}

.form-container .form-page .form-content .form-switch .form-checkbox:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(122 91 121);
    background-position: 10px
}

.form-container .form-page .form-content .cropper-content {
    display: none;
    max-width: 500px
}

.form-container .form-page .form-content .cropper-content .cropper-image {
    display: block;
    width: 100%
}

.form-container .form-page .form-content .cropper-content .cropper-tools {
    display: flex;
    gap: .25rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.form-container .form-page .form-content .cropper-content .cropper-tools > div {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-radius: .5rem;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-container .form-page .form-content .cropper-content .cropper-tools > div:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.form-container .form-page .form-content .cropper-content .cropper-tools > div:active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.form-container .form-page .form-content .cropper-content .cropper-tools .icon {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity));
    width: auto
}

.form-container .form-page .form-content .cropper-content .cropper-tools .icon:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.form-container .form-page .map-container {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .form-container .form-page .map-container {
        flex-direction: row;
        gap: 1.25rem
    }
}

.form-container .form-page .map-container .map-render {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    height: 300px;
    overflow: hidden;
    width: 100%
}

@media (min-width: 1024px) {
    .form-container .form-page .map-container .map-render {
        width: 66.666667%
    }
}

.form-container .form-page .map-container .map-input {
    width: 100%
}

.form-container .form-page .map-container .map-input > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
    margin-top: calc(.25rem * (1 - var(--tw-space-y-reverse)))
}

@media (min-width: 1024px) {
    .form-container .form-page .map-container .map-input {
        width: 33.333333%
    }
}

.form-container .form-page .map-container .map-input .text-muted {
    font-size: .75rem;
    line-height: 1rem
}

.form-container .form-page .form-icon {
    border-radius: .5rem;
    display: inline-block;
    padding: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-container .form-page .form-icon:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.form-container .form-page .form-icon:active {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity))
}

.form-container .form-page .form-icon:hover .icon {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.form-container .form-page .form-footer {
    margin-left: .5rem;
    margin-right: .5rem
}

.form-container .form-page .form-footer .form-buttons-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

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

.input-container .input-label {
    margin-bottom: 0
}

.input-container .input-label label {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

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

.input-container .error-message {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity));
    display: none;
    font-size: .875rem;
    line-height: 1.25rem
}

.validate-form.validated :invalid ~ .error-message {
    display: block
}

.form-field-manager {
    margin-top: 1rem
}

.form-field-manager .form-field-manager-content {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.widget-layout {
    margin-bottom: 2.5rem;
    position: relative
}

.widget-layout.col-100, .widget-layout.col-50 {
    width: 100%
}

@media (min-width: 1024px) {
    .widget-layout.col-50 {
        max-width: calc(50% - .25rem - 4px)
    }
}

.widget-layout.col-33 {
    width: 100%
}

@media (min-width: 640px) {
    .widget-layout.col-33 {
        max-width: calc(33% - .25rem - 3px)
    }
}

.widget-layout.col-25 {
    width: 100%
}

@media (min-width: 768px) {
    .widget-layout.col-25 {
        max-width: calc(50% - .25rem - 4px)
    }
}

@media (min-width: 1024px) {
    .widget-layout.col-25 {
        max-width: calc(25% - .25rem - 8px)
    }
}

.widget-layout .widget-content {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    overflow: hidden;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative
}

.widget-layout .widget-content .widget-date-picker {
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1.5rem 1rem 1rem;
    position: absolute;
    width: 100%;
    z-index: 40
}

.widget-layout .widget-content .widget-date-picker .widget-date-picker-close {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    cursor: pointer;
    position: absolute;
    top: .375rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.widget-layout .widget-content .widget-date-picker .widget-date-picker-close:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

:is([dir=ltr] .widget-layout .widget-content .widget-date-picker .widget-date-picker-close) {
    right: .375rem
}

:is([dir=rtl] .widget-layout .widget-content .widget-date-picker .widget-date-picker-close) {
    left: .375rem
}

.widget-layout .widget-content .widget-date-picker .widget-date-input {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    max-width: 280px;
    padding-bottom: .375rem;
    position: relative;
    width: 100%
}

.widget-layout .widget-content .widget-date-picker .widget-date-input input {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    color: rgb(17 24 39/var(--tw-text-opacity));
    display: block;
    flex: 1 1 auto;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem .75rem;
    width: 1%
}

.widget-layout .widget-content .widget-date-picker .widget-date-input input::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(209 213 219/var(--tw-placeholder-opacity))
}

.widget-layout .widget-content .widget-date-picker .widget-date-input input::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(209 213 219/var(--tw-placeholder-opacity))
}

.widget-layout .widget-content .widget-date-picker .widget-date-input input {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.widget-layout .widget-content .widget-date-picker .widget-date-input input:hover {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity))
}

.widget-layout .widget-content .widget-date-picker .widget-date-input input:focus {
    --tw-border-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(var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: rgb(96 165 250/var(--tw-border-opacity));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    outline: 2px solid transparent;
    outline-offset: 0;
    outline-width: 0
}

:is([dir=ltr] .widget-layout .widget-content .widget-date-picker .widget-date-input input) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

:is([dir=rtl] .widget-layout .widget-content .widget-date-picker .widget-date-input input) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.widget-layout .widget-content .widget-date-picker .widget-date-input .input-suffix {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    cursor: pointer;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .625rem;
    padding-right: .625rem;
    text-align: center;
    white-space: nowrap
}

:is([dir=ltr] .widget-layout .widget-content .widget-date-picker .widget-date-input .input-suffix) {
    border-bottom-left-radius: 0;
    border-left-width: 0;
    border-top-left-radius: 0
}

:is([dir=rtl] .widget-layout .widget-content .widget-date-picker .widget-date-input .input-suffix) {
    border-bottom-right-radius: 0;
    border-right-width: 0;
    border-top-right-radius: 0
}

.widget-layout .widget-content .widget-date-picker-icon {
    position: absolute;
    top: .5rem
}

:is([dir=ltr] .widget-layout .widget-content .widget-date-picker-icon) {
    right: .5rem
}

:is([dir=rtl] .widget-layout .widget-content .widget-date-picker-icon) {
    left: .5rem
}

.widget-layout .widget-content .widget-date-picker-icon .widget-calendar-icon {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    cursor: pointer;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.widget-layout .widget-content .widget-date-picker-icon .widget-calendar-icon:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.widget-layout h3 {
    font-size: 18px
}

.widget-layout .widget-counter {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 10rem;
    justify-content: center;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.widget-layout .widget-counter .widget-numbers {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.75rem
}

.widget-layout .widget-progress {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 10rem;
    justify-content: space-between;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.widget-layout .widget-progress h3 {
    padding-top: .75rem
}

.widget-layout .widget-progress .widget-numbers {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity));
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem
}

.widget-layout .widget-progress .render-chart {
    width: 100%
}

.widget-layout .widget-donut, .widget-layout .widget-pie, .widget-layout .widget-polar, .widget-layout .widget-radial-bar {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 360px;
    justify-content: space-between;
    width: 100%
}

.widget-layout .widget-donut > :not([hidden]) ~ :not([hidden]), .widget-layout .widget-pie > :not([hidden]) ~ :not([hidden]), .widget-layout .widget-polar > :not([hidden]) ~ :not([hidden]), .widget-layout .widget-radial-bar > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
    margin-top: calc(0px * (1 - var(--tw-space-y-reverse)))
}

.widget-layout .widget-donut, .widget-layout .widget-pie, .widget-layout .widget-polar, .widget-layout .widget-radial-bar {
    padding: 0 0 1rem;
    text-align: center
}

.widget-layout .widget-donut h3, .widget-layout .widget-pie h3, .widget-layout .widget-polar h3, .widget-layout .widget-radial-bar h3 {
    padding-top: 1.5rem
}

.widget-layout .widget-donut .render-chart, .widget-layout .widget-pie .render-chart, .widget-layout .widget-polar .render-chart, .widget-layout .widget-radial-bar .render-chart {
    margin-top: .75rem;
    width: 100%
}

.widget-layout .widget-area, .widget-layout .widget-bar, .widget-layout .widget-column, .widget-layout .widget-line, .widget-layout .widget-radar {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 360px;
    justify-content: space-between;
    width: 100%
}

.widget-layout .widget-area > :not([hidden]) ~ :not([hidden]), .widget-layout .widget-bar > :not([hidden]) ~ :not([hidden]), .widget-layout .widget-column > :not([hidden]) ~ :not([hidden]), .widget-layout .widget-line > :not([hidden]) ~ :not([hidden]), .widget-layout .widget-radar > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
    margin-top: calc(0px * (1 - var(--tw-space-y-reverse)))
}

.widget-layout .widget-area, .widget-layout .widget-bar, .widget-layout .widget-column, .widget-layout .widget-line, .widget-layout .widget-radar {
    padding: 0;
    text-align: center
}

.widget-layout .widget-area h3, .widget-layout .widget-bar h3, .widget-layout .widget-column h3, .widget-layout .widget-line h3, .widget-layout .widget-radar h3 {
    padding-top: 1.5rem
}

.widget-layout .widget-area .render-chart, .widget-layout .widget-bar .render-chart, .widget-layout .widget-column .render-chart, .widget-layout .widget-line .render-chart, .widget-layout .widget-radar .render-chart {
    margin-top: .75rem;
    width: 100%
}

.custom-widget-layout {
    margin-bottom: 2.5rem;
    position: relative
}

.custom-widget-layout.widget-width-1-1, .custom-widget-layout.widget-width-1-2 {
    width: 100%
}

@media (min-width: 1024px) {
    .custom-widget-layout.widget-width-1-2 {
        max-width: calc(50% - .25rem - 4px)
    }
}

.custom-widget-layout.widget-width-1-3 {
    width: 100%
}

@media (min-width: 640px) {
    .custom-widget-layout.widget-width-1-3 {
        max-width: calc(33% - .25rem - 3px)
    }
}

.custom-widget-layout.widget-width-1-4 {
    width: 100%
}

@media (min-width: 768px) {
    .custom-widget-layout.widget-width-1-4 {
        max-width: calc(50% - .25rem - 4px)
    }
}

@media (min-width: 1024px) {
    .custom-widget-layout.widget-width-1-4 {
        max-width: calc(25% - .25rem - 8px)
    }
}

.public-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    min-height: 100vh;
    padding-bottom: 3rem;
    padding-top: 3rem
}

@media (min-width: 440px) {
    .public-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 1024px) {
    .public-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.public-container .public-content {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    margin-top: 2rem;
    padding: 2rem 1rem
}

@media (min-width: 440px) {
    .public-container .public-content {
        border-radius: .5rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 28rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        width: 100%
    }
}

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

.auth-container .auth-remember {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 440px) {
    .auth-container .auth-remember {
        align-items: center;
        flex-direction: row
    }
}

.auth-container .auth-submit {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 440px) {
    .auth-container .auth-submit {
        flex-direction: row
    }
}

.auth-container .auth-submit button {
    width: 100%
}

.auth-container a {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.auth-container a:hover {
    text-decoration-line: underline
}

.success-text {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.alert-success-container {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244/var(--tw-bg-opacity));
    border-color: rgb(187 247 208/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    padding: 1rem
}

.alert-success-container div {
    color: rgb(22 163 74/var(--tw-text-opacity));
    font-weight: 500
}

.alert-success-container div, .danger-text {
    --tw-text-opacity: 1;
    font-size: .875rem;
    line-height: 1.25rem
}

.danger-text {
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.alert-danger-container {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity));
    border-color: rgb(254 202 202/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    padding: 1rem
}

.alert-danger-container div, .alert-danger-container li {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.alert-danger-container ul {
    list-style-type: disc
}

:is([dir=ltr] .alert-danger-container ul) {
    padding-left: 1.5rem
}

:is([dir=rtl] .alert-danger-container ul) {
    padding-right: 1.5rem
}

.info-text {
    --tw-text-opacity: 1;
    color: rgb(14 165 233/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.alert-info-container {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(240 249 255/var(--tw-bg-opacity));
    border-color: rgb(186 230 253/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    padding: 1rem
}

.alert-info-container div {
    --tw-text-opacity: 1;
    color: rgb(14 165 233/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem
}

.highlight {
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    border-color: transparent;
    border-radius: .5rem;
    border-width: 1px;
    outline-offset: -2px;
    outline-width: 2px
}

.highlight, .ui-sortable-helper {
    --tw-bg-opacity: 1;
    outline-color: #60a5fa;
    outline-style: dashed
}

.ui-sortable-helper {
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    outline-offset: -1px;
    outline-width: 1px
}

.ui-sortable-helper, .ui-sortable-helper td {
    border: hidden !important
}

table.dataTable {
    border-collapse: collapse !important;
    margin: 0 !important
}

table.dataTable .dataTables_empty {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

:is([dir=ltr] table.dataTable thead>tr>th.sorting):after, :is([dir=ltr] table.dataTable thead>tr>th.sorting):before, :is([dir=ltr] table.dataTable thead>tr>th.sorting_desc):before {
    right: .125rem
}

:is([dir=rtl] table.dataTable thead>tr>th.sorting):after, :is([dir=rtl] table.dataTable thead>tr>th.sorting):before, :is([dir=rtl] table.dataTable thead>tr>th.sorting_desc):before {
    left: .125rem
}

table.dataTable thead > tr > th:not(.no-sort):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

table.dataTable thead > tr > th:not(.no-sort):hover:active {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.pagination-info {
    display: none
}

@media (min-width: 640px) {
    .pagination-info {
        display: block
    }
}

.pagination-info div {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.pagination-box-data-table .pagination {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.pagination-box-data-table .pagination .page-item {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-width: 1px;
    color: rgb(107 114 128/var(--tw-text-opacity));
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    position: relative
}

:is([dir=ltr] .pagination-box-data-table .pagination .page-item) {
    margin-left: -1px
}

:is([dir=rtl] .pagination-box-data-table .pagination .page-item) {
    margin-right: -1px
}

.pagination-box-data-table .pagination .page-item:not(.active):not(.disabled) {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.pagination-box-data-table .pagination .page-item:not(.active):not(.disabled):hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.pagination-box-data-table .pagination .page-item:not(.active):not(.disabled):focus {
    z-index: 10
}

.pagination-box-data-table .pagination .page-item:not(.active):not(.disabled):active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.pagination-box-data-table .pagination .page-item .page-link {
    padding: .5rem .75rem
}

.pagination-box-data-table .pagination .page-item.active a {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity));
    cursor: default
}

:is([dir=ltr] .pagination-box-data-table .pagination .page-item.previous) {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

:is([dir=rtl] .pagination-box-data-table .pagination .page-item.previous) {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

:is([dir=ltr] .pagination-box-data-table .pagination .page-item.next) {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem;
    margin-left: -1px
}

:is([dir=rtl] .pagination-box-data-table .pagination .page-item.next) {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem;
    margin-right: -1px
}

.pagination-box-data-table .pagination .page-item.disabled {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity));
    cursor: default
}

.tox-tinymce {
    --tw-border-opacity: 1 !important;
    border-color: rgb(229 231 235/var(--tw-border-opacity)) !important;
    border-radius: .5rem !important;
    border-width: 1px !important
}

.select2_prefix .select2-container {
    width: auto !important
}

:is([dir=ltr] .select2_prefix .select2-container .select2-selection) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

:is([dir=rtl] .select2_prefix .select2-container .select2-selection) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.select2_suffix .select2-container {
    width: auto !important
}

:is([dir=ltr] .select2_suffix .select2-container .select2-selection) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

:is([dir=rtl] .select2_suffix .select2-container .select2-selection) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.select2-container {
    flex: 1 1 auto;
    min-width: 0;
    position: relative
}

.select2-container .ak-select2-selected {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    height: auto;
    line-height: 1.5rem;
    padding-bottom: .25rem;
    padding-top: .25rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.select2-container .ak-select2-selected:hover {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity))
}

:is([dir=ltr] .select2-container .ak-select2-selected) {
    padding-left: .375rem;
    padding-right: .75rem
}

:is([dir=rtl] .select2-container .ak-select2-selected) {
    padding-left: .75rem;
    padding-right: .375rem
}

.select2-container .ak-select2-selected .select2-selection__arrow {
    height: 2.25rem;
    top: 1px
}

:is([dir=ltr] .select2-container .ak-select2-selected .select2-selection__arrow) {
    right: .5rem
}

:is([dir=rtl] .select2-container .ak-select2-selected .select2-selection__arrow) {
    left: .5rem
}

.select2-container .ak-select2-selected .select2-selection__clear {
    height: 30px;
    margin-top: -1px
}

:is([dir=ltr] .select2-container .ak-select2-selected .select2-selection__clear) {
    margin-left: 1.25rem
}

:is([dir=rtl] .select2-container .ak-select2-selected .select2-selection__clear) {
    margin-right: 1.25rem
}

.select2-container .ak-select2-selected .select2-selection__choice {
    margin-top: 0
}

.select2-container .ak-select2-selected .select2-selection__rendered {
    font-size: .875rem;
    line-height: 1.75rem
}

:is([dir=ltr] .select2-container .ak-select2-selected .select2-selection__rendered) {
    padding-left: 0
}

:is([dir=rtl] .select2-container .ak-select2-selected .select2-selection__rendered) {
    padding-right: 0
}

:is([dir=ltr] .select2-container .ak-select2-selected.select2-selection--single .select2-selection__rendered) {
    padding-left: .375rem
}

:is([dir=rtl] .select2-container .ak-select2-selected.select2-selection--single .select2-selection__rendered) {
    padding-right: .375rem
}

.select2-container .ak-select2-selected.select2-selection--single .select2-selection__placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(55 65 81/var(--tw-text-opacity)) !important;
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.select2-container .ak-select2-selected .select2-search--inline .select2-search__field {
    height: 1.75rem;
    margin-top: 0;
    padding-top: 1px
}

:is([dir=ltr] .select2-container .ak-select2-selected .select2-search--inline .select2-search__field) {
    margin-left: .375rem
}

:is([dir=rtl] .select2-container .ak-select2-selected .select2-search--inline .select2-search__field) {
    margin-right: .375rem
}

.select2-container .ak-select2-selected .select2-search--inline .select2-search__field::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    line-height: 26px
}

.select2-container .ak-select2-selected .select2-search--inline .select2-search__field::placeholder {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    line-height: 26px
}

.select2-container .ak-select2-selected .select2-selection__choice {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-width: 1px;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 22px;
    margin-bottom: .125rem
}

:is([dir=ltr] .select2-container .ak-select2-selected .select2-selection__choice) {
    margin-left: 0;
    margin-right: .375rem
}

:is([dir=rtl] .select2-container .ak-select2-selected .select2-selection__choice) {
    margin-left: .375rem;
    margin-right: 0
}

.select2-container .ak-select2-selected .select2-selection__choice .select2-selection__choice__display {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: .25rem
}

.select2-container .ak-select2-selected .select2-selection__choice .select2-selection__choice__remove {
    padding-bottom: 1px;
    padding-top: 0
}

:is([dir=ltr] .select2-container .ak-select2-selected .select2-selection__choice .select2-selection__choice__remove) {
    --tw-border-opacity: 1;
    border-right-color: rgb(229 231 235/var(--tw-border-opacity));
    border-right-width: 1px;
    padding-left: .25rem;
    padding-right: 3px
}

:is([dir=rtl] .select2-container .ak-select2-selected .select2-selection__choice .select2-selection__choice__remove) {
    --tw-border-opacity: 1;
    border-left-color: rgb(229 231 235/var(--tw-border-opacity));
    border-left-width: 1px;
    padding-left: 3px;
    padding-right: .25rem
}

.select2-container .ak-select2-dropdown {
    --tw-border-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    overflow: hidden
}

.select2-container .ak-select2-dropdown .select2-search__field {
    font-size: .875rem;
    line-height: 1.25rem
}

.select2-container .ak-select2-dropdown .select2-search__field:focus-visible {
    --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(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);
    outline-width: 0
}

.select2-container .ak-select2-dropdown.select2-dropdown--bellow, .select2-container .ak-select2-dropdown.select2-dropdown--below {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important;
    border-top-width: 0 !important
}

.select2-container .ak-select2-dropdown.select2-dropdown--above {
    border-bottom-width: 0 !important;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
}

.select2-container .ak-select2-dropdown .select2-search--dropdown .select2-search__field {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-width: 1px
}

.select2-container .ak-select2-dropdown .select2-results__option {
    font-size: .875rem;
    line-height: 1.25rem
}

.select2-container .ak-select2-dropdown .select2-results__option--selected {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.select2-container .ak-select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable {
    --tw-bg-opacity: 1;
    background-color: rgb(96 165 250/var(--tw-bg-opacity))
}

.select2-container .ak-select2-dropdown .select2-results__option--selected.select2-results__option--highlighted {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity));
    color: currentColor
}

.select2-container .ak-select2-dropdown .select2-selection--multiple {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    height: 2.5rem;
    padding: 0 .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.select2-container .ak-select2-dropdown .select2-selection__rendered {
    margin: 0
}

.select2-container.select2-container--open .select2-selection {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-width: 1px
}

.select2-container.select2-container--focus .ak-select2-selected, .select2-container.select2-container--focus .select2-selection--multiple {
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250/var(--tw-border-opacity));
    border-width: 1px
}

.dropzone-container {
    display: none
}

.dropzone-container .dropzone {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-radius: .5rem;
    border-style: dashed;
    border-width: 2px;
    max-height: 345px;
    min-height: 150px;
    overflow: auto;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.dropzone-container .dropzone .dz-message {
    margin: 0
}

.dropzone-container .dropzone .dz-message .dzone {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 146px;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.dropzone-container .dropzone .dz-message .dzone:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.dropzone-container .dropzone .dz-message .dzone .icon {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity));
    height: 2rem;
    width: 2rem
}

:is([dir=ltr] .dropzone-container .dropzone .dz-message .dzone .icon) {
    margin-right: 1rem
}

:is([dir=rtl] .dropzone-container .dropzone .dz-message .dzone .icon) {
    margin-left: 1rem
}

.pagination-content .pagination-info {
    display: none
}

@media (min-width: 640px) {
    .pagination-content .pagination-info {
        display: block
    }
}

.pagination-content .pagination-info div {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem
}

.pagination-content ul.listjs-pagination {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.pagination-content ul.listjs-pagination .page-item {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-color: rgb(229 231 235/var(--tw-border-opacity));
    border-width: 1px;
    color: rgb(107 114 128/var(--tw-text-opacity));
    cursor: pointer;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    position: relative
}

:is([dir=ltr] .pagination-content ul.listjs-pagination .page-item) {
    margin-left: -1px
}

:is([dir=rtl] .pagination-content ul.listjs-pagination .page-item) {
    margin-right: -1px
}

.pagination-content ul.listjs-pagination .page-item:not(.active):not(.disabled) {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.pagination-content ul.listjs-pagination .page-item:not(.active):not(.disabled):hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.pagination-content ul.listjs-pagination .page-item:not(.active):not(.disabled):focus {
    z-index: 10
}

.pagination-content ul.listjs-pagination .page-item:not(.active):not(.disabled):active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.pagination-content ul.listjs-pagination .page-item .page-link {
    padding: .5rem .75rem
}

.pagination-content ul.listjs-pagination .page-item.active {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity));
    cursor: default
}

:is([dir=ltr] .pagination-content ul.listjs-pagination .page-item.previous) {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

:is([dir=rtl] .pagination-content ul.listjs-pagination .page-item.previous) {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.pagination-content ul.listjs-pagination .page-item.previous a {
    padding: 0 .375rem
}

:is([dir=ltr] .pagination-content ul.listjs-pagination .page-item.next) {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem;
    margin-left: -1px
}

:is([dir=rtl] .pagination-content ul.listjs-pagination .page-item.next) {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem;
    margin-right: -1px
}

.pagination-content ul.listjs-pagination .page-item.next a {
    padding: 0 .375rem
}

.pagination-content ul.listjs-pagination .page-item.disabled {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity));
    cursor: default
}

:is([dir=ltr] .pagination-content ul.listjs-pagination>li:first-child) {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

:is([dir=ltr] .pagination-content ul.listjs-pagination>li:last-child) {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

:is([dir=rtl] .pagination-content ul.listjs-pagination>li:first-child) {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

:is([dir=rtl] .pagination-content ul.listjs-pagination>li:last-child) {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.pagination-content ul.listjs-pagination > li .page-item:disabled {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity))
}

.pagination-content ul.listjs-pagination > li .page-item.disabled .page-link {
    cursor: default
}

.toast-container {
    position: fixed;
    top: 0;
    z-index: 1000
}

:is([dir=ltr] .toast-container) {
    right: 0
}

:is([dir=rtl] .toast-container) {
    left: 0
}

.toast-container .toasts {
    width: 20rem
}

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

.toast-container .toasts {
    padding-top: .5rem
}

:is([dir=ltr] .toast-container .toasts) {
    padding-right: .5rem
}

:is([dir=rtl] .toast-container .toasts) {
    padding-left: .5rem
}

.toast-container .template {
    display: none
}

.toast-container .notification {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(107 114 128/var(--tw-text-opacity));
    display: flex;
    justify-content: space-between;
    max-width: 20rem;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    width: 100%
}

.toast-container .notification > div {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.toast-container .notification .toast {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    flex-shrink: 0;
    height: 2rem;
    justify-content: center;
    width: 2rem
}

.toast-container .notification .toast-success {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(240 253 244/var(--tw-bg-opacity));
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.toast-container .notification .toast-error {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity));
    color: rgb(239 68 68/var(--tw-text-opacity))
}

.toast-container .notification .toast-alert {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity));
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.toast-container .notification .toast-message {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    overflow-wrap: break-word
}

:is([dir=ltr] .toast-container .notification .toast-message) {
    margin-left: .75rem
}

:is([dir=rtl] .toast-container .notification .toast-message) {
    margin-right: .75rem
}

.toast-container .notification .toast-close {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    color: rgb(156 163 175/var(--tw-text-opacity));
    display: flex;
    height: 2rem;
    justify-content: center;
    padding: .375rem;
    width: 2rem
}

.toast-container .notification .toast-close:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.toast-container .notification .toast-close:active, .toast-container .notification .toast_progress {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.toast-container .notification .toast-close:active, .toast-container .notification .toast_progress_error {
    --tw-bg-opacity: 1;
    background-color: #a92222;
}

.toast-container .notification .toast_progress {
    border-radius: 9999px;
    bottom: 0;
    height: .25rem;
    position: absolute;
    width: 100%
}

:is([dir=ltr] .toast-container .notification .toast_progress) {
    left: 0
}

:is([dir=rtl] .toast-container .notification .toast_progress) {
    right: 0
}

.toast-container .notification .toast_progress .progress-bar {
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74/var(--tw-bg-opacity));
    height: .25rem;
    transition-duration: .1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.modal-delete {
    background-color: rgba(55, 65, 81, .8);
    display: none;
    height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    top: 0;
    z-index: 50
}

:is([dir=ltr] .modal-delete) {
    left: 0;
    right: 0
}

:is([dir=rtl] .modal-delete) {
    left: 0;
    right: 0
}

@media (min-width: 768px) {
    .modal-delete {
        inset: 0
    }
}

.modal-delete .modal-center {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.modal-delete .modal-center .modal-container {
    max-height: 100%;
    max-width: 28rem;
    position: relative;
    width: 100%
}

.modal-delete .modal-center .modal-container .modal-content {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    position: relative
}

.modal-delete .modal-center .modal-container .modal-content .modal-dialog {
    padding: 1.5rem;
    text-align: center
}

.modal-delete .modal-center .modal-container .modal-content .modal-dialog .info-icon {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity));
    height: 3.5rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 3.5rem
}

.modal-delete .modal-center .modal-container .modal-content .modal-dialog p {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity));
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 1.25rem
}

.modal-delete .modal-center .modal-container .modal-content .modal-dialog .modal-action {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center
}