@layer tailwind-base, primevue, tailwind-utilities;
@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer tailwind-base {

    *,
    :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: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style:
    }

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

    *,
    :after,
    :before {
        border: 0 solid #e5e7eb;
        box-sizing: border-box
    }

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

    :host,
    html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family: Source Sans 3, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
    }

    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-feature-settings: normal;
        font-size: 1em;
        font-variation-settings: normal
    }

    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-feature-settings: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0
    }

    button,
    select {
        text-transform: none
    }

    button,
    input:where([type=button]),
    input:where([type=reset]),
    input:where([type=submit]) {
        -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
    }

    dialog {
        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]:where(:not([hidden=until-found])) {
        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],
    input:where(:not([type])),
    select,
    textarea {
        -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;
        --tw-shadow: 0 0 #0000
    }

    [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,
    input:where(:not([type])):focus,
    select:focus,
    textarea:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        border-color: #2563eb;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

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

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

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

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-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],
    [size]:where(select:not([size="1"])) {
        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] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        background-origin: border-box;
        border-color: #6b7280;
        border-width: 1px;
        color: #2563eb;
        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;
        --tw-shadow: 0 0 #0000
    }

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

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

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

    [type=checkbox]:checked,
    [type=radio]:checked {
        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 0'/%3E%3C/svg%3E)
    }

    @media(forced-colors:active) {
        [type=checkbox]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }

    [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)
    }

    @media(forced-colors:active) {
        [type=radio]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }

    [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
    }

    @media(forced-colors:active) {
        [type=checkbox]:indeterminate {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }

    [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
    }
}

@layer tailwind-utilities {
    .container {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-inline-start-color: var(--tw-prose-quote-borders);
        border-inline-start-width: .25rem;
        color: var(--tw-prose-quotes);
        font-style: italic;
        font-weight: 500;
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start: 1em;
        quotes: "“" "”" "‘" "’"
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
    }

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

    .prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start: 1.1111111em
    }

    .prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 2.1428571em;
        line-height: 1.2;
        margin-bottom: .8em;
        margin-top: 0
    }

    .prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.4285714em;
        line-height: 1.4;
        margin-bottom: .8em;
        margin-top: 1.6em
    }

    .prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-bottom: .4444444em;
        margin-top: 1.5555556em
    }

    .prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        line-height: 1.4285714;
        margin-bottom: .5714286em;
        margin-top: 1.4285714em
    }

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

    .prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em
    }

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

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

    .prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .8571429em;
        padding-inline-end: .3571429em;
        padding-bottom: .1428571em;
        padding-top: .1428571em;
        padding-inline-start: .3571429em
    }

    .prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em
    }

    .prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .9em
    }

    .prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em
    }

    .prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .25rem;
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-bottom: 1.6666667em;
        margin-top: 1.6666667em;
        padding-inline-end: 1em;
        padding-bottom: .6666667em;
        padding-top: .6666667em;
        padding-inline-start: 1em
    }

    .prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em;
        padding-inline-start: 1.5714286em
    }

    .prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em;
        padding-inline-start: 1.5714286em
    }

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

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

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

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

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

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

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

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

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

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

    .prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.1428571em
    }

    .prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .2857143em;
        padding-inline-start: 1.5714286em
    }

    .prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2.8571429em;
        margin-top: 2.8571429em
    }

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

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

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

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

    .prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em;
        line-height: 1.5
    }

    .prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 1em;
        padding-bottom: .6666667em;
        padding-inline-start: 1em
    }

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

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

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

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

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

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

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

    .prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
    }

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

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

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

    .pointer-events-none {
        pointer-events: none
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .\!visible {
        visibility: visible !important
    }

    .visible {
        visibility: visible
    }

    .invisible {
        visibility: hidden
    }

    .\!collapse {
        visibility: collapse !important
    }

    .collapse {
        visibility: collapse
    }

    .static {
        position: static
    }

    .fixed {
        position: fixed
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: 0
    }

    .inset-x-0 {
        left: 0;
        right: 0
    }

    .-right-4 {
        right: -1rem
    }

    .-top-3 {
        top: -.75rem
    }

    .bottom-0 {
        bottom: 0
    }

    .bottom-1 {
        bottom: .25rem
    }

    .bottom-4 {
        bottom: 1rem
    }

    .bottom-full {
        bottom: 100%
    }

    .left-0 {
        left: 0
    }

    .left-1\/2 {
        left: 50%
    }

    .left-32 {
        left: 8rem
    }

    .right-0 {
        right: 0
    }

    .right-4 {
        right: 1rem
    }

    .right-\[-12px\] {
        right: -12px
    }

    .top-0 {
        top: 0
    }

    .top-1 {
        top: .25rem
    }

    .top-1\/2 {
        top: 50%
    }

    .top-24 {
        top: 6rem
    }

    .top-4 {
        top: 1rem
    }

    .top-6 {
        top: 1.5rem
    }

    .top-full {
        top: 100%
    }

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

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-\[100\] {
        z-index: 100
    }

    .z-\[60\] {
        z-index: 60
    }

    .z-\[70\] {
        z-index: 70
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

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

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

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

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

    .col-start-1 {
        grid-column-start: 1
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .-m-1\.5 {
        margin: -.375rem
    }

    .-m-2\.5 {
        margin: -.625rem
    }

    .m-0 {
        margin: 0
    }

    .\!my-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

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

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

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

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

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

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

    .my-auto {
        margin-bottom: auto;
        margin-top: auto
    }

    .-mb-px {
        margin-bottom: -1px
    }

    .mb-1 {
        margin-bottom: .25rem
    }

    .mb-2 {
        margin-bottom: .5rem
    }

    .mb-3 {
        margin-bottom: .75rem
    }

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

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

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

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

    .ml-1 {
        margin-left: .25rem
    }

    .ml-2 {
        margin-left: .5rem
    }

    .ml-3 {
        margin-left: .75rem
    }

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

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

    .mr-1 {
        margin-right: .25rem
    }

    .mr-2 {
        margin-right: .5rem
    }

    .mr-3 {
        margin-right: .75rem
    }

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

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

    .ms-2 {
        margin-inline-start: .5rem
    }

    .ms-auto {
        margin-inline-start: auto
    }

    .mt-0 {
        margin-top: 0
    }

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

    .mt-1 {
        margin-top: .25rem
    }

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

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

    .mt-2 {
        margin-top: .5rem
    }

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

    .mt-3 {
        margin-top: .75rem
    }

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

    .line-clamp-2 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .block {
        display: block
    }

    .inline-block {
        display: inline-block
    }

    .\!flex {
        display: flex !important
    }

    .flex {
        display: flex
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .grid {
        display: grid
    }

    .\!contents {
        display: contents !important
    }

    .contents {
        display: contents
    }

    .hidden {
        display: none
    }

    .aspect-\[16\/6\] {
        aspect-ratio: 16/6
    }

    .aspect-\[16\/9\] {
        aspect-ratio: 16/9
    }

    .aspect-\[2\/1\] {
        aspect-ratio: 2/1
    }

    .aspect-\[4\/2\] {
        aspect-ratio: 4/2
    }

    .aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }

    .aspect-\[4\/5\] {
        aspect-ratio: 4/5
    }

    .aspect-\[5\/1\] {
        aspect-ratio: 5/1
    }

    .aspect-\[5\/2\] {
        aspect-ratio: 5/2
    }

    .aspect-\[5\/3\] {
        aspect-ratio: 5/3
    }

    .size-10 {
        height: 2.5rem;
        width: 2.5rem
    }

    .size-11 {
        height: 2.75rem;
        width: 2.75rem
    }

    .size-12 {
        height: 3rem;
        width: 3rem
    }

    .size-3 {
        height: .75rem;
        width: .75rem
    }

    .size-3\.5 {
        height: .875rem;
        width: .875rem
    }

    .size-4 {
        height: 1rem;
        width: 1rem
    }

    .size-5 {
        height: 1.25rem;
        width: 1.25rem
    }

    .size-8 {
        height: 2rem;
        width: 2rem
    }

    .size-9 {
        height: 2.25rem;
        width: 2.25rem
    }

    .size-full {
        height: 100%;
        width: 100%
    }

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

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

    .h-0 {
        height: 0
    }

    .h-0\.5 {
        height: .125rem
    }

    .h-1 {
        height: .25rem
    }

    .h-1\.5 {
        height: .375rem
    }

    .h-10 {
        height: 2.5rem
    }

    .h-11 {
        height: 2.75rem
    }

    .h-12 {
        height: 3rem
    }

    .h-14 {
        height: 3.5rem
    }

    .h-16 {
        height: 4rem
    }

    .h-20 {
        height: 5rem
    }

    .h-24 {
        height: 6rem
    }

    .h-28 {
        height: 7rem
    }

    .h-3 {
        height: .75rem
    }

    .h-3\.5 {
        height: .875rem
    }

    .h-32 {
        height: 8rem
    }

    .h-36 {
        height: 9rem
    }

    .h-4 {
        height: 1rem
    }

    .h-40 {
        height: 10rem
    }

    .h-48 {
        height: 12rem
    }

    .h-5 {
        height: 1.25rem
    }

    .h-52 {
        height: 13rem
    }

    .h-56 {
        height: 14rem
    }

    .h-6 {
        height: 1.5rem
    }

    .h-7 {
        height: 1.75rem
    }

    .h-8 {
        height: 2rem
    }

    .h-80 {
        height: 20rem
    }

    .h-9 {
        height: 2.25rem
    }

    .h-\[46\.5px\] {
        height: 46.5px
    }

    .h-\[80vh\] {
        height: 80vh
    }

    .h-\[calc\(100\%-3rem\)\] {
        height: calc(100% - 3rem)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

    .max-h-0 {
        max-height: 0
    }

    .max-h-40 {
        max-height: 10rem
    }

    .max-h-80 {
        max-height: 20rem
    }

    .max-h-96 {
        max-height: 24rem
    }

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

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

    .max-h-\[90vh\] {
        max-height: 90vh
    }

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

    .min-h-12 {
        min-height: 3rem
    }

    .min-h-64 {
        min-height: 16rem
    }

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

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

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

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

    .min-h-\[60vh\] {
        min-height: 60vh
    }

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

    .min-h-full {
        min-height: 100%
    }

    .min-h-screen {
        min-height: 100vh
    }

    .\!w-\[18rem\] {
        width: 18rem !important
    }

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

    .w-0 {
        width: 0
    }

    .w-1\.5 {
        width: .375rem
    }

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

    .w-10 {
        width: 2.5rem
    }

    .w-12 {
        width: 3rem
    }

    .w-16 {
        width: 4rem
    }

    .w-20 {
        width: 5rem
    }

    .w-24 {
        width: 6rem
    }

    .w-3 {
        width: .75rem
    }

    .w-3\.5 {
        width: .875rem
    }

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

    .w-36 {
        width: 9rem
    }

    .w-4 {
        width: 1rem
    }

    .w-5 {
        width: 1.25rem
    }

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

    .w-52 {
        width: 13rem
    }

    .w-6 {
        width: 1.5rem
    }

    .w-64 {
        width: 16rem
    }

    .w-8 {
        width: 2rem
    }

    .w-96 {
        width: 24rem
    }

    .w-auto {
        width: auto
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

    .min-w-48 {
        min-width: 12rem
    }

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

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

    .min-w-\[18rem\] {
        min-width: 18rem
    }

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

    .max-w-3xl {
        max-width: 48rem
    }

    .max-w-4xl {
        max-width: 56rem
    }

    .max-w-52 {
        max-width: 13rem
    }

    .max-w-7xl {
        max-width: 80rem
    }

    .max-w-\[18rem\] {
        max-width: 18rem
    }

    .max-w-\[600px\] {
        max-width: 600px
    }

    .max-w-\[86rem\] {
        max-width: 86rem
    }

    .max-w-\[95vw\] {
        max-width: 95vw
    }

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

    .max-w-md {
        max-width: 28rem
    }

    .max-w-none {
        max-width: none
    }

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

    .flex-auto {
        flex: 1 1 auto
    }

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

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

    .-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .-translate-x-1\/2,
    .-translate-y-1 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .-translate-y-1 {
        --tw-translate-y: -.25rem
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .-translate-y-1\/2,
    .translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-y-0 {
        --tw-translate-y: 0px
    }

    .translate-y-full {
        --tw-translate-y: 100%
    }

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

    .-rotate-90 {
        --tw-rotate: -90deg
    }

    .rotate-0 {
        --tw-rotate: 0deg
    }

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

    .rotate-90 {
        --tw-rotate: 90deg
    }

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

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

    .animate-pulse {
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }

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

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

    .cursor-none {
        cursor: none
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

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

    .resize-y {
        resize: vertical
    }

    .list-inside {
        list-style-position: inside
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .columns-4 {
        -moz-columns: 4;
        column-count: 4
    }

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

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

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

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

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

    .flex-row {
        flex-direction: row
    }

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

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

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

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

    .items-center {
        align-items: center
    }

    .items-stretch {
        align-items: stretch
    }

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

    .justify-stretch {
        justify-content: stretch
    }

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

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

    .gap-1 {
        gap: .25rem
    }

    .gap-10 {
        gap: 2.5rem
    }

    .gap-12 {
        gap: 3rem
    }

    .gap-2 {
        gap: .5rem
    }

    .gap-20 {
        gap: 5rem
    }

    .gap-3 {
        gap: .75rem
    }

    .gap-4 {
        gap: 1rem
    }

    .gap-5 {
        gap: 1.25rem
    }

    .gap-6 {
        gap: 1.5rem
    }

    .gap-8 {
        gap: 2rem
    }

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

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

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

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

    .gap-y-1\.5 {
        row-gap: .375rem
    }

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

    .space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.25rem*var(--tw-space-x-reverse))
    }

    .space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
    }

    .space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.75rem*var(--tw-space-x-reverse))
    }

    .space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.25rem*var(--tw-space-x-reverse))
    }

    .space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }

    .space-y-0>: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)))
    }

    .space-y-1>: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)))
    }

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

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

    .space-y-2>: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)))
    }

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

    .space-y-4>: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)))
    }

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

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

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

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

    .divide-zinc-200>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(228 228 231/var(--tw-divide-opacity, 1))
    }

    .self-center {
        align-self: center
    }

    .self-stretch {
        align-self: stretch
    }

    .justify-self-center {
        justify-self: center
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

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

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

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .truncate {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .truncate,
    .whitespace-nowrap {
        white-space: nowrap
    }

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

    .\!rounded-full {
        border-radius: 9999px !important
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2xl {
        border-radius: 1rem
    }

    .rounded-full {
        border-radius: 9999px
    }

    .rounded-lg {
        border-radius: .5rem
    }

    .rounded-md {
        border-radius: .375rem
    }

    .rounded-sm {
        border-radius: .125rem
    }

    .rounded-xl {
        border-radius: .75rem
    }

    .rounded-b {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .rounded-b-md {
        border-bottom-left-radius: .375rem;
        border-bottom-right-radius: .375rem
    }

    .rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .border {
        border-width: 1px
    }

    .border-2 {
        border-width: 2px
    }

    .border-y-\[12px\] {
        border-bottom-width: 12px;
        border-top-width: 12px
    }

    .border-b {
        border-bottom-width: 1px
    }

    .border-b-2 {
        border-bottom-width: 2px
    }

    .border-b-4 {
        border-bottom-width: 4px
    }

    .border-l {
        border-left-width: 1px
    }

    .border-l-2 {
        border-left-width: 2px
    }

    .border-l-4 {
        border-left-width: 4px
    }

    .border-l-\[12px\] {
        border-left-width: 12px
    }

    .border-r {
        border-right-width: 1px
    }

    .border-t {
        border-top-width: 1px
    }

    .border-t-0 {
        border-top-width: 0
    }

    .border-dashed {
        border-style: dashed
    }

    .border-none {
        border-style: none
    }

    .border-\[\#ED7F1E\] {
        --tw-border-opacity: 1;
        border-color: rgb(237 127 30/var(--tw-border-opacity, 1))
    }

    .border-aeros-accordion-bg {
        --tw-border-opacity: 1;
        border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
    }

    .border-blue-200 {
        border-color: rgb(191 219 254/var(--tw-border-opacity, 1))
    }

    .border-blue-200,
    .border-gray-100 {
        --tw-border-opacity: 1
    }

    .border-gray-100 {
        border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
    }

    .border-gray-200 {
        border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
    }

    .border-gray-200,
    .border-gray-300 {
        --tw-border-opacity: 1
    }

    .border-gray-300 {
        border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
    }

    .border-gray-50 {
        border-color: rgb(249 250 251/var(--tw-border-opacity, 1))
    }

    .border-gray-50,
    .border-gray-900 {
        --tw-border-opacity: 1
    }

    .border-gray-900 {
        border-color: rgb(17 24 39/var(--tw-border-opacity, 1))
    }

    .border-gray-900\/25 {
        border-color: #11182740
    }

    .border-red-500 {
        border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
    }

    .border-red-500,
    .border-red-600 {
        --tw-border-opacity: 1
    }

    .border-red-600 {
        border-color: rgb(220 38 38/var(--tw-border-opacity, 1))
    }

    .border-seyitler-bg3 {
        --tw-border-opacity: 1;
        border-color: rgb(56 83 160/var(--tw-border-opacity, 1))
    }

    .border-seyitler-bg4 {
        --tw-border-opacity: 1;
        border-color: rgb(240 240 240/var(--tw-border-opacity, 1))
    }

    .border-seyitler-primary {
        --tw-border-opacity: 1;
        border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
    }

    .border-slate-100 {
        border-color: rgb(241 245 249/var(--tw-border-opacity, 1))
    }

    .border-slate-100,
    .border-slate-200 {
        --tw-border-opacity: 1
    }

    .border-slate-200 {
        border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
    }

    .border-transparent {
        border-color: transparent
    }

    .border-zinc-100 {
        border-color: rgb(244 244 245/var(--tw-border-opacity, 1))
    }

    .border-zinc-100,
    .border-zinc-200 {
        --tw-border-opacity: 1
    }

    .border-zinc-200 {
        border-color: rgb(228 228 231/var(--tw-border-opacity, 1))
    }

    .border-zinc-300 {
        border-color: rgb(212 212 216/var(--tw-border-opacity, 1))
    }

    .border-zinc-300,
    .border-zinc-500 {
        --tw-border-opacity: 1
    }

    .border-zinc-500 {
        border-color: rgb(113 113 122/var(--tw-border-opacity, 1))
    }

    .border-zinc-950\/5 {
        border-color: #09090b0d
    }

    .border-y-transparent {
        border-bottom-color: transparent;
        border-top-color: transparent
    }

    .border-l-primary\/20 {
        border-left-color: color-mix(in srgb, var(--p-primary-color) 20%, transparent)
    }

    .border-l-seyitler-bg3 {
        --tw-border-opacity: 1;
        border-left-color: rgb(56 83 160/var(--tw-border-opacity, 1))
    }

    .border-l-seyitler-primary {
        --tw-border-opacity: 1;
        border-left-color: rgb(15 148 64/var(--tw-border-opacity, 1))
    }

    .border-l-transparent {
        border-left-color: transparent
    }

    .bg-\[\#0AA64D\] {
        background-color: rgb(10 166 77/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#0AA64D\],
    .bg-\[\#F7F8F9\] {
        --tw-bg-opacity: 1
    }

    .bg-\[\#F7F8F9\] {
        background-color: rgb(247 248 249/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#F8F8F8\] {
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
    }

    .bg-aeros-accordion-bg {
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
    }

    .bg-aeros-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
    }

    .bg-aeros-secondary {
        --tw-bg-opacity: 1;
        background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
    }

    .bg-black\/20 {
        background-color: #0003
    }

    .bg-black\/60 {
        background-color: #0009
    }

    .bg-black\/80 {
        background-color: #000c
    }

    .bg-blue-200 {
        background-color: rgb(191 219 254/var(--tw-bg-opacity, 1))
    }

    .bg-blue-200,
    .bg-blue-50 {
        --tw-bg-opacity: 1
    }

    .bg-blue-50 {
        background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
    }

    .bg-blue-950 {
        background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
    }

    .bg-blue-950,
    .bg-gray-100 {
        --tw-bg-opacity: 1
    }

    .bg-gray-100 {
        background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
    }

    .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
    }

    .bg-gray-200\/70 {
        background-color: #e5e7ebb3
    }

    .bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
    }

    .bg-gray-400\/40 {
        background-color: #9ca3af66
    }

    .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
    }

    .bg-gray-50\/60 {
        background-color: #f9fafb99
    }

    .bg-gray-600 {
        background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
    }

    .bg-gray-600,
    .bg-gray-900 {
        --tw-bg-opacity: 1
    }

    .bg-gray-900 {
        background-color: rgb(17 24 39/var(--tw-bg-opacity, 1))
    }

    .bg-gray-950\/40 {
        background-color: #03071266
    }

    .bg-green-500 {
        background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
    }

    .bg-green-500,
    .bg-indigo-600 {
        --tw-bg-opacity: 1
    }

    .bg-indigo-600 {
        background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
    }

    .bg-primary {
        background-color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-bg-opacity, 1)), transparent)
    }

    .bg-primary,
    .bg-red-50 {
        --tw-bg-opacity: 1
    }

    .bg-red-50 {
        background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg1 {
        background-color: rgb(84 129 145/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg1,
    .bg-seyitler-bg2 {
        --tw-bg-opacity: 1
    }

    .bg-seyitler-bg2 {
        background-color: rgb(128 158 190/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg3 {
        background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg3,
    .bg-seyitler-bg4 {
        --tw-bg-opacity: 1
    }

    .bg-seyitler-bg4 {
        background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg4\/50 {
        background-color: #f0f0f080
    }

    .bg-seyitler-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-primary\/10 {
        background-color: #0f94401a
    }

    .bg-seyitler-primary\/20 {
        background-color: #0f944033
    }

    .bg-seyitler-primary\/5 {
        background-color: #0f94400d
    }

    .bg-slate-100 {
        background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
    }

    .bg-slate-100,
    .bg-slate-200 {
        --tw-bg-opacity: 1
    }

    .bg-slate-200 {
        background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
    }

    .bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
    }

    .bg-transparent {
        background-color: transparent
    }

    .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .bg-white\/10 {
        background-color: #ffffff1a
    }

    .bg-white\/70 {
        background-color: #ffffffb3
    }

    .bg-white\/80 {
        background-color: #fffc
    }

    .bg-yellow-50 {
        background-color: rgb(254 252 232/var(--tw-bg-opacity, 1))
    }

    .bg-yellow-50,
    .bg-zinc-100 {
        --tw-bg-opacity: 1
    }

    .bg-zinc-100 {
        background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
    }

    .bg-zinc-200 {
        background-color: rgb(228 228 231/var(--tw-bg-opacity, 1))
    }

    .bg-zinc-200,
    .bg-zinc-50 {
        --tw-bg-opacity: 1
    }

    .bg-zinc-50 {
        background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
    }

    .bg-\[url\(\/images\/uretimde_guc_kalitede_istikrar\.webp\)\] {
        background-image: url(../images/uretimde_guc_kalitede_istikrar.webp)
    }

    .bg-gradient-to-l {
        background-image: linear-gradient(to left, var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--tw-gradient-stops))
    }

    .bg-gradient-to-tr {
        background-image: linear-gradient(to top right, var(--tw-gradient-stops))
    }

    .from-seyitler-primary\/20 {
        --tw-gradient-from: rgba(15, 148, 64, .2) var(--tw-gradient-from-position);
        --tw-gradient-to: rgba(15, 148, 64, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
    }

    .from-white {
        --tw-gradient-from: #fff var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
    }

    .via-transparent {
        --tw-gradient-to: transparent var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
    }

    .to-transparent {
        --tw-gradient-to: transparent var(--tw-gradient-to-position)
    }

    .bg-cover {
        background-size: cover
    }

    .bg-center {
        background-position: 50%
    }

    .fill-\[\#24292F\] {
        fill: #24292f
    }

    .fill-seyitler-txt\/70 {
        fill: #666666b3
    }

    .fill-white {
        fill: #fff
    }

    .stroke-white {
        stroke: #fff
    }

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .p-0 {
        padding: 0
    }

    .p-1 {
        padding: .25rem
    }

    .p-10 {
        padding: 2.5rem
    }

    .p-2 {
        padding: .5rem
    }

    .p-2\.5 {
        padding: .625rem
    }

    .p-3 {
        padding: .75rem
    }

    .p-4 {
        padding: 1rem
    }

    .p-5 {
        padding: 1.25rem
    }

    .p-6 {
        padding: 1.5rem
    }

    .p-8 {
        padding: 2rem
    }

    .\!px-36 {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

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

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

    .\!py-3 {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py-0\.5 {
        padding-bottom: .125rem;
        padding-top: .125rem
    }

    .py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
    }

    .py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .pb-10 {
        padding-bottom: 2.5rem
    }

    .pb-16 {
        padding-bottom: 4rem
    }

    .pb-2 {
        padding-bottom: .5rem
    }

    .pb-2\.5 {
        padding-bottom: .625rem
    }

    .pb-20 {
        padding-bottom: 5rem
    }

    .pb-3 {
        padding-bottom: .75rem
    }

    .pb-4 {
        padding-bottom: 1rem
    }

    .pb-5 {
        padding-bottom: 1.25rem
    }

    .pb-8 {
        padding-bottom: 2rem
    }

    .pl-0 {
        padding-left: 0
    }

    .pl-10 {
        padding-left: 2.5rem
    }

    .pl-2 {
        padding-left: .5rem
    }

    .pl-20 {
        padding-left: 5rem
    }

    .pl-4 {
        padding-left: 1rem
    }

    .pl-5 {
        padding-left: 1.25rem
    }

    .pl-6 {
        padding-left: 1.5rem
    }

    .pl-8 {
        padding-left: 2rem
    }

    .pr-4 {
        padding-right: 1rem
    }

    .pr-5 {
        padding-right: 1.25rem
    }

    .pr-6 {
        padding-right: 1.5rem
    }

    .ps-2 {
        padding-inline-start: .5rem
    }

    .pt-0 {
        padding-top: 0
    }

    .pt-10 {
        padding-top: 2.5rem
    }

    .pt-12 {
        padding-top: 3rem
    }

    .pt-2 {
        padding-top: .5rem
    }

    .pt-3 {
        padding-top: .75rem
    }

    .pt-4 {
        padding-top: 1rem
    }

    .pt-5 {
        padding-top: 1.25rem
    }

    .pt-6 {
        padding-top: 1.5rem
    }

    .pt-8 {
        padding-top: 2rem
    }

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .text-right {
        text-align: right
    }

    .align-top {
        vertical-align: top
    }

    .font-\[Montserrat\] {
        font-family: Montserrat
    }

    .font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .\!text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .text-2xl {
        line-height: 2rem
    }

    .text-2xl,
    .text-2xl\/9 {
        font-size: 1.5rem
    }

    .text-2xl\/9,
    .text-3xl {
        line-height: 2.25rem
    }

    .text-3xl {
        font-size: 1.875rem
    }

    .text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[15px\] {
        font-size: 15px
    }

    .text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .text-\[2rem\] {
        font-size: 2rem
    }

    .text-\[3rem\] {
        font-size: 3rem
    }

    .text-\[4rem\] {
        font-size: 4rem
    }

    .text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .text-sm {
        line-height: 1.25rem
    }

    .text-sm,
    .text-sm\/6 {
        font-size: .875rem
    }

    .text-sm\/6 {
        line-height: 1.5rem
    }

    .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .text-xs {
        line-height: 1rem
    }

    .text-xs,
    .text-xs\/5 {
        font-size: .75rem
    }

    .text-xs\/5 {
        line-height: 1.25rem
    }

    .font-bold {
        font-weight: 700
    }

    .font-extralight {
        font-weight: 200
    }

    .font-light {
        font-weight: 300
    }

    .font-medium {
        font-weight: 500
    }

    .font-normal {
        font-weight: 400
    }

    .font-semibold {
        font-weight: 600
    }

    .uppercase {
        text-transform: uppercase
    }

    .capitalize {
        text-transform: capitalize
    }

    .italic {
        font-style: italic
    }

    .leading-7 {
        line-height: 1.75rem
    }

    .leading-9 {
        line-height: 2.25rem
    }

    .leading-\[1rem\] {
        line-height: 1rem
    }

    .leading-\[2\.5rem\] {
        line-height: 2.5rem
    }

    .leading-\[2rem\] {
        line-height: 2rem
    }

    .leading-\[3rem\] {
        line-height: 3rem
    }

    .leading-\[5rem\] {
        line-height: 5rem
    }

    .leading-none {
        line-height: 1
    }

    .leading-relaxed {
        line-height: 1.625
    }

    .leading-snug {
        line-height: 1.375
    }

    .leading-tight {
        line-height: 1.25
    }

    .tracking-\[0\.1em\] {
        letter-spacing: .1em
    }

    .tracking-\[0\.2em\] {
        letter-spacing: .2em
    }

    .tracking-\[0\.3em\] {
        letter-spacing: .3em
    }

    .tracking-\[0\.4em\] {
        letter-spacing: .4em
    }

    .tracking-tight {
        letter-spacing: -.025em
    }

    .tracking-wide {
        letter-spacing: .025em
    }

    .tracking-wider {
        letter-spacing: .05em
    }

    .tracking-widest {
        letter-spacing: .1em
    }

    .\!text-red-600 {
        color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
    }

    .\!text-red-600,
    .\!text-red-700 {
        --tw-text-opacity: 1 !important
    }

    .\!text-red-700 {
        color: rgb(185 28 28/var(--tw-text-opacity, 1)) !important
    }

    .\!text-slate-600 {
        --tw-text-opacity: 1 !important;
        color: rgb(71 85 105/var(--tw-text-opacity, 1)) !important
    }

    .text-\[\#0AA64D\] {
        --tw-text-opacity: 1;
        color: rgb(10 166 77/var(--tw-text-opacity, 1))
    }

    .text-\[\#5E5E5E\] {
        --tw-text-opacity: 1;
        color: rgb(94 94 94/var(--tw-text-opacity, 1))
    }

    .text-\[\#6E6E6E\] {
        --tw-text-opacity: 1;
        color: rgb(110 110 110/var(--tw-text-opacity, 1))
    }

    .text-\[\#8C8C8C\] {
        --tw-text-opacity: 1;
        color: rgb(140 140 140/var(--tw-text-opacity, 1))
    }

    .text-\[\#D9D9D9\] {
        color: rgb(217 217 217/var(--tw-text-opacity, 1))
    }

    .text-\[\#D9D9D9\],
    .text-\[\#aaa\] {
        --tw-text-opacity: 1
    }

    .text-\[\#aaa\] {
        color: rgb(170 170 170/var(--tw-text-opacity, 1))
    }

    .text-aeros-secondary {
        --tw-text-opacity: 1;
        color: rgb(91 91 91/var(--tw-text-opacity, 1))
    }

    .text-blue-600 {
        color: rgb(37 99 235/var(--tw-text-opacity, 1))
    }

    .text-blue-600,
    .text-blue-700 {
        --tw-text-opacity: 1
    }

    .text-blue-700 {
        color: rgb(29 78 216/var(--tw-text-opacity, 1))
    }

    .text-blue-800 {
        color: rgb(30 64 175/var(--tw-text-opacity, 1))
    }

    .text-blue-800,
    .text-blue-950 {
        --tw-text-opacity: 1
    }

    .text-blue-950 {
        color: rgb(23 37 84/var(--tw-text-opacity, 1))
    }

    .text-gray-300 {
        color: rgb(209 213 219/var(--tw-text-opacity, 1))
    }

    .text-gray-300,
    .text-gray-400 {
        --tw-text-opacity: 1
    }

    .text-gray-400 {
        color: rgb(156 163 175/var(--tw-text-opacity, 1))
    }

    .text-gray-500 {
        color: rgb(107 114 128/var(--tw-text-opacity, 1))
    }

    .text-gray-500,
    .text-gray-600 {
        --tw-text-opacity: 1
    }

    .text-gray-600 {
        color: rgb(75 85 99/var(--tw-text-opacity, 1))
    }

    .text-gray-700 {
        color: rgb(55 65 81/var(--tw-text-opacity, 1))
    }

    .text-gray-700,
    .text-gray-800 {
        --tw-text-opacity: 1
    }

    .text-gray-800 {
        color: rgb(31 41 55/var(--tw-text-opacity, 1))
    }

    .text-gray-900 {
        color: rgb(17 24 39/var(--tw-text-opacity, 1))
    }

    .text-gray-900,
    .text-green-600 {
        --tw-text-opacity: 1
    }

    .text-green-600 {
        color: rgb(22 163 74/var(--tw-text-opacity, 1))
    }

    .text-indigo-600 {
        color: rgb(79 70 229/var(--tw-text-opacity, 1))
    }

    .text-indigo-600,
    .text-primary {
        --tw-text-opacity: 1
    }

    .text-primary {
        color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-text-opacity, 1)), transparent)
    }

    .text-red-300 {
        color: rgb(252 165 165/var(--tw-text-opacity, 1))
    }

    .text-red-300,
    .text-red-400 {
        --tw-text-opacity: 1
    }

    .text-red-400 {
        color: rgb(248 113 113/var(--tw-text-opacity, 1))
    }

    .text-red-500 {
        color: rgb(239 68 68/var(--tw-text-opacity, 1))
    }

    .text-red-500,
    .text-red-600 {
        --tw-text-opacity: 1
    }

    .text-red-600 {
        color: rgb(220 38 38/var(--tw-text-opacity, 1))
    }

    .text-red-700 {
        --tw-text-opacity: 1;
        color: rgb(185 28 28/var(--tw-text-opacity, 1))
    }

    .text-seyitler-primary {
        --tw-text-opacity: 1;
        color: rgb(15 148 64/var(--tw-text-opacity, 1))
    }

    .text-seyitler-primary\/70 {
        color: #0f9440b3
    }

    .text-seyitler-txt {
        --tw-text-opacity: 1;
        color: rgb(102 102 102/var(--tw-text-opacity, 1))
    }

    .text-seyitler-txt\/50 {
        color: #66666680
    }

    .text-seyitler-txt\/80 {
        color: #666c
    }

    .text-slate-400 {
        color: rgb(148 163 184/var(--tw-text-opacity, 1))
    }

    .text-slate-400,
    .text-slate-500 {
        --tw-text-opacity: 1
    }

    .text-slate-500 {
        color: rgb(100 116 139/var(--tw-text-opacity, 1))
    }

    .text-slate-600 {
        color: rgb(71 85 105/var(--tw-text-opacity, 1))
    }

    .text-slate-600,
    .text-slate-700 {
        --tw-text-opacity: 1
    }

    .text-slate-700 {
        color: rgb(51 65 85/var(--tw-text-opacity, 1))
    }

    .text-slate-900 {
        color: rgb(15 23 42/var(--tw-text-opacity, 1))
    }

    .text-slate-900,
    .text-white {
        --tw-text-opacity: 1
    }

    .text-white {
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .text-zinc-600 {
        color: rgb(82 82 91/var(--tw-text-opacity, 1))
    }

    .text-zinc-600,
    .text-zinc-700 {
        --tw-text-opacity: 1
    }

    .text-zinc-700 {
        color: rgb(63 63 70/var(--tw-text-opacity, 1))
    }

    .text-zinc-950 {
        --tw-text-opacity: 1;
        color: rgb(9 9 11/var(--tw-text-opacity, 1))
    }

    .underline {
        text-decoration-line: underline
    }

    .line-through {
        text-decoration-line: line-through
    }

    .decoration-1 {
        text-decoration-thickness: 1px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
    }

    .placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-90 {
        opacity: .9
    }

    .shadow {
        --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)
    }

    .shadow,
    .shadow-2xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
    }

    .shadow-lg,
    .shadow-md {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-md {
        --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)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .shadow-none,
    .shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-gray-200\/40 {
        --tw-shadow-color: rgba(229, 231, 235, .4);
        --tw-shadow: var(--tw-shadow-colored)
    }

    .outline {
        outline-style: solid
    }

    .outline-dashed {
        outline-style: dashed
    }

    .outline-1 {
        outline-width: 1px
    }

    .-outline-offset-1 {
        outline-offset: -1px
    }

    .outline-offset-2 {
        outline-offset: 2px
    }

    .\!outline-red-500 {
        outline-color: #ef4444 !important
    }

    .outline-blue-600 {
        outline-color: #2563eb
    }

    .outline-blue-800 {
        outline-color: #1e40af
    }

    .outline-gray-300 {
        outline-color: #d1d5db
    }

    .outline-slate-200 {
        outline-color: #e2e8f0
    }

    .outline-zinc-200 {
        outline-color: #e4e4e7
    }

    .ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .ring-1,
    .ring-2 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .ring-2 {
        --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)
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    .ring-gray-300 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
    }

    .ring-white {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity, 1))
    }

    .blur {
        --tw-blur: blur(8px)
    }

    .blur,
    .drop-shadow {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
    }

    .grayscale {
        --tw-grayscale: grayscale(100%)
    }

    .filter,
    .grayscale {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(12px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .transition {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-all {
        transition-duration: .15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

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

    .transition-opacity {
        transition-duration: .15s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-shadow {
        transition-duration: .15s;
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-transform {
        transition-duration: .15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .delay-75 {
        transition-delay: 75ms
    }

    .duration-1000 {
        transition-duration: 1s
    }

    .duration-150 {
        transition-duration: .15s
    }

    .duration-200 {
        transition-duration: .2s
    }

    .duration-300 {
        transition-duration: .3s
    }

    .duration-500 {
        transition-duration: .5s
    }

    .ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }

    .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .text-muted-color {
        color: var(--p-text-muted-color)
    }
}

:root {
    --font-family: "Source Sans 3", sans-serif;
    --default-color: #171717;
    --default-font-size: 14px;
    --default-font-weight: 400;
    --line-height-base: 1.25rem
}

html {
    color: var(--default-color);
    font-family: var(--font-family), serif;
    font-feature-settings: "rlig" 1, "calt" 0;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--line-height-base)
}

@supports (font-variation-settings:normal) {
    :root {
        font-family: var(--font-family), serif
    }
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

@font-face {
    font-display: block;
    font-family: primeicons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/primeicons.DMOk5skT.eot);
    src: url(../fonts/primeicons.DMOk5skTd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/primeicons.C6QP2o4f.woff2) format("woff2"), url(../fonts/primeicons.WjwUDZjB.woff) format("woff"), url(../fonts/primeicons.MpK4pl85.ttf) format("truetype"), url(../fonts/primeicons.Dr5RGzOOd41d.svg?#primeicons) format("svg")
}

.pi {
    font-family: primeicons;
    speak: none;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pi:before {
    --webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pi-fw {
    text-align: center;
    width: 1.28571429em
}

.pi-spin {
    animation: fa-spin 2s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .pi-spin {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.pi-folder-plus:before {
    content: ""
}

.pi-receipt:before {
    content: ""
}

.pi-asterisk:before {
    content: ""
}

.pi-face-smile:before {
    content: ""
}

.pi-pinterest:before {
    content: ""
}

.pi-expand:before {
    content: ""
}

.pi-pen-to-square:before {
    content: ""
}

.pi-wave-pulse:before {
    content: ""
}

.pi-turkish-lira:before {
    content: ""
}

.pi-spinner-dotted:before {
    content: ""
}

.pi-crown:before {
    content: ""
}

.pi-pause-circle:before {
    content: ""
}

.pi-warehouse:before {
    content: ""
}

.pi-objects-column:before {
    content: ""
}

.pi-clipboard:before {
    content: ""
}

.pi-play-circle:before {
    content: ""
}

.pi-venus:before {
    content: ""
}

.pi-cart-minus:before {
    content: ""
}

.pi-file-plus:before {
    content: ""
}

.pi-microchip:before {
    content: ""
}

.pi-twitch:before {
    content: ""
}

.pi-building-columns:before {
    content: ""
}

.pi-file-check:before {
    content: ""
}

.pi-microchip-ai:before {
    content: ""
}

.pi-trophy:before {
    content: ""
}

.pi-barcode:before {
    content: ""
}

.pi-file-arrow-up:before {
    content: ""
}

.pi-mars:before {
    content: ""
}

.pi-tiktok:before {
    content: ""
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: ""
}

.pi-ethereum:before {
    content: ""
}

.pi-list-check:before {
    content: ""
}

.pi-thumbtack:before {
    content: ""
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: ""
}

.pi-equals:before {
    content: ""
}

.pi-lightbulb:before {
    content: ""
}

.pi-star-half:before {
    content: ""
}

.pi-address-book:before {
    content: ""
}

.pi-chart-scatter:before {
    content: ""
}

.pi-indian-rupee:before {
    content: ""
}

.pi-star-half-fill:before {
    content: ""
}

.pi-cart-arrow-down:before {
    content: ""
}

.pi-calendar-clock:before {
    content: ""
}

.pi-sort-up-fill:before {
    content: ""
}

.pi-sparkles:before {
    content: ""
}

.pi-bullseye:before {
    content: ""
}

.pi-sort-down-fill:before {
    content: ""
}

.pi-graduation-cap:before {
    content: ""
}

.pi-hammer:before {
    content: ""
}

.pi-bell-slash:before {
    content: ""
}

.pi-gauge:before {
    content: ""
}

.pi-shop:before {
    content: ""
}

.pi-headphones:before {
    content: ""
}

.pi-eraser:before {
    content: ""
}

.pi-stopwatch:before {
    content: ""
}

.pi-verified:before {
    content: ""
}

.pi-delete-left:before {
    content: ""
}

.pi-hourglass:before {
    content: ""
}

.pi-truck:before {
    content: ""
}

.pi-wrench:before {
    content: ""
}

.pi-microphone:before {
    content: ""
}

.pi-megaphone:before {
    content: ""
}

.pi-arrow-right-arrow-left:before {
    content: ""
}

.pi-bitcoin:before {
    content: ""
}

.pi-file-edit:before {
    content: ""
}

.pi-language:before {
    content: ""
}

.pi-file-export:before {
    content: ""
}

.pi-file-import:before {
    content: ""
}

.pi-file-word:before {
    content: ""
}

.pi-gift:before {
    content: ""
}

.pi-cart-plus:before {
    content: ""
}

.pi-thumbs-down-fill:before {
    content: ""
}

.pi-thumbs-up-fill:before {
    content: ""
}

.pi-arrows-alt:before {
    content: ""
}

.pi-calculator:before {
    content: ""
}

.pi-sort-alt-slash:before {
    content: ""
}

.pi-arrows-h:before {
    content: ""
}

.pi-arrows-v:before {
    content: ""
}

.pi-pound:before {
    content: ""
}

.pi-prime:before {
    content: ""
}

.pi-chart-pie:before {
    content: ""
}

.pi-reddit:before {
    content: ""
}

.pi-code:before {
    content: ""
}

.pi-sync:before {
    content: ""
}

.pi-shopping-bag:before {
    content: ""
}

.pi-server:before {
    content: ""
}

.pi-database:before {
    content: ""
}

.pi-hashtag:before {
    content: ""
}

.pi-bookmark-fill:before {
    content: ""
}

.pi-filter-fill:before {
    content: ""
}

.pi-heart-fill:before {
    content: ""
}

.pi-flag-fill:before {
    content: ""
}

.pi-circle:before {
    content: ""
}

.pi-circle-fill:before {
    content: ""
}

.pi-bolt:before {
    content: ""
}

.pi-history:before {
    content: ""
}

.pi-box:before {
    content: ""
}

.pi-at:before {
    content: ""
}

.pi-arrow-up-right:before {
    content: ""
}

.pi-arrow-up-left:before {
    content: ""
}

.pi-arrow-down-left:before {
    content: ""
}

.pi-arrow-down-right:before {
    content: ""
}

.pi-telegram:before {
    content: ""
}

.pi-stop-circle:before {
    content: ""
}

.pi-stop:before {
    content: ""
}

.pi-whatsapp:before {
    content: ""
}

.pi-building:before {
    content: ""
}

.pi-qrcode:before {
    content: ""
}

.pi-car:before {
    content: ""
}

.pi-instagram:before {
    content: ""
}

.pi-linkedin:before {
    content: ""
}

.pi-send:before {
    content: ""
}

.pi-slack:before {
    content: ""
}

.pi-sun:before {
    content: ""
}

.pi-moon:before {
    content: ""
}

.pi-vimeo:before {
    content: ""
}

.pi-youtube:before {
    content: ""
}

.pi-flag:before {
    content: ""
}

.pi-wallet:before {
    content: ""
}

.pi-map:before {
    content: ""
}

.pi-link:before {
    content: ""
}

.pi-credit-card:before {
    content: ""
}

.pi-discord:before {
    content: ""
}

.pi-percentage:before {
    content: ""
}

.pi-euro:before {
    content: ""
}

.pi-book:before {
    content: ""
}

.pi-shield:before {
    content: ""
}

.pi-paypal:before {
    content: ""
}

.pi-amazon:before {
    content: ""
}

.pi-phone:before {
    content: ""
}

.pi-filter-slash:before {
    content: ""
}

.pi-facebook:before {
    content: ""
}

.pi-github:before {
    content: ""
}

.pi-twitter:before {
    content: ""
}

.pi-step-backward-alt:before {
    content: ""
}

.pi-step-forward-alt:before {
    content: ""
}

.pi-forward:before {
    content: ""
}

.pi-backward:before {
    content: ""
}

.pi-fast-backward:before {
    content: ""
}

.pi-fast-forward:before {
    content: ""
}

.pi-pause:before {
    content: ""
}

.pi-play:before {
    content: ""
}

.pi-compass:before {
    content: ""
}

.pi-id-card:before {
    content: ""
}

.pi-ticket:before {
    content: ""
}

.pi-file-o:before {
    content: ""
}

.pi-reply:before {
    content: ""
}

.pi-directions-alt:before {
    content: ""
}

.pi-directions:before {
    content: ""
}

.pi-thumbs-up:before {
    content: ""
}

.pi-thumbs-down:before {
    content: ""
}

.pi-sort-numeric-down-alt:before {
    content: ""
}

.pi-sort-numeric-up-alt:before {
    content: ""
}

.pi-sort-alpha-down-alt:before {
    content: ""
}

.pi-sort-alpha-up-alt:before {
    content: ""
}

.pi-sort-numeric-down:before {
    content: ""
}

.pi-sort-numeric-up:before {
    content: ""
}

.pi-sort-alpha-down:before {
    content: ""
}

.pi-sort-alpha-up:before {
    content: ""
}

.pi-sort-alt:before {
    content: ""
}

.pi-sort-amount-up:before {
    content: ""
}

.pi-sort-amount-down:before {
    content: ""
}

.pi-sort-amount-down-alt:before {
    content: ""
}

.pi-sort-amount-up-alt:before {
    content: ""
}

.pi-palette:before {
    content: ""
}

.pi-undo:before {
    content: ""
}

.pi-desktop:before {
    content: ""
}

.pi-sliders-v:before {
    content: ""
}

.pi-sliders-h:before {
    content: ""
}

.pi-search-plus:before {
    content: ""
}

.pi-search-minus:before {
    content: ""
}

.pi-file-excel:before {
    content: ""
}

.pi-file-pdf:before {
    content: ""
}

.pi-check-square:before {
    content: ""
}

.pi-chart-line:before {
    content: ""
}

.pi-user-edit:before {
    content: ""
}

.pi-exclamation-circle:before {
    content: ""
}

.pi-android:before {
    content: ""
}

.pi-google:before {
    content: ""
}

.pi-apple:before {
    content: ""
}

.pi-microsoft:before {
    content: ""
}

.pi-heart:before {
    content: ""
}

.pi-mobile:before {
    content: ""
}

.pi-tablet:before {
    content: ""
}

.pi-key:before {
    content: ""
}

.pi-shopping-cart:before {
    content: ""
}

.pi-comments:before {
    content: ""
}

.pi-comment:before {
    content: ""
}

.pi-briefcase:before {
    content: ""
}

.pi-bell:before {
    content: ""
}

.pi-paperclip:before {
    content: ""
}

.pi-share-alt:before {
    content: ""
}

.pi-envelope:before {
    content: ""
}

.pi-volume-down:before {
    content: ""
}

.pi-volume-up:before {
    content: ""
}

.pi-volume-off:before {
    content: ""
}

.pi-eject:before {
    content: ""
}

.pi-money-bill:before {
    content: ""
}

.pi-images:before {
    content: ""
}

.pi-image:before {
    content: ""
}

.pi-sign-in:before {
    content: ""
}

.pi-sign-out:before {
    content: ""
}

.pi-wifi:before {
    content: ""
}

.pi-sitemap:before {
    content: ""
}

.pi-chart-bar:before {
    content: ""
}

.pi-camera:before {
    content: ""
}

.pi-dollar:before {
    content: ""
}

.pi-lock-open:before {
    content: ""
}

.pi-table:before {
    content: ""
}

.pi-map-marker:before {
    content: ""
}

.pi-list:before {
    content: ""
}

.pi-eye-slash:before {
    content: ""
}

.pi-eye:before {
    content: ""
}

.pi-folder-open:before {
    content: ""
}

.pi-folder:before {
    content: ""
}

.pi-video:before {
    content: ""
}

.pi-inbox:before {
    content: ""
}

.pi-lock:before {
    content: ""
}

.pi-unlock:before {
    content: ""
}

.pi-tags:before {
    content: ""
}

.pi-tag:before {
    content: ""
}

.pi-power-off:before {
    content: ""
}

.pi-save:before {
    content: ""
}

.pi-question-circle:before {
    content: ""
}

.pi-question:before {
    content: ""
}

.pi-copy:before {
    content: ""
}

.pi-file:before {
    content: ""
}

.pi-clone:before {
    content: ""
}

.pi-calendar-times:before {
    content: ""
}

.pi-calendar-minus:before {
    content: ""
}

.pi-calendar-plus:before {
    content: ""
}

.pi-ellipsis-v:before {
    content: ""
}

.pi-ellipsis-h:before {
    content: ""
}

.pi-bookmark:before {
    content: ""
}

.pi-globe:before {
    content: ""
}

.pi-replay:before {
    content: ""
}

.pi-filter:before {
    content: ""
}

.pi-print:before {
    content: ""
}

.pi-align-right:before {
    content: ""
}

.pi-align-left:before {
    content: ""
}

.pi-align-center:before {
    content: ""
}

.pi-align-justify:before {
    content: ""
}

.pi-cog:before {
    content: ""
}

.pi-cloud-download:before {
    content: ""
}

.pi-cloud-upload:before {
    content: ""
}

.pi-cloud:before {
    content: ""
}

.pi-pencil:before {
    content: ""
}

.pi-users:before {
    content: ""
}

.pi-clock:before {
    content: ""
}

.pi-user-minus:before {
    content: ""
}

.pi-user-plus:before {
    content: ""
}

.pi-trash:before {
    content: ""
}

.pi-external-link:before {
    content: ""
}

.pi-window-maximize:before {
    content: ""
}

.pi-window-minimize:before {
    content: ""
}

.pi-refresh:before {
    content: ""
}

.pi-user:before {
    content: ""
}

.pi-exclamation-triangle:before {
    content: ""
}

.pi-calendar:before {
    content: ""
}

.pi-chevron-circle-left:before {
    content: ""
}

.pi-chevron-circle-down:before {
    content: ""
}

.pi-chevron-circle-right:before {
    content: ""
}

.pi-chevron-circle-up:before {
    content: ""
}

.pi-angle-double-down:before {
    content: ""
}

.pi-angle-double-left:before {
    content: ""
}

.pi-angle-double-right:before {
    content: ""
}

.pi-angle-double-up:before {
    content: ""
}

.pi-angle-down:before {
    content: ""
}

.pi-angle-left:before {
    content: ""
}

.pi-angle-right:before {
    content: ""
}

.pi-angle-up:before {
    content: ""
}

.pi-upload:before {
    content: ""
}

.pi-download:before {
    content: ""
}

.pi-ban:before {
    content: ""
}

.pi-star-fill:before {
    content: ""
}

.pi-star:before {
    content: ""
}

.pi-chevron-left:before {
    content: ""
}

.pi-chevron-right:before {
    content: ""
}

.pi-chevron-down:before {
    content: ""
}

.pi-chevron-up:before {
    content: ""
}

.pi-caret-left:before {
    content: ""
}

.pi-caret-right:before {
    content: ""
}

.pi-caret-down:before {
    content: ""
}

.pi-caret-up:before {
    content: ""
}

.pi-search:before {
    content: ""
}

.pi-check:before {
    content: ""
}

.pi-check-circle:before {
    content: ""
}

.pi-times:before {
    content: ""
}

.pi-times-circle:before {
    content: ""
}

.pi-plus:before {
    content: ""
}

.pi-plus-circle:before {
    content: ""
}

.pi-minus:before {
    content: ""
}

.pi-minus-circle:before {
    content: ""
}

.pi-circle-on:before {
    content: ""
}

.pi-circle-off:before {
    content: ""
}

.pi-sort-down:before {
    content: ""
}

.pi-sort-up:before {
    content: ""
}

.pi-sort:before {
    content: ""
}

.pi-step-backward:before {
    content: ""
}

.pi-step-forward:before {
    content: ""
}

.pi-th-large:before {
    content: ""
}

.pi-arrow-down:before {
    content: ""
}

.pi-arrow-left:before {
    content: ""
}

.pi-arrow-right:before {
    content: ""
}

.pi-arrow-up:before {
    content: ""
}

.pi-bars:before {
    content: ""
}

.pi-arrow-circle-down:before {
    content: ""
}

.pi-arrow-circle-left:before {
    content: ""
}

.pi-arrow-circle-right:before {
    content: ""
}

.pi-arrow-circle-up:before {
    content: ""
}

.pi-info:before {
    content: ""
}

.pi-info-circle:before {
    content: ""
}

.pi-home:before {
    content: ""
}

.pi-spinner:before {
    content: ""
}

:root {
    --p-toggleswitch-focus-ring-color: #172554;
    --p-datepicker-dropdown-focus-ring-color: #172554;
    --p-datepicker-date-focus-ring-color: #172554;
    --p-inputtext-focus-ring-offset: 2px;
    --p-inputtext-focus-border-color: #172554
}

.p-toast-message {
    border-radius: 9999px !important;
    padding-left: 1rem
}

.p-toast-message,
.p-toast-message-content {
    align-items: center
}

.p-toast-close-button {
    margin: 0;
    right: 0
}

.p-datatable-column-sorted,
.p-paginator-page-selected {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.p-datatable-header {
    padding: .75rem 0
}

.p-drawer-content {
    padding-bottom: 0
}

.p-tab {
    color: rgb(156 163 175/var(--tw-text-opacity, 1));
    font-weight: 500
}

.p-tab-active {
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.p-tabpanels {
    padding-left: 0;
    padding-right: 0
}

.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138/var(--tw-bg-opacity, 1))
}

.p-datepicker-input {
    font-size: .875rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.p-datepicker-input::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.p-datepicker-input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.p-datepicker-input:focus {
    outline-color: #172554;
    outline-style: solid;
    outline-width: 2px
}

.p-datepicker-input:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.editor-container {
    border-width: 1px;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.editor-content :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "“" "”" "‘" "’"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.editor-content :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start: .375em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.editor-content :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

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

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

.editor-content :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.editor-content :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.editor-content :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.editor-content {
    --tw-prose-links: #2563eb;
    --tw-prose-invert-links: #3b82f6;
    max-width: none
}

.editor-content strong {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.editor-content :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-style: none;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.editor-content :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    font-size: 5rem;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1));
    --tw-content: open-quote;
    content: var(--tw-content)
}

.editor-content :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    --tw-content: none;
    content: var(--tw-content)
}

.editor-content :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.editor-content a strong,
.editor-content p a,
.editor-content p>strong,
.editor-content ul li p strong {
    margin-left: .25rem;
    margin-right: .25rem
}

.editor-content blockquote p {
    line-height: 2rem
}

.editor-content p>a,
.editor-content p>a>strong {
    margin-left: 0
}

.tiptap {
    caret-color: #172554;
    margin: .375rem auto;
    max-width: 84rem;
    padding: 1.5rem 2rem;
    z-index: 0
}

@media(min-width:1024px) {
    .tiptap {
        padding-left: 5rem;
        padding-right: 1rem
    }
}

.tiptap:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tiptap p.is-editor-empty:first-child:before,
.tiptap p.is-empty:before {
    color: #adb5bd;
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none
}

.btn-aeros {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1));
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn-aeros:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media(min-width:640px) {
    .btn-aeros {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .75rem
    }
}

.btn-aeros:after,
.btn-aeros:before {
    display: block;
    height: 20px;
    position: absolute;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 20px;
    --tw-content: "";
    content: var(--tw-content)
}

@media(min-width:640px) {

    .btn-aeros:after,
    .btn-aeros:before {
        height: 40px;
        width: 40px
    }
}

.btn-aeros:hover:after,
.btn-aeros:hover:before {
    height: 100%;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.btn-aeros:before {
    border-left: 1px solid #ed7f1e;
    border-top: 1px solid #ed7f1e;
    left: -2px;
    top: -2px
}

.btn-aeros:after {
    border-right: 1px solid #ed7f1e;
    right: -2px
}

.btn-aeros:after,
.btn-aeros>span:before {
    border-bottom: 1px solid #ed7f1e;
    bottom: -2px
}

.btn-aeros>span:before {
    border-left: 1px solid #ed7f1e;
    left: -2px
}

.btn-aeros>span:after {
    border-bottom: 1px solid #ed7f1e;
    border-right: 1px solid #ed7f1e;
    bottom: -2px;
    right: -2px
}

.bg-aeros {
    --tw-bg-opacity: 1;
    background-color: rgb(74 156 87/var(--tw-bg-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.heading-aeros,
.title-aeros {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.heading-aeros:before {
    display: block;
    height: .5rem;
    position: absolute;
    top: -1rem;
    width: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1));
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --tw-content: "";
    content: var(--tw-content)
}

@media(min-width:1024px) {
    .heading-aeros:before {
        width: 4rem
    }
}

.text-aeros-secondary {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.bg-aeros-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
}

.border-aeros-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(91 91 91/var(--tw-border-opacity, 1))
}

.title-aeros-secondary {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.title-aeros-secondary:before {
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-left-width: 2px;
    border-top-width: 2px;
    left: -1.25rem;
    top: -1.25rem
}

.title-aeros-secondary:after,
.title-aeros-secondary:before {
    height: 40px;
    position: absolute;
    width: 40px;
    --tw-border-opacity: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.title-aeros-secondary:after {
    border-bottom-width: 2px;
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-right-width: 2px;
    bottom: -1.25rem;
    right: -1.25rem
}

.title-aeros-secondary-white {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.title-aeros-secondary-white:before {
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-left-width: 2px;
    border-top-width: 2px;
    left: -1.25rem;
    top: -1.25rem
}

.title-aeros-secondary-white:after,
.title-aeros-secondary-white:before {
    height: 40px;
    position: absolute;
    width: 40px;
    --tw-border-opacity: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.title-aeros-secondary-white:after {
    border-bottom-width: 2px;
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-right-width: 2px;
    bottom: -1.25rem;
    right: -1.25rem
}

.p-tablist-tab-list {
    justify-content: center
}

.p-tab {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.p-tablist-active-bar {
    height: .1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
}

.p-tab-active {
    border-style: none;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.p-accordionpanel>: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)))
}

.p-accordionheader {
    border-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1));
    font-family: Montserrat
}

.p-accordionheader,
.p-accordionheader-toggle-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.prose strong {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-style: none;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    font-size: 5rem;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1));
    --tw-content: open-quote;
    content: var(--tw-content)
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    --tw-content: none;
    content: var(--tw-content)
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.prose a strong,
.prose p a,
.prose p>strong,
.prose ul li p strong {
    margin-left: .25rem;
    margin-right: .25rem
}

.prose blockquote p {
    line-height: 2rem
}

.prose p>a,
.prose p>a>strong {
    margin-left: 0
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.placeholder\:\!text-red-600::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.placeholder\:\!text-red-600::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:z-0:before {
    content: var(--tw-content);
    z-index: 0
}

.before\:bg-blue-900\/50:before {
    background-color: #1e3a8a80;
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:h-0\.5:after {
    content: var(--tw-content);
    height: .125rem
}

.after\:h-1:after {
    content: var(--tw-content);
    height: .25rem
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:h-\[3px\]:after {
    content: var(--tw-content);
    height: 3px
}

.after\:w-12:after {
    content: var(--tw-content);
    width: 3rem
}

.after\:w-16:after {
    content: var(--tw-content);
    width: 4rem
}

.after\:w-20:after {
    content: var(--tw-content);
    width: 5rem
}

.after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:bg-seyitler-primary:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.last\:border-0:last-child {
    border-width: 0
}

.checked\:border-indigo-600:checked {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.checked\:bg-indigo-600:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.indeterminate\:border-indigo-600:indeterminate {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.indeterminate\:bg-indigo-600:indeterminate {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.focus-within\:translate-y-0:focus-within {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-blue-950:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border:hover {
    border-width: 1px
}

.hover\:border-solid:hover {
    border-style: solid
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary\/30:hover {
    border-color: #0f94404d
}

.hover\:bg-blue-950\/90:hover {
    background-color: #172554e6
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100\/80:hover {
    background-color: #f3f4f6cc
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary\/90:hover {
    background-color: color-mix(in srgb, var(--p-primary-color) 90%, transparent)
}

.hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-primary\/5:hover {
    background-color: #0f94400d
}

.hover\:bg-seyitler-primary\/90:hover {
    background-color: #0f9440e6
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/20:hover {
    background-color: #fff3
}

.hover\:bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: .9
}

.hover\:text-\[\#0AA64D\]:hover {
    --tw-text-opacity: 1;
    color: rgb(10 166 77/var(--tw-text-opacity, 1))
}

.hover\:text-aeros-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138/var(--tw-text-opacity, 1))
}

.hover\:text-blue-950:hover {
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity, 1))
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity, 1))
}

.hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgb(127 29 29/var(--tw-text-opacity, 1))
}

.hover\:text-seyitler-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow:hover {
    --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)
}

.hover\:shadow-2xl:hover,
.hover\:shadow:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --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)
}

.hover\:shadow-seyitler-primary\/20:hover {
    --tw-shadow-color: rgba(15, 148, 64, .2);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:ring: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(3px + 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)
}

.hover\:ring-blue-950:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.hover\:ring-offset-2:hover {
    --tw-ring-offset-width: 2px
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-2:focus {
    outline-width: 2px
}

.focus\:-outline-offset-2:focus {
    outline-offset: -2px
}

.focus\:outline-blue-950:focus {
    outline-color: #172554
}

.focus\:outline-indigo-600:focus {
    outline-color: #4f46e5
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-seyitler-primary\/60:focus {
    --tw-ring-color: rgba(15, 148, 64, .6)
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-blue-950:focus-visible {
    outline-color: #172554
}

.focus-visible\:outline-indigo-600:focus-visible {
    outline-color: #4f46e5
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-transparent:focus-visible {
    --tw-ring-color: transparent
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:border-gray-300:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.disabled\:border-slate-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.disabled\:bg-gray-100:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.disabled\:bg-slate-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.disabled\:text-slate-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:shadow-none:disabled {
    --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)
}

.disabled\:checked\:bg-gray-100:checked:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: .125rem
}

.group:hover .group-hover\:translate-x-0\.5,
.group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-seyitler-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-seyitler-primary {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-100,
.group\/slider:hover .group-hover\/slider\:opacity-100 {
    opacity: 1
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
    cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
    opacity: .7
}

.group:has(:disabled) .group-has-\[\:disabled\]\:stroke-gray-950\/25 {
    stroke: #03071240
}

.group:has(:checked) .group-has-\[\:checked\]\:opacity-100 {
    opacity: 1
}

.group:has(:indeterminate) .group-has-\[\:indeterminate\]\:opacity-100 {
    opacity: 1
}

.data-\[p-active\=false\]\:\!bg-aeros-accordion-bg[data-p-active=false] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1)) !important
}

.data-\[p-active\=true\]\:bg-aeros-primary[data-p-active=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
}

.data-\[p-active\=false\]\:text-aeros-secondary[data-p-active=false] {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:border-l-2 {
    border-left-width: 2px
}

.group[data-active=true] .group-data-\[active\=true\]\:border-zinc-400 {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170/var(--tw-border-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:\!text-\[\#ED7F1E\] {
    --tw-text-opacity: 1 !important;
    color: rgb(237 127 30/var(--tw-text-opacity, 1)) !important
}

@media(min-width:640px) {
    .sm\:visible {
        visibility: visible
    }

    .sm\:bottom-6 {
        bottom: 1.5rem
    }

    .sm\:right-6 {
        right: 1.5rem
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

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

    .sm\:mb-12 {
        margin-bottom: 3rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-48 {
        height: 12rem
    }

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

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-7xl {
        max-width: 80rem
    }

    .sm\:max-w-\[480px\] {
        max-width: 480px
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

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

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

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:gap-24 {
        gap: 6rem
    }

    .sm\:gap-x-40 {
        -moz-column-gap: 10rem;
        column-gap: 10rem
    }

    .sm\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

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

    .sm\:space-y-4>: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)))
    }

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

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-64 {
        padding-left: 16rem;
        padding-right: 16rem
    }

    .sm\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm\/6 {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .sm\:leading-9 {
        line-height: 2.25rem
    }
}

@media(min-width:768px) {
    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-12 {
        margin-left: 3rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:block {
        display: block
    }

    .md\:aspect-\[6\/1\] {
        aspect-ratio: 6/1
    }

    .md\:h-72 {
        height: 18rem
    }

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

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

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

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media(min-width:1024px) {
    .lg\:sticky {
        position: sticky
    }

    .lg\:top-24 {
        top: 6rem
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[7\/1\] {
        aspect-ratio: 7/1
    }

    .lg\:h-6 {
        height: 1.5rem
    }

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

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-px {
        width: 1px
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

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

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

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

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

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

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

    .lg\:self-stretch {
        align-self: stretch
    }

    .lg\:bg-gray-900\/10 {
        background-color: #1118271a
    }

    .lg\:bg-white {
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .lg\:bg-white,
    .lg\:bg-zinc-100 {
        --tw-bg-opacity: 1
    }

    .lg\:bg-zinc-100 {
        background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .lg\:ring-zinc-950\/5 {
        --tw-ring-color: rgba(9, 9, 11, .05)
    }
}

@media(min-width:1280px) {
    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

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

    .xl\:max-w-7xl {
        max-width: 80rem
    }

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

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

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.dark\:border-seyitler-bg1:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-border-opacity: 1;
    border-color: rgb(84 129 145/var(--tw-border-opacity, 1))
}

.dark\:bg-seyitler-bg3:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.dark\:bg-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dark\:text-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media(forced-colors:active) {
    .forced-colors\:appearance-auto {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-2\.5>[data-slot=section]+[data-slot=section] {
    margin-top: .625rem
}

.\[\&\]\:w-full {
    width: 100%
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
}

.\[\&_svg\]\:size-4 svg {
    height: 1rem;
    width: 1rem
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
}

/* ========================================= */

*,
::backdrop,
: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: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

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

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: Source Sans 3, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

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-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

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

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-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: initial
}

::-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
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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]:where(:not([hidden=until-found])) {
    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],
input:where(:not([type])),
select,
textarea {
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

[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,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

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

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

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

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

::-webkit-datetime-edit,
::-webkit-datetime-edit-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],
[size]:where(select:not([size="1"])) {
    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] {
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: #6b7280;
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
}

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

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

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

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

[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 0'/%3E%3C/svg%3E)
}

@media(forced-colors:active) {
    [type=checkbox]:checked {
        appearance: auto
    }
}

[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)
}

@media(forced-colors:active) {
    [type=radio]:checked {
        appearance: auto
    }
}

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

[type=checkbox]:indeterminate {
    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%
}

@media(forced-colors:active) {
    [type=checkbox]:indeterminate {
        appearance: auto
    }
}

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

[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
}

.container {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "“" "”" "‘" "’"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: #1118271a;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.prose-sm {
    font-size: .875rem;
    line-height: 1.7142857
}

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

.prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start: 1.1111111em
}

.prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 2.1428571em;
    line-height: 1.2;
    margin-bottom: .8em;
    margin-top: 0
}

.prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.4285714em;
    line-height: 1.4;
    margin-bottom: .8em;
    margin-top: 1.6em
}

.prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .4444444em;
    margin-top: 1.5555556em
}

.prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    line-height: 1.4285714;
    margin-bottom: .5714286em;
    margin-top: 1.4285714em
}

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

.prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

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

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

.prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .8571429em;
    padding-inline-end: .3571429em;
    padding-bottom: .1428571em;
    padding-top: .1428571em;
    padding-inline-start: .3571429em
}

.prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em
}

.prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .9em
}

.prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .25rem;
    font-size: .8571429em;
    line-height: 1.6666667;
    margin-bottom: 1.6666667em;
    margin-top: 1.6666667em;
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

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

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

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

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

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

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

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

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

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

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

.prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .2857143em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2.8571429em;
    margin-top: 2.8571429em
}

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

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

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

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

.prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.5
}

.prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-inline-start: 1em
}

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

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

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

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

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

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

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

.prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.3333333;
    margin-top: .6666667em
}

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

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

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

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.\!collapse {
    visibility: collapse !important
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.-right-4 {
    right: -1rem
}

.-top-3 {
    top: -.75rem
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-32 {
    left: 8rem
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-\[-12px\] {
    right: -12px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-24 {
    top: 6rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-full {
    top: 100%
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[60\] {
    z-index: 60
}

.z-\[70\] {
    z-index: 70
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

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

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

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

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

.col-start-1 {
    grid-column-start: 1
}

.row-start-1 {
    grid-row-start: 1
}

.-m-1\.5 {
    margin: -.375rem
}

.-m-2\.5 {
    margin: -.625rem
}

.m-0 {
    margin: 0
}

.\!my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

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

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

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

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

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

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

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.-mb-px {
    margin-bottom: -1px
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

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

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

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

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

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

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

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

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

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

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

.ms-2 {
    margin-inline-start: .5rem
}

.ms-auto {
    margin-inline-start: auto
}

.mt-0 {
    margin-top: 0
}

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

.mt-1 {
    margin-top: .25rem
}

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

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

.mt-2 {
    margin-top: .5rem
}

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

.mt-3 {
    margin-top: .75rem
}

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

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

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

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

.mt-auto {
    margin-top: auto
}

.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.\!contents {
    display: contents !important
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[16\/6\] {
    aspect-ratio: 16/6
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[4\/2\] {
    aspect-ratio: 4/2
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.aspect-\[4\/5\] {
    aspect-ratio: 4/5
}

.aspect-\[5\/1\] {
    aspect-ratio: 5/1
}

.aspect-\[5\/2\] {
    aspect-ratio: 5/2
}

.aspect-\[5\/3\] {
    aspect-ratio: 5/3
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-11 {
    height: 2.75rem;
    width: 2.75rem
}

.size-12 {
    height: 3rem;
    width: 3rem
}

.size-3 {
    height: .75rem;
    width: .75rem
}

.size-3\.5 {
    height: .875rem;
    width: .875rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-9 {
    height: 2.25rem;
    width: 2.25rem
}

.size-full {
    height: 100%;
    width: 100%
}

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

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

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-52 {
    height: 13rem
}

.h-56 {
    height: 14rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-\[46\.5px\] {
    height: 46.5px
}

.h-\[80vh\] {
    height: 80vh
}

.h-\[calc\(100\%-3rem\)\] {
    height: calc(100% - 3rem)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-40 {
    max-height: 10rem
}

.max-h-80 {
    max-height: 20rem
}

.max-h-96 {
    max-height: 24rem
}

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

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

.max-h-\[90vh\] {
    max-height: 90vh
}

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

.min-h-12 {
    min-height: 3rem
}

.min-h-64 {
    min-height: 16rem
}

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

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

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

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

.min-h-\[60vh\] {
    min-height: 60vh
}

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

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.\!w-\[18rem\] {
    width: 18rem !important
}

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

.w-0 {
    width: 0
}

.w-1\.5 {
    width: .375rem
}

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

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

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

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

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

.w-52 {
    width: 13rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-8 {
    width: 2rem
}

.w-96 {
    width: 24rem
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

.min-w-48 {
    min-width: 12rem
}

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

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

.min-w-\[18rem\] {
    min-width: 18rem
}

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

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-52 {
    max-width: 13rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[18rem\] {
    max-width: 18rem
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[86rem\] {
    max-width: 86rem
}

.max-w-\[95vw\] {
    max-width: 95vw
}

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

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

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

.flex-auto {
    flex: 1 1 auto
}

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

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

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1 {
    --tw-translate-y: -.25rem
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-full {
    --tw-translate-y: 100%
}

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

.-rotate-90 {
    --tw-rotate: -90deg
}

.rotate-0 {
    --tw-rotate: 0deg
}

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

.rotate-90 {
    --tw-rotate: 90deg
}

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

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

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

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

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

.cursor-none {
    cursor: none
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

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

.resize-y {
    resize: vertical
}

.list-inside {
    list-style-position: inside
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    appearance: none
}

.columns-4 {
    column-count: 4
}

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

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

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

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

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

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

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

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

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

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

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

.justify-stretch {
    justify-content: stretch
}

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

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-3 {
    column-gap: .75rem
}

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

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

.gap-y-1\.5 {
    row-gap: .375rem
}

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

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2rem*var(--tw-space-x-reverse))
}

.space-y-0>: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)))
}

.space-y-1>: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)))
}

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

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

.space-y-2>: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)))
}

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

.space-y-4>: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)))
}

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

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

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

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

.divide-zinc-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-divide-opacity, 1))
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.justify-self-center {
    justify-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

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

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

.overflow-x-hidden {
    overflow-x: hidden
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

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

.\!rounded-full {
    border-radius: 9999px !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b-md {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-y-\[12px\] {
    border-bottom-width: 12px;
    border-top-width: 12px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-l-\[12px\] {
    border-left-width: 12px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-\[\#ED7F1E\] {
    --tw-border-opacity: 1;
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1))
}

.border-aeros-accordion-bg {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(249 250 251/var(--tw-border-opacity, 1))
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39/var(--tw-border-opacity, 1))
}

.border-gray-900\/25 {
    border-color: #11182740
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
}

.border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38/var(--tw-border-opacity, 1))
}

.border-seyitler-bg3 {
    --tw-border-opacity: 1;
    border-color: rgb(56 83 160/var(--tw-border-opacity, 1))
}

.border-seyitler-bg4 {
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240/var(--tw-border-opacity, 1))
}

.border-seyitler-primary {
    --tw-border-opacity: 1;
    border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249/var(--tw-border-opacity, 1))
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: #0000
}

.border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 245/var(--tw-border-opacity, 1))
}

.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity, 1))
}

.border-zinc-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity, 1))
}

.border-zinc-500 {
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122/var(--tw-border-opacity, 1))
}

.border-zinc-950\/5 {
    border-color: #09090b0d
}

.border-y-transparent {
    border-bottom-color: #0000;
    border-top-color: #0000
}

.border-l-primary\/20 {
    border-left-color: color-mix(in srgb, var(--p-primary-color) 20%, #0000)
}

.border-l-seyitler-bg3 {
    --tw-border-opacity: 1;
    border-left-color: rgb(56 83 160/var(--tw-border-opacity, 1))
}

.border-l-seyitler-primary {
    --tw-border-opacity: 1;
    border-left-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.border-l-transparent {
    border-left-color: #0000
}

.bg-\[\#0AA64D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 166 77/var(--tw-bg-opacity, 1))
}

.bg-\[\#F7F8F9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 249/var(--tw-bg-opacity, 1))
}

.bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
}

.bg-aeros-accordion-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
}

.bg-aeros-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
}

.bg-aeros-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
}

.bg-black\/20 {
    background-color: #0003
}

.bg-black\/60 {
    background-color: #0009
}

.bg-black\/80 {
    background-color: #000c
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254/var(--tw-bg-opacity, 1))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
}

.bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.bg-gray-200\/70 {
    background-color: #e5e7ebb3
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}

.bg-gray-400\/40 {
    background-color: #9ca3af66
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.bg-gray-50\/60 {
    background-color: #f9fafb99
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity, 1))
}

.bg-gray-950\/40 {
    background-color: #03071266
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-bg-opacity, 1)), #0000)
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg1 {
    --tw-bg-opacity: 1;
    background-color: rgb(84 129 145/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg2 {
    --tw-bg-opacity: 1;
    background-color: rgb(128 158 190/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg3 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg4 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg4\/50 {
    background-color: #f0f0f080
}

.bg-seyitler-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.bg-seyitler-primary\/10 {
    background-color: #0f94401a
}

.bg-seyitler-primary\/20 {
    background-color: #0f944033
}

.bg-seyitler-primary\/5 {
    background-color: #0f94400d
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: initial
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/70 {
    background-color: #ffffffb3
}

.bg-white\/80 {
    background-color: #fffc
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232/var(--tw-bg-opacity, 1))
}

.bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity, 1))
}

.bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.bg-\[url\(\/images\/uretimde_guc_kalitede_istikrar\.webp\)\] {
    background-image: url(../images/uretimde_guc_kalitede_istikrar.webp)
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.from-seyitler-primary\/20 {
    --tw-gradient-from: #0f944033 var(--tw-gradient-from-position);
    --tw-gradient-to: #0f944000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-transparent {
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0000 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-transparent {
    --tw-gradient-to: #0000 var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.fill-\[\#24292F\] {
    fill: #24292f
}

.fill-seyitler-txt\/70 {
    fill: #666666b3
}

.fill-white {
    fill: #fff
}

.stroke-white {
    stroke: #fff
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.\!px-36 {
    padding-left: 9rem !important;
    padding-right: 9rem !important
}

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

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

.\!py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-20 {
    padding-left: 5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.ps-2 {
    padding-inline-start: .5rem
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.font-\[Montserrat\] {
    font-family: Montserrat
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.\!text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-2xl\/9 {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[1\.75rem\] {
    font-size: 1.75rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[3rem\] {
    font-size: 3rem
}

.text-\[4rem\] {
    font-size: 4rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\/6 {
    font-size: .875rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-extralight {
    font-weight: 200
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-7 {
    line-height: 1.75rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[1rem\] {
    line-height: 1rem
}

.leading-\[2\.5rem\] {
    line-height: 2.5rem
}

.leading-\[2rem\] {
    line-height: 2rem
}

.leading-\[3rem\] {
    line-height: 3rem
}

.leading-\[5rem\] {
    line-height: 5rem
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[0\.1em\] {
    letter-spacing: .1em
}

.tracking-\[0\.2em\] {
    letter-spacing: .2em
}

.tracking-\[0\.3em\] {
    letter-spacing: .3em
}

.tracking-\[0\.4em\] {
    letter-spacing: .4em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-red-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.\!text-red-700 {
    --tw-text-opacity: 1 !important;
    color: rgb(185 28 28/var(--tw-text-opacity, 1)) !important
}

.\!text-slate-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(71 85 105/var(--tw-text-opacity, 1)) !important
}

.text-\[\#0AA64D\] {
    --tw-text-opacity: 1;
    color: rgb(10 166 77/var(--tw-text-opacity, 1))
}

.text-\[\#5E5E5E\] {
    --tw-text-opacity: 1;
    color: rgb(94 94 94/var(--tw-text-opacity, 1))
}

.text-\[\#6E6E6E\] {
    --tw-text-opacity: 1;
    color: rgb(110 110 110/var(--tw-text-opacity, 1))
}

.text-\[\#8C8C8C\] {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity, 1))
}

.text-\[\#D9D9D9\] {
    --tw-text-opacity: 1;
    color: rgb(217 217 217/var(--tw-text-opacity, 1))
}

.text-\[\#aaa\] {
    --tw-text-opacity: 1;
    color: rgb(170 170 170/var(--tw-text-opacity, 1))
}

.text-aeros-secondary {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.text-blue-950 {
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

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

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity, 1))
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229/var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-text-opacity, 1)), #0000)
}

.text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(252 165 165/var(--tw-text-opacity, 1))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.text-seyitler-primary {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.text-seyitler-primary\/70 {
    color: #0f9440b3
}

.text-seyitler-txt {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.text-seyitler-txt\/50 {
    color: #66666680
}

.text-seyitler-txt\/80 {
    color: #666c
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity, 1))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity, 1))
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity, 1))
}

.text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity, 1))
}

.text-zinc-950 {
    --tw-text-opacity: 1;
    color: rgb(9 9 11/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-50 {
    opacity: .5
}

.opacity-90 {
    opacity: .9
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px #00000040;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-none,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-gray-200\/40 {
    --tw-shadow-color: #e5e7eb66;
    --tw-shadow: var(--tw-shadow-colored)
}

.outline {
    outline-style: solid
}

.outline-dashed {
    outline-style: dashed
}

.outline-1 {
    outline-width: 1px
}

.-outline-offset-1 {
    outline-offset: -1px
}

.outline-offset-2 {
    outline-offset: 2px
}

.\!outline-red-500 {
    outline-color: #ef4444 !important
}

.outline-blue-600 {
    outline-color: #2563eb
}

.outline-blue-800 {
    outline-color: #1e40af
}

.outline-gray-300 {
    outline-color: #d1d5db
}

.outline-slate-200 {
    outline-color: #e2e8f0
}

.outline-zinc-200 {
    outline-color: #e4e4e7
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,
.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --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)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity, 1))
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter,
.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-75 {
    transition-delay: 75ms
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.text-muted-color {
    color: var(--p-text-muted-color)
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: initial
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.placeholder\:\!text-red-600::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:z-0:before {
    content: var(--tw-content);
    z-index: 0
}

.before\:bg-blue-900\/50:before {
    background-color: #1e3a8a80;
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:h-0\.5:after {
    content: var(--tw-content);
    height: .125rem
}

.after\:h-1:after {
    content: var(--tw-content);
    height: .25rem
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:h-\[3px\]:after {
    content: var(--tw-content);
    height: 3px
}

.after\:w-12:after {
    content: var(--tw-content);
    width: 3rem
}

.after\:w-16:after {
    content: var(--tw-content);
    width: 4rem
}

.after\:w-20:after {
    content: var(--tw-content);
    width: 5rem
}

.after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:bg-seyitler-primary:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.last\:border-0:last-child {
    border-width: 0
}

.checked\:border-indigo-600:checked {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.checked\:bg-indigo-600:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.indeterminate\:border-indigo-600:indeterminate {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.indeterminate\:bg-indigo-600:indeterminate {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.focus-within\:translate-y-0:focus-within {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-blue-950:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border:hover {
    border-width: 1px
}

.hover\:border-solid:hover {
    border-style: solid
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary\/30:hover {
    border-color: #0f94404d
}

.hover\:bg-blue-950\/90:hover {
    background-color: #172554e6
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100\/80:hover {
    background-color: #f3f4f6cc
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary\/90:hover {
    background-color: color-mix(in srgb, var(--p-primary-color) 90%, #0000)
}

.hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-primary\/5:hover {
    background-color: #0f94400d
}

.hover\:bg-seyitler-primary\/90:hover {
    background-color: #0f9440e6
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/20:hover {
    background-color: #fff3
}

.hover\:bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: .9
}

.hover\:text-\[\#0AA64D\]:hover {
    --tw-text-opacity: 1;
    color: rgb(10 166 77/var(--tw-text-opacity, 1))
}

.hover\:text-aeros-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138/var(--tw-text-opacity, 1))
}

.hover\:text-blue-950:hover {
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity, 1))
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity, 1))
}

.hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgb(127 29 29/var(--tw-text-opacity, 1))
}

.hover\:text-seyitler-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.hover\:shadow-2xl:hover,
.hover\:shadow:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px #00000040;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.hover\:shadow-seyitler-primary\/20:hover {
    --tw-shadow-color: #0f944033;
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:ring: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(3px + 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)
}

.hover\:ring-blue-950:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.hover\:ring-offset-2:hover {
    --tw-ring-offset-width: 2px
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-2:focus {
    outline-width: 2px
}

.focus\:-outline-offset-2:focus {
    outline-offset: -2px
}

.focus\:outline-blue-950:focus {
    outline-color: #172554
}

.focus\:outline-indigo-600:focus {
    outline-color: #4f46e5
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-seyitler-primary\/60:focus {
    --tw-ring-color: #0f944099
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-blue-950:focus-visible {
    outline-color: #172554
}

.focus-visible\:outline-indigo-600:focus-visible {
    outline-color: #4f46e5
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-transparent:focus-visible {
    --tw-ring-color: #0000
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:border-gray-300:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.disabled\:border-slate-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.disabled\:bg-gray-100:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.disabled\:bg-slate-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.disabled\:text-slate-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:shadow-none:disabled {
    --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)
}

.disabled\:checked\:bg-gray-100:checked:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: .125rem
}

.group:hover .group-hover\:translate-x-0\.5,
.group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-seyitler-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-seyitler-primary {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-100,
.group\/slider:hover .group-hover\/slider\:opacity-100 {
    opacity: 1
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
    cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
    opacity: .7
}

.group:has(:disabled) .group-has-\[\:disabled\]\:stroke-gray-950\/25 {
    stroke: #03071240
}

.group:has(:checked) .group-has-\[\:checked\]\:opacity-100,
.group:has(:indeterminate) .group-has-\[\:indeterminate\]\:opacity-100 {
    opacity: 1
}

.data-\[p-active\=false\]\:\!bg-aeros-accordion-bg[data-p-active=false] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1)) !important
}

.data-\[p-active\=true\]\:bg-aeros-primary[data-p-active=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
}

.data-\[p-active\=false\]\:text-aeros-secondary[data-p-active=false] {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:border-l-2 {
    border-left-width: 2px
}

.group[data-active=true] .group-data-\[active\=true\]\:border-zinc-400 {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170/var(--tw-border-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:\!text-\[\#ED7F1E\] {
    --tw-text-opacity: 1 !important;
    color: rgb(237 127 30/var(--tw-text-opacity, 1)) !important
}

@media(min-width:640px) {
    .sm\:visible {
        visibility: visible
    }

    .sm\:bottom-6 {
        bottom: 1.5rem
    }

    .sm\:right-6 {
        right: 1.5rem
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

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

    .sm\:mb-12 {
        margin-bottom: 3rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-48 {
        height: 12rem
    }

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

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-7xl {
        max-width: 80rem
    }

    .sm\:max-w-\[480px\] {
        max-width: 480px
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

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

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

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:gap-24 {
        gap: 6rem
    }

    .sm\:gap-x-40 {
        column-gap: 10rem
    }

    .sm\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

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

    .sm\:space-y-4>: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)))
    }

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

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-64 {
        padding-left: 16rem;
        padding-right: 16rem
    }

    .sm\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm\/6 {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .sm\:leading-9 {
        line-height: 2.25rem
    }
}

@media(min-width:768px) {
    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-12 {
        margin-left: 3rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:block {
        display: block
    }

    .md\:aspect-\[6\/1\] {
        aspect-ratio: 6/1
    }

    .md\:h-72 {
        height: 18rem
    }

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

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

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

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media(min-width:1024px) {
    .lg\:sticky {
        position: sticky
    }

    .lg\:top-24 {
        top: 6rem
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[7\/1\] {
        aspect-ratio: 7/1
    }

    .lg\:h-6 {
        height: 1.5rem
    }

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

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-px {
        width: 1px
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

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

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

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

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

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:gap-x-6 {
        column-gap: 1.5rem
    }

    .lg\:self-stretch {
        align-self: stretch
    }

    .lg\:bg-gray-900\/10 {
        background-color: #1118271a
    }

    .lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .lg\:bg-zinc-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .lg\:ring-zinc-950\/5 {
        --tw-ring-color: #09090b0d
    }
}

@media(min-width:1280px) {
    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

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

    .xl\:max-w-7xl {
        max-width: 80rem
    }

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

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

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.dark\:border-seyitler-bg1:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-border-opacity: 1;
    border-color: rgb(84 129 145/var(--tw-border-opacity, 1))
}

.dark\:bg-seyitler-bg3:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.dark\:bg-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dark\:text-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media(forced-colors:active) {
    .forced-colors\:appearance-auto {
        appearance: auto
    }
}

.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-2\.5>[data-slot=section]+[data-slot=section] {
    margin-top: .625rem
}

.\[\&\]\:w-full {
    width: 100%
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
}

.\[\&_svg\]\:size-4 svg {
    height: 1rem;
    width: 1rem
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
}

/* ========================================= */

.p-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.p-overflow-hidden {
    overflow: hidden;
    padding-right: var(--p-scrollbar-width);
}

/* ========================================= */

.p-virtualscroller {
    position: relative;
    overflow: auto;
    contain: strict;
    transform: translateZ(0);
    will-change: scroll-position;
    outline: 0 none;
}

.p-virtualscroller-content {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    will-change: transform;
}

.p-virtualscroller-spacer {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    transform-origin: 0 0;
    pointer-events: none;
}

.p-virtualscroller-loader {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.p-virtualscroller-loader-mask {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-virtualscroller-horizontal>.p-virtualscroller-content {
    display: flex;
}

.p-virtualscroller-inline .p-virtualscroller-content {
    position: static;
}

.p-virtualscroller .p-virtualscroller-loading {
    transform: none !important;
    min-height: 0;
    position: sticky;
    inset-block-start: 0;
    inset-inline-start: 0;
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-stone-50: #fafaf9;
        --p-stone-100: #f5f5f4;
        --p-stone-200: #e7e5e4;
        --p-stone-300: #d6d3d1;
        --p-stone-400: #a8a29e;
        --p-stone-500: #78716c;
        --p-stone-600: #57534e;
        --p-stone-700: #44403c;
        --p-stone-800: #292524;
        --p-stone-900: #1c1917;
        --p-stone-950: #0c0a09;
        --p-neutral-50: #fafafa;
        --p-neutral-100: #f5f5f5;
        --p-neutral-200: #e5e5e5;
        --p-neutral-300: #d4d4d4;
        --p-neutral-400: #a3a3a3;
        --p-neutral-500: #737373;
        --p-neutral-600: #525252;
        --p-neutral-700: #404040;
        --p-neutral-800: #262626;
        --p-neutral-900: #171717;
        --p-neutral-950: #0a0a0a;
        --p-zinc-50: #fafafa;
        --p-zinc-100: #f4f4f5;
        --p-zinc-200: #e4e4e7;
        --p-zinc-300: #d4d4d8;
        --p-zinc-400: #a1a1aa;
        --p-zinc-500: #71717a;
        --p-zinc-600: #52525b;
        --p-zinc-700: #3f3f46;
        --p-zinc-800: #27272a;
        --p-zinc-900: #18181b;
        --p-zinc-950: #09090b;
        --p-gray-50: #f9fafb;
        --p-gray-100: #f3f4f6;
        --p-gray-200: #e5e7eb;
        --p-gray-300: #d1d5db;
        --p-gray-400: #9ca3af;
        --p-gray-500: #6b7280;
        --p-gray-600: #4b5563;
        --p-gray-700: #374151;
        --p-gray-800: #1f2937;
        --p-gray-900: #111827;
        --p-gray-950: #030712;
        --p-slate-50: #f8fafc;
        --p-slate-100: #f1f5f9;
        --p-slate-200: #e2e8f0;
        --p-slate-300: #cbd5e1;
        --p-slate-400: #94a3b8;
        --p-slate-500: #64748b;
        --p-slate-600: #475569;
        --p-slate-700: #334155;
        --p-slate-800: #1e293b;
        --p-slate-900: #0f172a;
        --p-slate-950: #020617;
        --p-rose-50: #fff1f2;
        --p-rose-100: #ffe4e6;
        --p-rose-200: #fecdd3;
        --p-rose-300: #fda4af;
        --p-rose-400: #fb7185;
        --p-rose-500: #f43f5e;
        --p-rose-600: #e11d48;
        --p-rose-700: #be123c;
        --p-rose-800: #9f1239;
        --p-rose-900: #881337;
        --p-rose-950: #4c0519;
        --p-pink-50: #fdf2f8;
        --p-pink-100: #fce7f3;
        --p-pink-200: #fbcfe8;
        --p-pink-300: #f9a8d4;
        --p-pink-400: #f472b6;
        --p-pink-500: #ec4899;
        --p-pink-600: #db2777;
        --p-pink-700: #be185d;
        --p-pink-800: #9d174d;
        --p-pink-900: #831843;
        --p-pink-950: #500724;
        --p-fuchsia-50: #fdf4ff;
        --p-fuchsia-100: #fae8ff;
        --p-fuchsia-200: #f5d0fe;
        --p-fuchsia-300: #f0abfc;
        --p-fuchsia-400: #e879f9;
        --p-fuchsia-500: #d946ef;
        --p-fuchsia-600: #c026d3;
        --p-fuchsia-700: #a21caf;
        --p-fuchsia-800: #86198f;
        --p-fuchsia-900: #701a75;
        --p-fuchsia-950: #4a044e;
        --p-purple-50: #faf5ff;
        --p-purple-100: #f3e8ff;
        --p-purple-200: #e9d5ff;
        --p-purple-300: #d8b4fe;
        --p-purple-400: #c084fc;
        --p-purple-500: #a855f7;
        --p-purple-600: #9333ea;
        --p-purple-700: #7e22ce;
        --p-purple-800: #6b21a8;
        --p-purple-900: #581c87;
        --p-purple-950: #3b0764;
        --p-violet-50: #f5f3ff;
        --p-violet-100: #ede9fe;
        --p-violet-200: #ddd6fe;
        --p-violet-300: #c4b5fd;
        --p-violet-400: #a78bfa;
        --p-violet-500: #8b5cf6;
        --p-violet-600: #7c3aed;
        --p-violet-700: #6d28d9;
        --p-violet-800: #5b21b6;
        --p-violet-900: #4c1d95;
        --p-violet-950: #2e1065;
        --p-indigo-50: #eef2ff;
        --p-indigo-100: #e0e7ff;
        --p-indigo-200: #c7d2fe;
        --p-indigo-300: #a5b4fc;
        --p-indigo-400: #818cf8;
        --p-indigo-500: #6366f1;
        --p-indigo-600: #4f46e5;
        --p-indigo-700: #4338ca;
        --p-indigo-800: #3730a3;
        --p-indigo-900: #312e81;
        --p-indigo-950: #1e1b4b;
        --p-blue-50: #eff6ff;
        --p-blue-100: #dbeafe;
        --p-blue-200: #bfdbfe;
        --p-blue-300: #93c5fd;
        --p-blue-400: #60a5fa;
        --p-blue-500: #3b82f6;
        --p-blue-600: #2563eb;
        --p-blue-700: #1d4ed8;
        --p-blue-800: #1e40af;
        --p-blue-900: #1e3a8a;
        --p-blue-950: #172554;
        --p-sky-50: #f0f9ff;
        --p-sky-100: #e0f2fe;
        --p-sky-200: #bae6fd;
        --p-sky-300: #7dd3fc;
        --p-sky-400: #38bdf8;
        --p-sky-500: #0ea5e9;
        --p-sky-600: #0284c7;
        --p-sky-700: #0369a1;
        --p-sky-800: #075985;
        --p-sky-900: #0c4a6e;
        --p-sky-950: #082f49;
        --p-cyan-50: #ecfeff;
        --p-cyan-100: #cffafe;
        --p-cyan-200: #a5f3fc;
        --p-cyan-300: #67e8f9;
        --p-cyan-400: #22d3ee;
        --p-cyan-500: #06b6d4;
        --p-cyan-600: #0891b2;
        --p-cyan-700: #0e7490;
        --p-cyan-800: #155e75;
        --p-cyan-900: #164e63;
        --p-cyan-950: #083344;
        --p-teal-50: #f0fdfa;
        --p-teal-100: #ccfbf1;
        --p-teal-200: #99f6e4;
        --p-teal-300: #5eead4;
        --p-teal-400: #2dd4bf;
        --p-teal-500: #14b8a6;
        --p-teal-600: #0d9488;
        --p-teal-700: #0f766e;
        --p-teal-800: #115e59;
        --p-teal-900: #134e4a;
        --p-teal-950: #042f2e;
        --p-yellow-50: #fefce8;
        --p-yellow-100: #fef9c3;
        --p-yellow-200: #fef08a;
        --p-yellow-300: #fde047;
        --p-yellow-400: #facc15;
        --p-yellow-500: #eab308;
        --p-yellow-600: #ca8a04;
        --p-yellow-700: #a16207;
        --p-yellow-800: #854d0e;
        --p-yellow-900: #713f12;
        --p-yellow-950: #422006;
        --p-amber-50: #fffbeb;
        --p-amber-100: #fef3c7;
        --p-amber-200: #fde68a;
        --p-amber-300: #fcd34d;
        --p-amber-400: #fbbf24;
        --p-amber-500: #f59e0b;
        --p-amber-600: #d97706;
        --p-amber-700: #b45309;
        --p-amber-800: #92400e;
        --p-amber-900: #78350f;
        --p-amber-950: #451a03;
        --p-orange-50: #fff7ed;
        --p-orange-100: #ffedd5;
        --p-orange-200: #fed7aa;
        --p-orange-300: #fdba74;
        --p-orange-400: #fb923c;
        --p-orange-500: #f97316;
        --p-orange-600: #ea580c;
        --p-orange-700: #c2410c;
        --p-orange-800: #9a3412;
        --p-orange-900: #7c2d12;
        --p-orange-950: #431407;
        --p-red-50: #fef2f2;
        --p-red-100: #fee2e2;
        --p-red-200: #fecaca;
        --p-red-300: #fca5a5;
        --p-red-400: #f87171;
        --p-red-500: #ef4444;
        --p-red-600: #dc2626;
        --p-red-700: #b91c1c;
        --p-red-800: #991b1b;
        --p-red-900: #7f1d1d;
        --p-red-950: #450a0a;
        --p-lime-50: #f7fee7;
        --p-lime-100: #ecfccb;
        --p-lime-200: #d9f99d;
        --p-lime-300: #bef264;
        --p-lime-400: #a3e635;
        --p-lime-500: #84cc16;
        --p-lime-600: #65a30d;
        --p-lime-700: #4d7c0f;
        --p-lime-800: #3f6212;
        --p-lime-900: #365314;
        --p-lime-950: #1a2e05;
        --p-green-50: #f0fdf4;
        --p-green-100: #dcfce7;
        --p-green-200: #bbf7d0;
        --p-green-300: #86efac;
        --p-green-400: #4ade80;
        --p-green-500: #22c55e;
        --p-green-600: #16a34a;
        --p-green-700: #15803d;
        --p-green-800: #166534;
        --p-green-900: #14532d;
        --p-green-950: #052e16;
        --p-emerald-50: #ecfdf5;
        --p-emerald-100: #d1fae5;
        --p-emerald-200: #a7f3d0;
        --p-emerald-300: #6ee7b7;
        --p-emerald-400: #34d399;
        --p-emerald-500: #10b981;
        --p-emerald-600: #059669;
        --p-emerald-700: #047857;
        --p-emerald-800: #065f46;
        --p-emerald-900: #064e3b;
        --p-emerald-950: #022c22;
        --p-border-radius-none: 0;
        --p-border-radius-xs: 2px;
        --p-border-radius-sm: 4px;
        --p-border-radius-md: 6px;
        --p-border-radius-lg: 8px;
        --p-border-radius-xl: 12px;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-transition-duration: 0.2s;
        --p-disabled-opacity: 0.6;
        --p-icon-size: 1rem;
        --p-anchor-gutter: 2px;
        --p-overlay-navigation-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        --p-overlay-modal-border-radius: var(--p-border-radius-xl);
        --p-overlay-modal-padding: 1.25rem;
        --p-overlay-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        --p-overlay-popover-border-radius: var(--p-border-radius-md);
        --p-overlay-popover-padding: 0.75rem;
        --p-overlay-popover-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        --p-overlay-select-border-radius: var(--p-border-radius-md);
        --p-overlay-select-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        --p-navigation-submenu-icon-size: 0.875rem;
        --p-navigation-submenu-label-padding: 0.5rem 0.75rem;
        --p-navigation-submenu-label-font-weight: 600;
        --p-navigation-item-padding: 0.5rem 0.75rem;
        --p-navigation-item-border-radius: var(--p-border-radius-sm);
        --p-navigation-item-gap: 0.5rem;
        --p-navigation-list-padding: 0.25rem 0.25rem;
        --p-navigation-list-gap: 2px;
        --p-mask-transition-duration: 0.3s;
        --p-content-border-radius: var(--p-border-radius-md);
        --p-list-padding: 0.25rem 0.25rem;
        --p-list-gap: 2px;
        --p-list-option-group-padding: 0.5rem 0.75rem;
        --p-list-option-group-font-weight: 600;
        --p-list-option-padding: 0.5rem 0.75rem;
        --p-list-option-border-radius: var(--p-border-radius-sm);
        --p-list-header-padding: 0.5rem 1rem 0.25rem 1rem;
        --p-form-field-padding-x: 0.75rem;
        --p-form-field-padding-y: 0.5rem;
        --p-form-field-border-radius: var(--p-border-radius-md);
        --p-form-field-transition-duration: var(--p-transition-duration);
        --p-form-field-focus-ring-width: 0;
        --p-form-field-focus-ring-style: none;
        --p-form-field-focus-ring-color: transparent;
        --p-form-field-focus-ring-offset: 0;
        --p-form-field-focus-ring-shadow: none;
        --p-form-field-lg-font-size: 1.125rem;
        --p-form-field-lg-padding-x: 0.875rem;
        --p-form-field-lg-padding-y: 0.625rem;
        --p-form-field-sm-font-size: 0.875rem;
        --p-form-field-sm-padding-x: 0.625rem;
        --p-form-field-sm-padding-y: 0.375rem;
        --p-primary-50: var(--p-emerald-50);
        --p-primary-100: var(--p-emerald-100);
        --p-primary-200: var(--p-emerald-200);
        --p-primary-300: var(--p-emerald-300);
        --p-primary-400: var(--p-emerald-400);
        --p-primary-500: var(--p-emerald-500);
        --p-primary-600: var(--p-emerald-600);
        --p-primary-700: var(--p-emerald-700);
        --p-primary-800: var(--p-emerald-800);
        --p-primary-900: var(--p-emerald-900);
        --p-primary-950: var(--p-emerald-950);
        --p-focus-ring-width: 1px;
        --p-focus-ring-style: solid;
        --p-focus-ring-color: var(--p-primary-color);
        --p-focus-ring-offset: 2px;
        --p-focus-ring-shadow: none;
        --p-navigation-submenu-icon-color: var(--p-surface-400);
        --p-navigation-submenu-icon-focus-color: var(--p-surface-500);
        --p-navigation-submenu-icon-active-color: var(--p-surface-500);
        --p-navigation-submenu-label-background: transparent;
        --p-navigation-submenu-label-color: var(--p-text-muted-color);
        --p-navigation-item-focus-background: var(--p-surface-100);
        --p-navigation-item-active-background: var(--p-surface-100);
        --p-navigation-item-color: var(--p-text-color);
        --p-navigation-item-focus-color: var(--p-text-hover-color);
        --p-navigation-item-active-color: var(--p-text-hover-color);
        --p-navigation-item-icon-color: var(--p-surface-400);
        --p-navigation-item-icon-focus-color: var(--p-surface-500);
        --p-navigation-item-icon-active-color: var(--p-surface-500);
        --p-list-option-group-background: transparent;
        --p-list-option-group-color: var(--p-text-muted-color);
        --p-list-option-focus-background: var(--p-surface-100);
        --p-list-option-selected-background: var(--p-highlight-background);
        --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
        --p-list-option-color: var(--p-text-color);
        --p-list-option-focus-color: var(--p-text-hover-color);
        --p-list-option-selected-color: var(--p-highlight-color);
        --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
        --p-list-option-icon-color: var(--p-surface-400);
        --p-list-option-icon-focus-color: var(--p-surface-500);
        --p-overlay-modal-background: var(--p-surface-0);
        --p-overlay-modal-border-color: var(--p-surface-200);
        --p-overlay-modal-color: var(--p-text-color);
        --p-overlay-popover-background: var(--p-surface-0);
        --p-overlay-popover-border-color: var(--p-surface-200);
        --p-overlay-popover-color: var(--p-text-color);
        --p-overlay-select-background: var(--p-surface-0);
        --p-overlay-select-border-color: var(--p-surface-200);
        --p-overlay-select-color: var(--p-text-color);
        --p-content-background: var(--p-surface-0);
        --p-content-hover-background: var(--p-surface-100);
        --p-content-border-color: var(--p-surface-200);
        --p-content-color: var(--p-text-color);
        --p-content-hover-color: var(--p-text-hover-color);
        --p-text-color: var(--p-surface-700);
        --p-text-hover-color: var(--p-surface-800);
        --p-text-muted-color: var(--p-surface-500);
        --p-text-hover-muted-color: var(--p-surface-600);
        --p-form-field-background: var(--p-surface-0);
        --p-form-field-disabled-background: var(--p-surface-200);
        --p-form-field-filled-background: var(--p-surface-50);
        --p-form-field-filled-hover-background: var(--p-surface-50);
        --p-form-field-filled-focus-background: var(--p-surface-50);
        --p-form-field-border-color: var(--p-surface-300);
        --p-form-field-hover-border-color: var(--p-surface-400);
        --p-form-field-focus-border-color: var(--p-primary-color);
        --p-form-field-invalid-border-color: var(--p-red-400);
        --p-form-field-color: var(--p-surface-700);
        --p-form-field-disabled-color: var(--p-surface-500);
        --p-form-field-placeholder-color: var(--p-surface-500);
        --p-form-field-invalid-placeholder-color: var(--p-red-600);
        --p-form-field-float-label-color: var(--p-surface-500);
        --p-form-field-float-label-focus-color: var(--p-primary-600);
        --p-form-field-float-label-active-color: var(--p-surface-500);
        --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color);
        --p-form-field-icon-color: var(--p-surface-400);
        --p-form-field-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
        --p-mask-background: rgba(0, 0, 0, 0.4);
        --p-mask-color: var(--p-surface-200);
        --p-highlight-background: var(--p-primary-50);
        --p-highlight-focus-background: var(--p-primary-100);
        --p-highlight-color: var(--p-primary-700);
        --p-highlight-focus-color: var(--p-primary-800);
        --p-primary-color: var(--p-primary-500);
        --p-primary-contrast-color: #ffffff;
        --p-primary-hover-color: var(--p-primary-600);
        --p-primary-active-color: var(--p-primary-700);
        --p-surface-0: #ffffff;
        --p-surface-50: var(--p-slate-50);
        --p-surface-100: var(--p-slate-100);
        --p-surface-200: var(--p-slate-200);
        --p-surface-300: var(--p-slate-300);
        --p-surface-400: var(--p-slate-400);
        --p-surface-500: var(--p-slate-500);
        --p-surface-600: var(--p-slate-600);
        --p-surface-700: var(--p-slate-700);
        --p-surface-800: var(--p-slate-800);
        --p-surface-900: var(--p-slate-900);
        --p-surface-950: var(--p-slate-950);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        color-scheme: light
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {

    *,
    ::before,
    ::after {
        box-sizing: border-box;
    }

    .p-collapsible-enter-active {
        animation: p-animate-collapsible-expand 0.2s ease-out;
        overflow: hidden;
    }

    .p-collapsible-leave-active {
        animation: p-animate-collapsible-collapse 0.2s ease-out;
        overflow: hidden;
    }

    @keyframes p-animate-collapsible-expand {
        from {
            grid-template-rows: 0fr;
        }

        to {
            grid-template-rows: 1fr;
        }
    }

    @keyframes p-animate-collapsible-collapse {
        from {
            grid-template-rows: 1fr;
        }

        to {
            grid-template-rows: 0fr;
        }
    }

    .p-disabled,
    .p-disabled * {
        cursor: default;
        pointer-events: none;
        user-select: none;
    }

    .p-disabled,
    .p-component:disabled {
        opacity: var(--p-disabled-opacity);
    }

    .pi {
        font-size: var(--p-icon-size);
    }

    .p-icon {
        width: var(--p-icon-size);
        height: var(--p-icon-size);
    }

    .p-overlay-mask {
        background: var(--px-mask-background, var(--p-mask-background));
        color: var(--p-mask-color);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .p-overlay-mask-enter-active {
        animation: p-animate-overlay-mask-enter var(--p-mask-transition-duration) forwards;
    }

    .p-overlay-mask-leave-active {
        animation: p-animate-overlay-mask-leave var(--p-mask-transition-duration) forwards;
    }

    @keyframes p-animate-overlay-mask-enter {
        from {
            background: transparent;
        }

        to {
            background: var(--px-mask-background, var(--p-mask-background));
        }
    }

    @keyframes p-animate-overlay-mask-leave {
        from {
            background: var(--px-mask-background, var(--p-mask-background));
        }

        to {
            background: transparent;
        }
    }

    .p-anchored-overlay-enter-active {
        animation: p-animate-anchored-overlay-enter 300ms cubic-bezier(.19, 1, .22, 1);
    }

    .p-anchored-overlay-leave-active {
        animation: p-animate-anchored-overlay-leave 300ms cubic-bezier(.19, 1, .22, 1);
    }

    @keyframes p-animate-anchored-overlay-enter {
        from {
            opacity: 0;
            transform: scale(0.93);
        }
    }

    @keyframes p-animate-anchored-overlay-leave {
        to {
            opacity: 0;
            transform: scale(0.93);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-autocomplete-empty-message-padding: var(--p-list-option-padding);
        --p-autocomplete-chip-border-radius: var(--p-border-radius-sm);
        --p-autocomplete-dropdown-width: 2.5rem;
        --p-autocomplete-dropdown-border-color: var(--p-form-field-border-color);
        --p-autocomplete-dropdown-hover-border-color: var(--p-form-field-border-color);
        --p-autocomplete-dropdown-active-border-color: var(--p-form-field-border-color);
        --p-autocomplete-dropdown-border-radius: var(--p-form-field-border-radius);
        --p-autocomplete-dropdown-focus-ring-width: var(--p-focus-ring-width);
        --p-autocomplete-dropdown-focus-ring-style: var(--p-focus-ring-style);
        --p-autocomplete-dropdown-focus-ring-color: var(--p-focus-ring-color);
        --p-autocomplete-dropdown-focus-ring-offset: var(--p-focus-ring-offset);
        --p-autocomplete-dropdown-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-autocomplete-dropdown-lg-width: 3rem;
        --p-autocomplete-dropdown-sm-width: 2rem;
        --p-autocomplete-option-group-background: var(--p-list-option-group-background);
        --p-autocomplete-option-group-color: var(--p-list-option-group-color);
        --p-autocomplete-option-group-font-weight: var(--p-list-option-group-font-weight);
        --p-autocomplete-option-group-padding: var(--p-list-option-group-padding);
        --p-autocomplete-option-focus-background: var(--p-list-option-focus-background);
        --p-autocomplete-option-selected-background: var(--p-list-option-selected-background);
        --p-autocomplete-option-selected-focus-background: var(--p-list-option-selected-focus-background);
        --p-autocomplete-option-color: var(--p-list-option-color);
        --p-autocomplete-option-focus-color: var(--p-list-option-focus-color);
        --p-autocomplete-option-selected-color: var(--p-list-option-selected-color);
        --p-autocomplete-option-selected-focus-color: var(--p-list-option-selected-focus-color);
        --p-autocomplete-option-padding: var(--p-list-option-padding);
        --p-autocomplete-option-border-radius: var(--p-list-option-border-radius);
        --p-autocomplete-list-padding: var(--p-list-padding);
        --p-autocomplete-list-gap: var(--p-list-gap);
        --p-autocomplete-overlay-background: var(--p-overlay-select-background);
        --p-autocomplete-overlay-border-color: var(--p-overlay-select-border-color);
        --p-autocomplete-overlay-border-radius: var(--p-overlay-select-border-radius);
        --p-autocomplete-overlay-color: var(--p-overlay-select-color);
        --p-autocomplete-overlay-shadow: var(--p-overlay-select-shadow);
        --p-autocomplete-background: var(--p-form-field-background);
        --p-autocomplete-disabled-background: var(--p-form-field-disabled-background);
        --p-autocomplete-filled-background: var(--p-form-field-filled-background);
        --p-autocomplete-filled-hover-background: var(--p-form-field-filled-hover-background);
        --p-autocomplete-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-autocomplete-border-color: var(--p-form-field-border-color);
        --p-autocomplete-hover-border-color: var(--p-form-field-hover-border-color);
        --p-autocomplete-focus-border-color: var(--p-form-field-focus-border-color);
        --p-autocomplete-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-autocomplete-color: var(--p-form-field-color);
        --p-autocomplete-disabled-color: var(--p-form-field-disabled-color);
        --p-autocomplete-placeholder-color: var(--p-form-field-placeholder-color);
        --p-autocomplete-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
        --p-autocomplete-shadow: var(--p-form-field-shadow);
        --p-autocomplete-padding-x: var(--p-form-field-padding-x);
        --p-autocomplete-padding-y: var(--p-form-field-padding-y);
        --p-autocomplete-border-radius: var(--p-form-field-border-radius);
        --p-autocomplete-transition-duration: var(--p-form-field-transition-duration);
        --p-autocomplete-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-autocomplete-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-autocomplete-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-autocomplete-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-autocomplete-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
        --p-autocomplete-dropdown-background: var(--p-surface-100);
        --p-autocomplete-dropdown-hover-background: var(--p-surface-200);
        --p-autocomplete-dropdown-active-background: var(--p-surface-300);
        --p-autocomplete-dropdown-color: var(--p-surface-600);
        --p-autocomplete-dropdown-hover-color: var(--p-surface-700);
        --p-autocomplete-dropdown-active-color: var(--p-surface-800);
        --p-autocomplete-chip-focus-background: var(--p-surface-200);
        --p-autocomplete-chip-focus-color: var(--p-surface-800);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-autocomplete {
        display: inline-flex;
    }

    .p-autocomplete-loader {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
        inset-inline-end: var(--p-autocomplete-padding-x);
    }

    .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {
        inset-inline-end: calc(var(--p-autocomplete-dropdown-width) + var(--p-autocomplete-padding-x));
    }

    .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {
        flex: 1 1 auto;
        width: 1%;
    }

    .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,
    .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
    }

    .p-autocomplete-dropdown {
        cursor: pointer;
        display: inline-flex;
        user-select: none;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: var(--p-autocomplete-dropdown-width);
        border-start-end-radius: var(--p-autocomplete-dropdown-border-radius);
        border-end-end-radius: var(--p-autocomplete-dropdown-border-radius);
        background: var(--p-autocomplete-dropdown-background);
        border: 1px solid var(--p-autocomplete-dropdown-border-color);
        border-inline-start: 0 none;
        color: var(--p-autocomplete-dropdown-color);
        transition: background var(--p-autocomplete-transition-duration), color var(--p-autocomplete-transition-duration), border-color var(--p-autocomplete-transition-duration), outline-color var(--p-autocomplete-transition-duration), box-shadow var(--p-autocomplete-transition-duration);
        outline-color: transparent;
    }

    .p-autocomplete-dropdown:not(:disabled):hover {
        background: var(--p-autocomplete-dropdown-hover-background);
        border-color: var(--p-autocomplete-dropdown-hover-border-color);
        color: var(--p-autocomplete-dropdown-hover-color);
    }

    .p-autocomplete-dropdown:not(:disabled):active {
        background: var(--p-autocomplete-dropdown-active-background);
        border-color: var(--p-autocomplete-dropdown-active-border-color);
        color: var(--p-autocomplete-dropdown-active-color);
    }

    .p-autocomplete-dropdown:focus-visible {
        box-shadow: var(--p-autocomplete-dropdown-focus-ring-shadow);
        outline: var(--p-autocomplete-dropdown-focus-ring-width) var(--p-autocomplete-dropdown-focus-ring-style) var(--p-autocomplete-dropdown-focus-ring-color);
        outline-offset: var(--p-autocomplete-dropdown-focus-ring-offset);
    }

    .p-autocomplete-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--p-autocomplete-overlay-background);
        color: var(--p-autocomplete-overlay-color);
        border: 1px solid var(--p-autocomplete-overlay-border-color);
        border-radius: var(--p-autocomplete-overlay-border-radius);
        box-shadow: var(--p-autocomplete-overlay-shadow);
        min-width: 100%;
    }

    .p-autocomplete-list-container {
        overflow: auto;
    }

    .p-autocomplete-list {
        margin: 0;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        gap: var(--p-autocomplete-list-gap);
        padding: var(--p-autocomplete-list-padding);
    }

    .p-autocomplete-option {
        cursor: pointer;
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding: var(--p-autocomplete-option-padding);
        border: 0 none;
        color: var(--p-autocomplete-option-color);
        background: transparent;
        transition: background var(--p-autocomplete-transition-duration), color var(--p-autocomplete-transition-duration), border-color var(--p-autocomplete-transition-duration);
        border-radius: var(--p-autocomplete-option-border-radius);
    }

    .p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {
        background: var(--p-autocomplete-option-focus-background);
        color: var(--p-autocomplete-option-focus-color);
    }

    .p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled):hover {
        background: var(--p-autocomplete-option-focus-background);
        color: var(--p-autocomplete-option-focus-color);
    }

    .p-autocomplete-option-selected {
        background: var(--p-autocomplete-option-selected-background);
        color: var(--p-autocomplete-option-selected-color);
    }

    .p-autocomplete-option-selected.p-focus {
        background: var(--p-autocomplete-option-selected-focus-background);
        color: var(--p-autocomplete-option-selected-focus-color);
    }

    .p-autocomplete-option-group {
        margin: 0;
        padding: var(--p-autocomplete-option-group-padding);
        color: var(--p-autocomplete-option-group-color);
        background: var(--p-autocomplete-option-group-background);
        font-weight: var(--p-autocomplete-option-group-font-weight);
    }

    .p-autocomplete-input-multiple {
        margin: 0;
        list-style-type: none;
        cursor: text;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: calc(var(--p-autocomplete-padding-y) / 2) var(--p-autocomplete-padding-x);
        gap: calc(var(--p-autocomplete-padding-y) / 2);
        color: var(--p-autocomplete-color);
        background: var(--p-autocomplete-background);
        border: 1px solid var(--p-autocomplete-border-color);
        border-radius: var(--p-autocomplete-border-radius);
        width: 100%;
        transition: background var(--p-autocomplete-transition-duration), color var(--p-autocomplete-transition-duration), border-color var(--p-autocomplete-transition-duration), outline-color var(--p-autocomplete-transition-duration), box-shadow var(--p-autocomplete-transition-duration);
        outline-color: transparent;
        box-shadow: var(--p-autocomplete-shadow);
    }

    .p-autocomplete-input-multiple.p-disabled {
        opacity: 1;
        background: var(--p-autocomplete-disabled-background);
        color: var(--p-autocomplete-disabled-color);
    }

    .p-autocomplete-input-multiple:not(.p-disabled):hover {
        border-color: var(--p-autocomplete-hover-border-color);
    }

    .p-autocomplete.p-focus .p-autocomplete-input-multiple:not(.p-disabled) {
        border-color: var(--p-autocomplete-focus-border-color);
        box-shadow: var(--p-autocomplete-focus-ring-shadow);
        outline: var(--p-autocomplete-focus-ring-width) var(--p-autocomplete-focus-ring-style) var(--p-autocomplete-focus-ring-color);
        outline-offset: var(--p-autocomplete-focus-ring-offset);
    }

    .p-autocomplete.p-invalid .p-autocomplete-input-multiple {
        border-color: var(--p-autocomplete-invalid-border-color);
    }

    .p-variant-filled.p-autocomplete-input-multiple {
        background: var(--p-autocomplete-filled-background);
    }

    .p-autocomplete-input-multiple.p-variant-filled:not(.p-disabled):hover {
        background: var(--p-autocomplete-filled-hover-background);
    }

    .p-autocomplete.p-focus .p-autocomplete-input-multiple.p-variant-filled:not(.p-disabled) {
        background: var(--p-autocomplete-filled-focus-background);
    }

    .p-autocomplete-chip.p-chip {
        padding-block-start: calc(var(--p-autocomplete-padding-y) / 2);
        padding-block-end: calc(var(--p-autocomplete-padding-y) / 2);
        border-radius: var(--p-autocomplete-chip-border-radius);
    }

    .p-autocomplete-input-multiple:has(.p-autocomplete-chip) {
        padding-inline-start: calc(var(--p-autocomplete-padding-y) / 2);
        padding-inline-end: calc(var(--p-autocomplete-padding-y) / 2);
    }

    .p-autocomplete-chip-item.p-focus .p-autocomplete-chip {
        background: var(--p-autocomplete-chip-focus-background);
        color: var(--p-autocomplete-chip-focus-color);
    }

    .p-autocomplete-input-chip {
        flex: 1 1 auto;
        display: inline-flex;
        padding-block-start: calc(var(--p-autocomplete-padding-y) / 2);
        padding-block-end: calc(var(--p-autocomplete-padding-y) / 2);
    }

    .p-autocomplete-input-chip input {
        border: 0 none;
        outline: 0 none;
        background: transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        width: 100%;
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 1rem;
        color: inherit;
    }

    .p-autocomplete-input-chip input::placeholder {
        color: var(--p-autocomplete-placeholder-color);
    }

    .p-autocomplete.p-invalid .p-autocomplete-input-chip input::placeholder {
        color: var(--p-autocomplete-invalid-placeholder-color);
    }

    .p-autocomplete-empty-message {
        padding: var(--p-autocomplete-empty-message-padding);
    }

    .p-autocomplete-fluid {
        display: flex;
    }

    .p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input {
        width: 1%;
    }

    .p-autocomplete:has(.p-inputtext-sm) .p-autocomplete-dropdown {
        width: var(--p-autocomplete-dropdown-sm-width);
    }

    .p-autocomplete:has(.p-inputtext-sm) .p-autocomplete-dropdown .p-icon {
        font-size: var(--p-form-field-sm-font-size);
        width: var(--p-form-field-sm-font-size);
        height: var(--p-form-field-sm-font-size);
    }

    .p-autocomplete:has(.p-inputtext-lg) .p-autocomplete-dropdown {
        width: var(--p-autocomplete-dropdown-lg-width);
    }

    .p-autocomplete:has(.p-inputtext-lg) .p-autocomplete-dropdown .p-icon {
        font-size: var(--p-form-field-lg-font-size);
        width: var(--p-form-field-lg-font-size);
        height: var(--p-form-field-lg-font-size);
    }

    .p-autocomplete-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
        cursor: pointer;
        color: var(--p-form-field-icon-color);
        inset-inline-end: var(--p-autocomplete-padding-x);
    }

    .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-clear-icon {
        inset-inline-end: calc(var(--p-autocomplete-padding-x) + var(--p-autocomplete-dropdown-width));
    }

    .p-autocomplete:has(.p-autocomplete-clear-icon) .p-autocomplete-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-inputgroup .p-autocomplete-dropdown {
        border-radius: 0;
    }

    .p-inputgroup>.p-autocomplete:last-child:has(.p-autocomplete-dropdown)>.p-autocomplete-input {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
    }

    .p-inputgroup>.p-autocomplete:last-child .p-autocomplete-dropdown {
        border-start-end-radius: var(--p-autocomplete-dropdown-border-radius);
        border-end-end-radius: var(--p-autocomplete-dropdown-border-radius);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-cascadeselect-clear-icon-color: var(--p-form-field-icon-color);
        --p-cascadeselect-option-focus-background: var(--p-list-option-focus-background);
        --p-cascadeselect-option-selected-background: var(--p-list-option-selected-background);
        --p-cascadeselect-option-selected-focus-background: var(--p-list-option-selected-focus-background);
        --p-cascadeselect-option-color: var(--p-list-option-color);
        --p-cascadeselect-option-focus-color: var(--p-list-option-focus-color);
        --p-cascadeselect-option-selected-color: var(--p-list-option-selected-color);
        --p-cascadeselect-option-selected-focus-color: var(--p-list-option-selected-focus-color);
        --p-cascadeselect-option-padding: var(--p-list-option-padding);
        --p-cascadeselect-option-border-radius: var(--p-list-option-border-radius);
        --p-cascadeselect-option-icon-color: var(--p-list-option-icon-color);
        --p-cascadeselect-option-icon-focus-color: var(--p-list-option-icon-focus-color);
        --p-cascadeselect-option-icon-size: 0.875rem;
        --p-cascadeselect-list-padding: var(--p-list-padding);
        --p-cascadeselect-list-gap: var(--p-list-gap);
        --p-cascadeselect-list-mobile-indent: 1rem;
        --p-cascadeselect-overlay-background: var(--p-overlay-select-background);
        --p-cascadeselect-overlay-border-color: var(--p-overlay-select-border-color);
        --p-cascadeselect-overlay-border-radius: var(--p-overlay-select-border-radius);
        --p-cascadeselect-overlay-color: var(--p-overlay-select-color);
        --p-cascadeselect-overlay-shadow: var(--p-overlay-select-shadow);
        --p-cascadeselect-dropdown-width: 2.5rem;
        --p-cascadeselect-dropdown-color: var(--p-form-field-icon-color);
        --p-cascadeselect-background: var(--p-form-field-background);
        --p-cascadeselect-disabled-background: var(--p-form-field-disabled-background);
        --p-cascadeselect-filled-background: var(--p-form-field-filled-background);
        --p-cascadeselect-filled-hover-background: var(--p-form-field-filled-hover-background);
        --p-cascadeselect-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-cascadeselect-border-color: var(--p-form-field-border-color);
        --p-cascadeselect-hover-border-color: var(--p-form-field-hover-border-color);
        --p-cascadeselect-focus-border-color: var(--p-form-field-focus-border-color);
        --p-cascadeselect-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-cascadeselect-color: var(--p-form-field-color);
        --p-cascadeselect-disabled-color: var(--p-form-field-disabled-color);
        --p-cascadeselect-placeholder-color: var(--p-form-field-placeholder-color);
        --p-cascadeselect-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
        --p-cascadeselect-shadow: var(--p-form-field-shadow);
        --p-cascadeselect-padding-x: var(--p-form-field-padding-x);
        --p-cascadeselect-padding-y: var(--p-form-field-padding-y);
        --p-cascadeselect-border-radius: var(--p-form-field-border-radius);
        --p-cascadeselect-transition-duration: var(--p-form-field-transition-duration);
        --p-cascadeselect-lg-font-size: var(--p-form-field-lg-font-size);
        --p-cascadeselect-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-cascadeselect-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-cascadeselect-sm-font-size: var(--p-form-field-sm-font-size);
        --p-cascadeselect-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-cascadeselect-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-cascadeselect-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-cascadeselect-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-cascadeselect-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-cascadeselect-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-cascadeselect-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-cascadeselect {
        display: inline-flex;
        cursor: pointer;
        position: relative;
        user-select: none;
        background: var(--p-cascadeselect-background);
        border: 1px solid var(--p-cascadeselect-border-color);
        transition: background var(--p-cascadeselect-transition-duration), color var(--p-cascadeselect-transition-duration), border-color var(--p-cascadeselect-transition-duration), outline-color var(--p-cascadeselect-transition-duration), box-shadow var(--p-cascadeselect-transition-duration);
        border-radius: var(--p-cascadeselect-border-radius);
        outline-color: transparent;
        box-shadow: var(--p-cascadeselect-shadow);
    }

    .p-cascadeselect:not(.p-disabled):hover {
        border-color: var(--p-cascadeselect-hover-border-color);
    }

    .p-cascadeselect:not(.p-disabled).p-focus {
        border-color: var(--p-cascadeselect-focus-border-color);
        box-shadow: var(--p-cascadeselect-focus-ring-shadow);
        outline: var(--p-cascadeselect-focus-ring-width) var(--p-cascadeselect-focus-ring-style) var(--p-cascadeselect-focus-ring-color);
        outline-offset: var(--p-cascadeselect-focus-ring-offset);
    }

    .p-cascadeselect.p-variant-filled {
        background: var(--p-cascadeselect-filled-background);
    }

    .p-cascadeselect.p-variant-filled:not(.p-disabled):hover {
        background: var(--p-cascadeselect-filled-hover-background);
    }

    .p-cascadeselect.p-variant-filled.p-focus {
        background: var(--p-cascadeselect-filled-focus-background);
    }

    .p-cascadeselect.p-invalid {
        border-color: var(--p-cascadeselect-invalid-border-color);
    }

    .p-cascadeselect.p-disabled {
        opacity: 1;
        background: var(--p-cascadeselect-disabled-background);
    }

    .p-cascadeselect-dropdown {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: transparent;
        color: var(--p-cascadeselect-dropdown-color);
        width: var(--p-cascadeselect-dropdown-width);
        border-start-end-radius: var(--p-border-radius-md);
        border-end-end-radius: var(--p-border-radius-md);
    }

    .p-cascadeselect-clear-icon {
        align-self: center;
        color: var(--p-cascadeselect-clear-icon-color);
        inset-inline-end: var(--p-cascadeselect-dropdown-width);
    }

    .p-cascadeselect-label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        flex: 1 1 auto;
        width: 1%;
        text-overflow: ellipsis;
        cursor: pointer;
        padding: var(--p-cascadeselect-padding-y) var(--p-cascadeselect-padding-x);
        background: transparent;
        border: 0 none;
        outline: 0 none;
    }

    .p-cascadeselect-label.p-placeholder {
        color: var(--p-cascadeselect-placeholder-color);
    }

    .p-cascadeselect.p-invalid .p-cascadeselect-label.p-placeholder {
        color: var(--p-cascadeselect-invalid-placeholder-color);
    }

    .p-cascadeselect.p-disabled .p-cascadeselect-label {
        color: var(--p-cascadeselect-disabled-color);
    }

    .p-cascadeselect-label-empty {
        overflow: hidden;
        visibility: hidden;
    }

    .p-cascadeselect-overlay {
        background: var(--p-cascadeselect-overlay-background);
        color: var(--p-cascadeselect-overlay-color);
        border: 1px solid var(--p-cascadeselect-overlay-border-color);
        border-radius: var(--p-cascadeselect-overlay-border-radius);
        box-shadow: var(--p-cascadeselect-overlay-shadow);
    }

    .p-cascadeselect .p-cascadeselect-overlay {
        min-width: 100%;
    }

    .p-cascadeselect-option-list {
        display: none;
        min-width: 100%;
        position: absolute;
        z-index: 1;
    }

    .p-cascadeselect-list {
        min-width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding: var(--p-cascadeselect-list-padding);
        display: flex;
        flex-direction: column;
        gap: var(--p-cascadeselect-list-gap);
    }

    .p-cascadeselect-option {
        cursor: pointer;
        font-weight: normal;
        white-space: nowrap;
        border: 0 none;
        color: var(--p-cascadeselect-option-color);
        background: transparent;
        border-radius: var(--p-cascadeselect-option-border-radius);
    }

    .p-cascadeselect-option-active {
        overflow: visible;
    }

    .p-cascadeselect-option-active>.p-cascadeselect-option-content {
        background: var(--p-cascadeselect-option-focus-background);
        color: var(--p-cascadeselect-option-focus-color);
    }

    .p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus>.p-cascadeselect-option-content {
        background: var(--p-cascadeselect-option-focus-background);
        color: var(--p-cascadeselect-option-focus-color);
    }

    .p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled):hover>.p-cascadeselect-option-content {
        background: var(--p-cascadeselect-option-focus-background);
        color: var(--p-cascadeselect-option-focus-color);
    }

    .p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus>.p-cascadeselect-option-content>.p-cascadeselect-group-icon-container>.p-cascadeselect-group-icon {
        color: var(--p-cascadeselect-option-icon-focus-color);
    }

    .p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled):hover>.p-cascadeselect-option-content>.p-cascadeselect-group-icon-container>.p-cascadeselect-group-icon {
        color: var(--p-cascadeselect-option-icon-focus-color);
    }

    .p-cascadeselect-option-selected>.p-cascadeselect-option-content {
        background: var(--p-cascadeselect-option-selected-background);
        color: var(--p-cascadeselect-option-selected-color);
    }

    .p-cascadeselect-option-selected.p-focus>.p-cascadeselect-option-content {
        background: var(--p-cascadeselect-option-selected-focus-background);
        color: var(--p-cascadeselect-option-selected-focus-color);
    }

    .p-cascadeselect-option-active>.p-cascadeselect-option-list {
        inset-inline-start: 100%;
        inset-block-start: 0;
    }

    .p-cascadeselect-option-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        position: relative;
        padding: var(--p-cascadeselect-option-padding);
        border-radius: var(--p-cascadeselect-option-border-radius);
        transition: background var(--p-cascadeselect-transition-duration), color var(--p-cascadeselect-transition-duration), border-color var(--p-cascadeselect-transition-duration), box-shadow var(--p-cascadeselect-transition-duration), outline-color var(--p-cascadeselect-transition-duration);
    }

    .p-cascadeselect-group-icon {
        font-size: var(--p-cascadeselect-option-icon-size);
        width: var(--p-cascadeselect-option-icon-size);
        height: var(--p-cascadeselect-option-icon-size);
        color: var(--p-cascadeselect-option-icon-color);
    }

    .p-cascadeselect-group-icon:dir(rtl) {
        transform: rotate(180deg);
    }

    .p-cascadeselect-mobile-active .p-cascadeselect-option-list {
        position: static;
        box-shadow: none;
        border: 0 none;
        padding-inline-start: var(--p-tieredmenu-submenu-mobile-indent);
        padding-inline-end: 0;
    }

    .p-cascadeselect-mobile-active .p-cascadeselect-group-icon {
        transition: transform 0.2s;
        transform: rotate(90deg);
    }

    .p-cascadeselect-mobile-active .p-cascadeselect-option-active>.p-cascadeselect-option-content .p-cascadeselect-group-icon {
        transform: rotate(-90deg);
    }

    .p-cascadeselect-sm .p-cascadeselect-label {
        font-size: var(--p-cascadeselect-sm-font-size);
        padding-block: var(--p-cascadeselect-sm-padding-y);
        padding-inline: var(--p-cascadeselect-sm-padding-x);
    }

    .p-cascadeselect-sm .p-cascadeselect-dropdown .p-icon {
        font-size: var(--p-cascadeselect-sm-font-size);
        width: var(--p-cascadeselect-sm-font-size);
        height: var(--p-cascadeselect-sm-font-size);
    }

    .p-cascadeselect-lg .p-cascadeselect-label {
        font-size: var(--p-cascadeselect-lg-font-size);
        padding-block: var(--p-cascadeselect-lg-padding-y);
        padding-inline: var(--p-cascadeselect-lg-padding-x);
    }

    .p-cascadeselect-lg .p-cascadeselect-dropdown .p-icon {
        font-size: var(--p-cascadeselect-lg-font-size);
        width: var(--p-cascadeselect-lg-font-size);
        height: var(--p-cascadeselect-lg-font-size);
    }

    .p-cascadeselect-fluid {
        display: flex;
    }

    .p-cascadeselect-fluid .p-cascadeselect-label {
        width: 1%;
    }

    .p-cascadeselect-fluid .p-cascadeselect-overlay .p-cascadeselect-overlay {
        min-width: 12.5rem;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-checkbox-icon-size: 0.875rem;
        --p-checkbox-icon-color: var(--p-form-field-color);
        --p-checkbox-icon-checked-color: var(--p-primary-contrast-color);
        --p-checkbox-icon-checked-hover-color: var(--p-primary-contrast-color);
        --p-checkbox-icon-disabled-color: var(--p-form-field-disabled-color);
        --p-checkbox-icon-lg-size: 1rem;
        --p-checkbox-icon-sm-size: 0.75rem;
        --p-checkbox-border-radius: var(--p-border-radius-sm);
        --p-checkbox-width: 1.25rem;
        --p-checkbox-height: 1.25rem;
        --p-checkbox-background: var(--p-form-field-background);
        --p-checkbox-checked-background: var(--p-primary-color);
        --p-checkbox-checked-hover-background: var(--p-primary-hover-color);
        --p-checkbox-disabled-background: var(--p-form-field-disabled-background);
        --p-checkbox-filled-background: var(--p-form-field-filled-background);
        --p-checkbox-border-color: var(--p-form-field-border-color);
        --p-checkbox-hover-border-color: var(--p-form-field-hover-border-color);
        --p-checkbox-focus-border-color: var(--p-form-field-border-color);
        --p-checkbox-checked-border-color: var(--p-primary-color);
        --p-checkbox-checked-hover-border-color: var(--p-primary-hover-color);
        --p-checkbox-checked-focus-border-color: var(--p-primary-color);
        --p-checkbox-checked-disabled-border-color: var(--p-form-field-border-color);
        --p-checkbox-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-checkbox-shadow: var(--p-form-field-shadow);
        --p-checkbox-transition-duration: var(--p-form-field-transition-duration);
        --p-checkbox-lg-width: 1.5rem;
        --p-checkbox-lg-height: 1.5rem;
        --p-checkbox-sm-width: 1rem;
        --p-checkbox-sm-height: 1rem;
        --p-checkbox-focus-ring-width: var(--p-focus-ring-width);
        --p-checkbox-focus-ring-style: var(--p-focus-ring-style);
        --p-checkbox-focus-ring-color: var(--p-focus-ring-color);
        --p-checkbox-focus-ring-offset: var(--p-focus-ring-offset);
        --p-checkbox-focus-ring-shadow: var(--p-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-checkbox {
        position: relative;
        display: inline-flex;
        user-select: none;
        vertical-align: bottom;
        width: var(--p-checkbox-width);
        height: var(--p-checkbox-height);
    }

    .p-checkbox-input {
        cursor: pointer;
        appearance: none;
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        opacity: 0;
        z-index: 1;
        outline: 0 none;
        border: 1px solid transparent;
        border-radius: var(--p-checkbox-border-radius);
    }

    .p-checkbox-box {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: var(--p-checkbox-border-radius);
        border: 1px solid var(--p-checkbox-border-color);
        background: var(--p-checkbox-background);
        width: var(--p-checkbox-width);
        height: var(--p-checkbox-height);
        transition: background var(--p-checkbox-transition-duration), color var(--p-checkbox-transition-duration), border-color var(--p-checkbox-transition-duration), box-shadow var(--p-checkbox-transition-duration), outline-color var(--p-checkbox-transition-duration);
        outline-color: transparent;
        box-shadow: var(--p-checkbox-shadow);
    }

    .p-checkbox-icon {
        transition-duration: var(--p-checkbox-transition-duration);
        color: var(--p-checkbox-icon-color);
        font-size: var(--p-checkbox-icon-size);
        width: var(--p-checkbox-icon-size);
        height: var(--p-checkbox-icon-size);
    }

    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
        border-color: var(--p-checkbox-hover-border-color);
    }

    .p-checkbox-checked .p-checkbox-box {
        border-color: var(--p-checkbox-checked-border-color);
        background: var(--p-checkbox-checked-background);
    }

    .p-checkbox-checked .p-checkbox-icon {
        color: var(--p-checkbox-icon-checked-color);
    }

    .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
        background: var(--p-checkbox-checked-hover-background);
        border-color: var(--p-checkbox-checked-hover-border-color);
    }

    .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {
        color: var(--p-checkbox-icon-checked-hover-color);
    }

    .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
        border-color: var(--p-checkbox-focus-border-color);
        box-shadow: var(--p-checkbox-focus-ring-shadow);
        outline: var(--p-checkbox-focus-ring-width) var(--p-checkbox-focus-ring-style) var(--p-checkbox-focus-ring-color);
        outline-offset: var(--p-checkbox-focus-ring-offset);
    }

    .p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
        border-color: var(--p-checkbox-checked-focus-border-color);
    }

    .p-checkbox.p-invalid>.p-checkbox-box {
        border-color: var(--p-checkbox-invalid-border-color);
    }

    .p-checkbox.p-variant-filled .p-checkbox-box {
        background: var(--p-checkbox-filled-background);
    }

    .p-checkbox-checked.p-variant-filled .p-checkbox-box {
        background: var(--p-checkbox-checked-background);
    }

    .p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
        background: var(--p-checkbox-checked-hover-background);
    }

    .p-checkbox.p-disabled {
        opacity: 1;
    }

    .p-checkbox.p-disabled .p-checkbox-box {
        background: var(--p-checkbox-disabled-background);
        border-color: var(--p-checkbox-checked-disabled-border-color);
    }

    .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
        color: var(--p-checkbox-icon-disabled-color);
    }

    .p-checkbox-sm,
    .p-checkbox-sm .p-checkbox-box {
        width: var(--p-checkbox-sm-width);
        height: var(--p-checkbox-sm-height);
    }

    .p-checkbox-sm .p-checkbox-icon {
        font-size: var(--p-checkbox-icon-sm-size);
        width: var(--p-checkbox-icon-sm-size);
        height: var(--p-checkbox-icon-sm-size);
    }

    .p-checkbox-lg,
    .p-checkbox-lg .p-checkbox-box {
        width: var(--p-checkbox-lg-width);
        height: var(--p-checkbox-lg-height);
    }

    .p-checkbox-lg .p-checkbox-icon {
        font-size: var(--p-checkbox-icon-lg-size);
        width: var(--p-checkbox-icon-lg-size);
        height: var(--p-checkbox-icon-lg-size);
    }
}

/* ========================================= */

@layer primevue {
    .p-checkbox-group {
        display: inline-flex;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-colorpicker-panel-shadow: var(--p-overlay-popover-shadow);
        --p-colorpicker-panel-border-radius: var(--p-overlay-popover-border-radius);
        --p-colorpicker-preview-width: 1.5rem;
        --p-colorpicker-preview-height: 1.5rem;
        --p-colorpicker-preview-border-radius: var(--p-form-field-border-radius);
        --p-colorpicker-preview-focus-ring-width: var(--p-focus-ring-width);
        --p-colorpicker-preview-focus-ring-style: var(--p-focus-ring-style);
        --p-colorpicker-preview-focus-ring-color: var(--p-focus-ring-color);
        --p-colorpicker-preview-focus-ring-offset: var(--p-focus-ring-offset);
        --p-colorpicker-preview-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-colorpicker-transition-duration: var(--p-transition-duration);
        --p-colorpicker-handle-color: var(--p-surface-0);
        --p-colorpicker-panel-background: var(--p-surface-800);
        --p-colorpicker-panel-border-color: var(--p-surface-900);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-colorpicker {
        display: inline-block;
        position: relative;
    }

    .p-colorpicker-dragging {
        cursor: pointer;
    }

    .p-colorpicker-preview {
        width: var(--p-colorpicker-preview-width);
        height: var(--p-colorpicker-preview-height);
        padding: 0;
        border: 0 none;
        border-radius: var(--p-colorpicker-preview-border-radius);
        transition: background var(--p-colorpicker-transition-duration), color var(--p-colorpicker-transition-duration), border-color var(--p-colorpicker-transition-duration), outline-color var(--p-colorpicker-transition-duration), box-shadow var(--p-colorpicker-transition-duration);
        outline-color: transparent;
        cursor: pointer;
    }

    .p-colorpicker-preview:enabled:focus-visible {
        border-color: var(--p-colorpicker-preview-focus-border-color);
        box-shadow: var(--p-colorpicker-preview-focus-ring-shadow);
        outline: var(--p-colorpicker-preview-focus-ring-width) var(--p-colorpicker-preview-focus-ring-style) var(--p-colorpicker-preview-focus-ring-color);
        outline-offset: var(--p-colorpicker-preview-focus-ring-offset);
    }

    .p-colorpicker-panel {
        background: var(--p-colorpicker-panel-background);
        border: 1px solid var(--p-colorpicker-panel-border-color);
        border-radius: var(--p-colorpicker-panel-border-radius);
        box-shadow: var(--p-colorpicker-panel-shadow);
        width: 193px;
        height: 166px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .p-colorpicker-panel-inline {
        box-shadow: none;
        position: static;
    }

    .p-colorpicker-content {
        position: relative;
    }

    .p-colorpicker-color-selector {
        width: 150px;
        height: 150px;
        inset-block-start: 8px;
        inset-inline-start: 8px;
        position: absolute;
    }

    .p-colorpicker-color-background {
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .p-colorpicker-color-handle {
        position: absolute;
        inset-block-start: 0px;
        inset-inline-start: 150px;
        border-radius: 100%;
        width: 10px;
        height: 10px;
        border-width: 1px;
        border-style: solid;
        margin: -5px 0 0 -5px;
        cursor: pointer;
        opacity: 0.85;
        border-color: var(--p-colorpicker-handle-color);
    }

    .p-colorpicker-hue {
        width: 17px;
        height: 150px;
        inset-block-start: 8px;
        inset-inline-start: 167px;
        position: absolute;
        opacity: 0.85;
        background: linear-gradient(0deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
    }

    .p-colorpicker-hue-handle {
        position: absolute;
        inset-block-start: 150px;
        inset-inline-start: 0px;
        width: 21px;
        margin-inline-start: -2px;
        margin-block-start: -5px;
        height: 10px;
        border-width: 2px;
        border-style: solid;
        opacity: 0.85;
        cursor: pointer;
        border-color: var(--p-colorpicker-handle-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-datepicker-time-picker-padding: 0.5rem 0 0 0;
        --p-datepicker-time-picker-border-color: var(--p-content-border-color);
        --p-datepicker-time-picker-gap: 0.5rem;
        --p-datepicker-time-picker-button-gap: 0.25rem;
        --p-datepicker-buttonbar-padding: 0.5rem 0 0 0;
        --p-datepicker-buttonbar-border-color: var(--p-content-border-color);
        --p-datepicker-year-padding: 0.375rem;
        --p-datepicker-year-border-radius: var(--p-content-border-radius);
        --p-datepicker-year-view-margin: 0.5rem 0 0 0;
        --p-datepicker-month-padding: 0.375rem;
        --p-datepicker-month-border-radius: var(--p-content-border-radius);
        --p-datepicker-month-view-margin: 0.5rem 0 0 0;
        --p-datepicker-date-hover-background: var(--p-content-hover-background);
        --p-datepicker-date-selected-background: var(--p-primary-color);
        --p-datepicker-date-range-selected-background: var(--p-highlight-background);
        --p-datepicker-date-color: var(--p-content-color);
        --p-datepicker-date-hover-color: var(--p-content-hover-color);
        --p-datepicker-date-selected-color: var(--p-primary-contrast-color);
        --p-datepicker-date-range-selected-color: var(--p-highlight-color);
        --p-datepicker-date-width: 2rem;
        --p-datepicker-date-height: 2rem;
        --p-datepicker-date-border-radius: 50%;
        --p-datepicker-date-padding: 0.25rem;
        --p-datepicker-date-focus-ring-width: var(--p-focus-ring-width);
        --p-datepicker-date-focus-ring-style: var(--p-focus-ring-style);
        --p-datepicker-date-focus-ring-color: var(--p-focus-ring-color);
        --p-datepicker-date-focus-ring-offset: var(--p-focus-ring-offset);
        --p-datepicker-date-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-datepicker-week-day-padding: 0.25rem;
        --p-datepicker-week-day-font-weight: 500;
        --p-datepicker-week-day-color: var(--p-content-color);
        --p-datepicker-day-view-margin: 0.5rem 0 0 0;
        --p-datepicker-group-border-color: var(--p-content-border-color);
        --p-datepicker-group-gap: var(--p-overlay-popover-padding);
        --p-datepicker-select-year-hover-background: var(--p-content-hover-background);
        --p-datepicker-select-year-color: var(--p-content-color);
        --p-datepicker-select-year-hover-color: var(--p-content-hover-color);
        --p-datepicker-select-year-padding: 0.25rem 0.5rem;
        --p-datepicker-select-year-border-radius: var(--p-content-border-radius);
        --p-datepicker-select-month-hover-background: var(--p-content-hover-background);
        --p-datepicker-select-month-color: var(--p-content-color);
        --p-datepicker-select-month-hover-color: var(--p-content-hover-color);
        --p-datepicker-select-month-padding: 0.25rem 0.5rem;
        --p-datepicker-select-month-border-radius: var(--p-content-border-radius);
        --p-datepicker-input-icon-color: var(--p-form-field-icon-color);
        --p-datepicker-dropdown-width: 2.5rem;
        --p-datepicker-dropdown-border-color: var(--p-form-field-border-color);
        --p-datepicker-dropdown-hover-border-color: var(--p-form-field-border-color);
        --p-datepicker-dropdown-active-border-color: var(--p-form-field-border-color);
        --p-datepicker-dropdown-border-radius: var(--p-form-field-border-radius);
        --p-datepicker-dropdown-focus-ring-width: var(--p-focus-ring-width);
        --p-datepicker-dropdown-focus-ring-style: var(--p-focus-ring-style);
        --p-datepicker-dropdown-focus-ring-color: var(--p-focus-ring-color);
        --p-datepicker-dropdown-focus-ring-offset: var(--p-focus-ring-offset);
        --p-datepicker-dropdown-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-datepicker-dropdown-lg-width: 3rem;
        --p-datepicker-dropdown-sm-width: 2rem;
        --p-datepicker-title-gap: 0.5rem;
        --p-datepicker-title-font-weight: 500;
        --p-datepicker-header-background: var(--p-content-background);
        --p-datepicker-header-border-color: var(--p-content-border-color);
        --p-datepicker-header-color: var(--p-content-color);
        --p-datepicker-header-padding: 0 0 0.5rem 0;
        --p-datepicker-panel-background: var(--p-content-background);
        --p-datepicker-panel-border-color: var(--p-content-border-color);
        --p-datepicker-panel-color: var(--p-content-color);
        --p-datepicker-panel-border-radius: var(--p-content-border-radius);
        --p-datepicker-panel-shadow: var(--p-overlay-popover-shadow);
        --p-datepicker-panel-padding: var(--p-overlay-popover-padding);
        --p-datepicker-transition-duration: var(--p-transition-duration);
        --p-datepicker-today-background: var(--p-surface-200);
        --p-datepicker-today-color: var(--p-surface-900);
        --p-datepicker-dropdown-background: var(--p-surface-100);
        --p-datepicker-dropdown-hover-background: var(--p-surface-200);
        --p-datepicker-dropdown-active-background: var(--p-surface-300);
        --p-datepicker-dropdown-color: var(--p-surface-600);
        --p-datepicker-dropdown-hover-color: var(--p-surface-700);
        --p-datepicker-dropdown-active-color: var(--p-surface-800);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-datepicker {
        display: inline-flex;
        max-width: 100%;
    }

    .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
    }

    .p-datepicker-dropdown {
        cursor: pointer;
        display: inline-flex;
        user-select: none;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: var(--p-datepicker-dropdown-width);
        border-start-end-radius: var(--p-datepicker-dropdown-border-radius);
        border-end-end-radius: var(--p-datepicker-dropdown-border-radius);
        background: var(--p-datepicker-dropdown-background);
        border: 1px solid var(--p-datepicker-dropdown-border-color);
        border-inline-start: 0 none;
        color: var(--p-datepicker-dropdown-color);
        transition: background var(--p-datepicker-transition-duration), color var(--p-datepicker-transition-duration), border-color var(--p-datepicker-transition-duration), outline-color var(--p-datepicker-transition-duration);
        outline-color: transparent;
    }

    .p-datepicker-dropdown:not(:disabled):hover {
        background: var(--p-datepicker-dropdown-hover-background);
        border-color: var(--p-datepicker-dropdown-hover-border-color);
        color: var(--p-datepicker-dropdown-hover-color);
    }

    .p-datepicker-dropdown:not(:disabled):active {
        background: var(--p-datepicker-dropdown-active-background);
        border-color: var(--p-datepicker-dropdown-active-border-color);
        color: var(--p-datepicker-dropdown-active-color);
    }

    .p-datepicker-dropdown:focus-visible {
        box-shadow: var(--p-datepicker-dropdown-focus-ring-shadow);
        outline: var(--p-datepicker-dropdown-focus-ring-width) var(--p-datepicker-dropdown-focus-ring-style) var(--p-datepicker-dropdown-focus-ring-color);
        outline-offset: var(--p-datepicker-dropdown-focus-ring-offset);
    }

    .p-datepicker:has(.p-datepicker-input-icon-container) {
        position: relative;
    }

    .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-datepicker-input-icon-container {
        cursor: pointer;
        position: absolute;
        top: 50%;
        inset-inline-end: var(--p-form-field-padding-x);
        margin-block-start: calc(-1 * (var(--p-icon-size) / 2));
        color: var(--p-datepicker-input-icon-color);
        line-height: 1;
        z-index: 1;
    }

    .p-datepicker:has(.p-datepicker-input:disabled) .p-datepicker-input-icon-container {
        cursor: default;
    }

    .p-datepicker-fluid {
        display: flex;
    }

    .p-datepicker-fluid:has(.p-datepicker-dropdown) .p-datepicker-input {
        flex: 1 1 auto;
        width: 1%;
    }

    .p-datepicker .p-datepicker-panel {
        min-width: 100%;
    }

    .p-datepicker-panel {
        width: auto;
        padding: var(--p-datepicker-panel-padding);
        background: var(--p-datepicker-panel-background);
        color: var(--p-datepicker-panel-color);
        border: 1px solid var(--p-datepicker-panel-border-color);
        border-radius: var(--p-datepicker-panel-border-radius);
        box-shadow: var(--p-datepicker-panel-shadow);
    }

    .p-datepicker-panel-inline {
        display: inline-block;
        overflow-x: auto;
        box-shadow: none;
    }

    .p-datepicker-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--p-datepicker-header-padding);
        background: var(--p-datepicker-header-background);
        color: var(--p-datepicker-header-color);
        border-block-end: 1px solid var(--p-datepicker-header-border-color);
    }

    .p-datepicker-next-button:dir(rtl) {
        order: -1;
    }

    .p-datepicker-prev-button:dir(rtl) {
        order: 1;
    }

    .p-datepicker-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--p-datepicker-title-gap);
        font-weight: var(--p-datepicker-title-font-weight);
    }

    .p-datepicker-select-year,
    .p-datepicker-select-month {
        border: none;
        background: transparent;
        margin: 0;
        cursor: pointer;
        font-weight: inherit;
        transition: background var(--p-datepicker-transition-duration), color var(--p-datepicker-transition-duration), border-color var(--p-datepicker-transition-duration), outline-color var(--p-datepicker-transition-duration), box-shadow var(--p-datepicker-transition-duration);
    }

    .p-datepicker-select-month {
        padding: var(--p-datepicker-select-month-padding);
        color: var(--p-datepicker-select-month-color);
        border-radius: var(--p-datepicker-select-month-border-radius);
    }

    .p-datepicker-select-year {
        padding: var(--p-datepicker-select-year-padding);
        color: var(--p-datepicker-select-year-color);
        border-radius: var(--p-datepicker-select-year-border-radius);
    }

    .p-datepicker-select-month:enabled:hover {
        background: var(--p-datepicker-select-month-hover-background);
        color: var(--p-datepicker-select-month-hover-color);
    }

    .p-datepicker-select-year:enabled:hover {
        background: var(--p-datepicker-select-year-hover-background);
        color: var(--p-datepicker-select-year-hover-color);
    }

    .p-datepicker-select-month:focus-visible,
    .p-datepicker-select-year:focus-visible {
        box-shadow: var(--p-datepicker-date-focus-ring-shadow);
        outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style) var(--p-datepicker-date-focus-ring-color);
        outline-offset: var(--p-datepicker-date-focus-ring-offset);
    }

    .p-datepicker-calendar-container {
        display: flex;
    }

    .p-datepicker-calendar-container .p-datepicker-calendar {
        flex: 1 1 auto;
        border-inline-start: 1px solid var(--p-datepicker-group-border-color);
        padding-inline-end: var(--p-datepicker-group-gap);
        padding-inline-start: var(--p-datepicker-group-gap);
    }

    .p-datepicker-calendar-container .p-datepicker-calendar:first-child {
        padding-inline-start: 0;
        border-inline-start: 0 none;
    }

    .p-datepicker-calendar-container .p-datepicker-calendar:last-child {
        padding-inline-end: 0;
    }

    .p-datepicker-day-view {
        width: 100%;
        border-collapse: collapse;
        font-size: 1rem;
        margin: var(--p-datepicker-day-view-margin);
    }

    .p-datepicker-weekday-cell {
        padding: var(--p-datepicker-week-day-padding);
    }

    .p-datepicker-weekday {
        font-weight: var(--p-datepicker-week-day-font-weight);
        color: var(--p-datepicker-week-day-color);
    }

    .p-datepicker-day-cell {
        padding: var(--p-datepicker-date-padding);
    }

    .p-datepicker-day {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        width: var(--p-datepicker-date-width);
        height: var(--p-datepicker-date-height);
        border-radius: var(--p-datepicker-date-border-radius);
        transition: background var(--p-datepicker-transition-duration), color var(--p-datepicker-transition-duration), border-color var(--p-datepicker-transition-duration), box-shadow var(--p-datepicker-transition-duration), outline-color var(--p-datepicker-transition-duration);
        border: 1px solid transparent;
        outline-color: transparent;
        color: var(--p-datepicker-date-color);
    }

    .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {
        background: var(--p-datepicker-date-hover-background);
        color: var(--p-datepicker-date-hover-color);
    }

    .p-datepicker-day:focus-visible {
        box-shadow: var(--p-datepicker-date-focus-ring-shadow);
        outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style) var(--p-datepicker-date-focus-ring-color);
        outline-offset: var(--p-datepicker-date-focus-ring-offset);
    }

    .p-datepicker-day-selected {
        background: var(--p-datepicker-date-selected-background);
        color: var(--p-datepicker-date-selected-color);
    }

    .p-datepicker-day-selected-range {
        background: var(--p-datepicker-date-range-selected-background);
        color: var(--p-datepicker-date-range-selected-color);
    }

    .p-datepicker-today>.p-datepicker-day {
        background: var(--p-datepicker-today-background);
        color: var(--p-datepicker-today-color);
    }

    .p-datepicker-today>.p-datepicker-day-selected {
        background: var(--p-datepicker-date-selected-background);
        color: var(--p-datepicker-date-selected-color);
    }

    .p-datepicker-today>.p-datepicker-day-selected-range {
        background: var(--p-datepicker-date-range-selected-background);
        color: var(--p-datepicker-date-range-selected-color);
    }

    .p-datepicker-weeknumber {
        text-align: center;
    }

    .p-datepicker-month-view {
        margin: var(--p-datepicker-month-view-margin);
    }

    .p-datepicker-month {
        width: 33.3%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        padding: var(--p-datepicker-month-padding);
        transition: background var(--p-datepicker-transition-duration), color var(--p-datepicker-transition-duration), border-color var(--p-datepicker-transition-duration), box-shadow var(--p-datepicker-transition-duration), outline-color var(--p-datepicker-transition-duration);
        border-radius: var(--p-datepicker-month-border-radius);
        outline-color: transparent;
        color: var(--p-datepicker-date-color);
    }

    .p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {
        color: var(--p-datepicker-date-hover-color);
        background: var(--p-datepicker-date-hover-background);
    }

    .p-datepicker-month-selected {
        color: var(--p-datepicker-date-selected-color);
        background: var(--p-datepicker-date-selected-background);
    }

    .p-datepicker-month:not(.p-disabled):focus-visible {
        box-shadow: var(--p-datepicker-date-focus-ring-shadow);
        outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style) var(--p-datepicker-date-focus-ring-color);
        outline-offset: var(--p-datepicker-date-focus-ring-offset);
    }

    .p-datepicker-year-view {
        margin: var(--p-datepicker-year-view-margin);
    }

    .p-datepicker-year {
        width: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        padding: var(--p-datepicker-year-padding);
        transition: background var(--p-datepicker-transition-duration), color var(--p-datepicker-transition-duration), border-color var(--p-datepicker-transition-duration), box-shadow var(--p-datepicker-transition-duration), outline-color var(--p-datepicker-transition-duration);
        border-radius: var(--p-datepicker-year-border-radius);
        outline-color: transparent;
        color: var(--p-datepicker-date-color);
    }

    .p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {
        color: var(--p-datepicker-date-hover-color);
        background: var(--p-datepicker-date-hover-background);
    }

    .p-datepicker-year-selected {
        color: var(--p-datepicker-date-selected-color);
        background: var(--p-datepicker-date-selected-background);
    }

    .p-datepicker-year:not(.p-disabled):focus-visible {
        box-shadow: var(--p-datepicker-date-focus-ring-shadow);
        outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style) var(--p-datepicker-date-focus-ring-color);
        outline-offset: var(--p-datepicker-date-focus-ring-offset);
    }

    .p-datepicker-buttonbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--p-datepicker-buttonbar-padding);
        border-block-start: 1px solid var(--p-datepicker-buttonbar-border-color);
    }

    .p-datepicker-buttonbar .p-button {
        width: auto;
    }

    .p-datepicker-time-picker {
        display: flex;
        justify-content: center;
        align-items: center;
        border-block-start: 1px solid var(--p-datepicker-time-picker-border-color);
        padding: 0;
        gap: var(--p-datepicker-time-picker-gap);
    }

    .p-datepicker-calendar-container+.p-datepicker-time-picker {
        padding: var(--p-datepicker-time-picker-padding);
    }

    .p-datepicker-time-picker>div {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: var(--p-datepicker-time-picker-button-gap);
    }

    .p-datepicker-time-picker span {
        font-size: 1rem;
    }

    .p-datepicker-timeonly .p-datepicker-time-picker {
        border-block-start: 0 none;
    }

    .p-datepicker-time-picker:dir(rtl) {
        flex-direction: row-reverse;
    }

    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown {
        width: var(--p-datepicker-dropdown-sm-width);
    }

    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown .p-icon,
    .p-datepicker:has(.p-inputtext-sm) .p-datepicker-input-icon {
        font-size: var(--p-form-field-sm-font-size);
        width: var(--p-form-field-sm-font-size);
        height: var(--p-form-field-sm-font-size);
    }

    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {
        width: var(--p-datepicker-dropdown-lg-width);
    }

    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon,
    .p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-icon {
        font-size: var(--p-form-field-lg-font-size);
        width: var(--p-form-field-lg-font-size);
        height: var(--p-form-field-lg-font-size);
    }

    .p-datepicker-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
        cursor: pointer;
        color: var(--p-form-field-icon-color);
        inset-inline-end: var(--p-form-field-padding-x);
    }

    .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-clear-icon {
        inset-inline-end: calc(var(--p-datepicker-dropdown-width) + var(--p-form-field-padding-x));
    }

    .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-clear-icon {
        inset-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-datepicker:has(.p-datepicker-clear-icon) .p-datepicker-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-datepicker:has(.p-datepicker-input-icon-container):has(.p-datepicker-clear-icon) .p-datepicker-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 3) + calc(var(--p-icon-size) * 2));
    }

    .p-inputgroup .p-datepicker-dropdown {
        border-radius: 0;
    }

    .p-inputgroup>.p-datepicker:last-child:has(.p-datepicker-dropdown)>.p-datepicker-input {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
    }

    .p-inputgroup>.p-datepicker:last-child .p-datepicker-dropdown {
        border-start-end-radius: var(--p-datepicker-dropdown-border-radius);
        border-end-end-radius: var(--p-datepicker-dropdown-border-radius);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-floatlabel-on-border-radius: var(--p-border-radius-xs);
        --p-floatlabel-on-active-background: var(--p-form-field-background);
        --p-floatlabel-on-active-padding: 0 0.125rem;
        --p-floatlabel-in-active-top: var(--p-form-field-padding-y);
        --p-floatlabel-in-input-padding-top: 1.5rem;
        --p-floatlabel-in-input-padding-bottom: var(--p-form-field-padding-y);
        --p-floatlabel-over-active-top: -1.25rem;
        --p-floatlabel-color: var(--p-form-field-float-label-color);
        --p-floatlabel-focus-color: var(--p-form-field-float-label-focus-color);
        --p-floatlabel-active-color: var(--p-form-field-float-label-active-color);
        --p-floatlabel-invalid-color: var(--p-form-field-float-label-invalid-color);
        --p-floatlabel-transition-duration: 0.2s;
        --p-floatlabel-position-x: var(--p-form-field-padding-x);
        --p-floatlabel-position-y: var(--p-form-field-padding-y);
        --p-floatlabel-font-weight: 500;
        --p-floatlabel-active-font-size: 0.75rem;
        --p-floatlabel-active-font-weight: 400;
    }
}

/* ========================================= */

@layer primevue {
    .p-floatlabel {
        display: block;
        position: relative;
    }

    .p-floatlabel label {
        position: absolute;
        pointer-events: none;
        top: 50%;
        transform: translateY(-50%);
        transition-property: all;
        transition-timing-function: ease;
        line-height: 1;
        font-weight: var(--p-floatlabel-font-weight);
        inset-inline-start: var(--p-floatlabel-position-x);
        color: var(--p-floatlabel-color);
        transition-duration: var(--p-floatlabel-transition-duration);
    }

    .p-floatlabel:has(.p-textarea) label {
        top: var(--p-floatlabel-position-y);
        transform: translateY(0);
    }

    .p-floatlabel:has(.p-inputicon:first-child) label {
        inset-inline-start: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-floatlabel:has(input:focus) label,
    .p-floatlabel:has(input.p-filled) label,
    .p-floatlabel:has(input:-webkit-autofill) label,
    .p-floatlabel:has(textarea:focus) label,
    .p-floatlabel:has(textarea.p-filled) label,
    .p-floatlabel:has(.p-inputwrapper-focus) label,
    .p-floatlabel:has(.p-inputwrapper-filled) label,
    .p-floatlabel:has(input[placeholder]) label,
    .p-floatlabel:has(textarea[placeholder]) label {
        top: var(--p-floatlabel-over-active-top);
        transform: translateY(0);
        font-size: var(--p-floatlabel-active-font-size);
        font-weight: var(--p-floatlabel-active-font-weight);
    }

    .p-floatlabel:has(input.p-filled) label,
    .p-floatlabel:has(textarea.p-filled) label,
    .p-floatlabel:has(.p-inputwrapper-filled) label {
        color: var(--p-floatlabel-active-color);
    }

    .p-floatlabel:has(input:focus) label,
    .p-floatlabel:has(input:-webkit-autofill) label,
    .p-floatlabel:has(textarea:focus) label,
    .p-floatlabel:has(.p-inputwrapper-focus) label {
        color: var(--p-floatlabel-focus-color);
    }

    .p-floatlabel-in .p-inputtext,
    .p-floatlabel-in .p-textarea,
    .p-floatlabel-in .p-select-label,
    .p-floatlabel-in .p-multiselect-label,
    .p-floatlabel-in .p-multiselect-label:has(.p-chip),
    .p-floatlabel-in .p-autocomplete-input-multiple,
    .p-floatlabel-in .p-cascadeselect-label,
    .p-floatlabel-in .p-treeselect-label {
        padding-block-start: var(--p-floatlabel-in-input-padding-top);
        padding-block-end: var(--p-floatlabel-in-input-padding-bottom);
    }

    .p-floatlabel-in:has(input:focus) label,
    .p-floatlabel-in:has(input.p-filled) label,
    .p-floatlabel-in:has(input:-webkit-autofill) label,
    .p-floatlabel-in:has(textarea:focus) label,
    .p-floatlabel-in:has(textarea.p-filled) label,
    .p-floatlabel-in:has(.p-inputwrapper-focus) label,
    .p-floatlabel-in:has(.p-inputwrapper-filled) label,
    .p-floatlabel-in:has(input[placeholder]) label,
    .p-floatlabel-in:has(textarea[placeholder]) label {
        top: var(--p-floatlabel-in-active-top);
    }

    .p-floatlabel-on:has(input:focus) label,
    .p-floatlabel-on:has(input.p-filled) label,
    .p-floatlabel-on:has(input:-webkit-autofill) label,
    .p-floatlabel-on:has(textarea:focus) label,
    .p-floatlabel-on:has(textarea.p-filled) label,
    .p-floatlabel-on:has(.p-inputwrapper-focus) label,
    .p-floatlabel-on:has(.p-inputwrapper-filled) label,
    .p-floatlabel-on:has(input[placeholder]) label,
    .p-floatlabel-on:has(textarea[placeholder]) label {
        top: 0;
        transform: translateY(-50%);
        border-radius: var(--p-floatlabel-on-border-radius);
        background: var(--p-floatlabel-on-active-background);
        padding: var(--p-floatlabel-on-active-padding);
    }

    .p-floatlabel:has([class^='p-'][class$='-fluid']) {
        width: 100%;
    }

    .p-floatlabel:has(.p-invalid) label {
        color: var(--p-floatlabel-invalid-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-iconfield-icon-color: var(--p-form-field-icon-color);
    }
}

/* ========================================= */

@layer primevue {
    .p-iconfield {
        position: relative;
        display: block;
    }

    .p-inputicon {
        position: absolute;
        top: 50%;
        margin-top: calc(-1 * (var(--p-icon-size) / 2));
        color: var(--p-iconfield-icon-color);
        line-height: 1;
        z-index: 1;
    }

    .p-iconfield .p-inputicon:first-child {
        inset-inline-start: var(--p-form-field-padding-x);
    }

    .p-iconfield .p-inputicon:last-child {
        inset-inline-end: var(--p-form-field-padding-x);
    }

    .p-iconfield .p-inputtext:not(:first-child),
    .p-iconfield .p-inputwrapper:not(:first-child) .p-inputtext {
        padding-inline-start: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-iconfield .p-inputtext:not(:last-child) {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-iconfield:has(.p-inputfield-sm) .p-inputicon {
        font-size: var(--p-form-field-sm-font-size);
        width: var(--p-form-field-sm-font-size);
        height: var(--p-form-field-sm-font-size);
        margin-top: calc(-1 * (var(--p-form-field-sm-font-size) / 2));
    }

    .p-iconfield:has(.p-inputfield-lg) .p-inputicon {
        font-size: var(--p-form-field-lg-font-size);
        width: var(--p-form-field-lg-font-size);
        height: var(--p-form-field-lg-font-size);
        margin-top: calc(-1 * (var(--p-form-field-lg-font-size) / 2));
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-iftalabel-input-padding-top: 1.5rem;
        --p-iftalabel-input-padding-bottom: var(--p-form-field-padding-y);
        --p-iftalabel-color: var(--p-form-field-float-label-color);
        --p-iftalabel-focus-color: var(--p-form-field-float-label-focus-color);
        --p-iftalabel-invalid-color: var(--p-form-field-float-label-invalid-color);
        --p-iftalabel-transition-duration: 0.2s;
        --p-iftalabel-position-x: var(--p-form-field-padding-x);
        --p-iftalabel-top: var(--p-form-field-padding-y);
        --p-iftalabel-font-size: 0.75rem;
        --p-iftalabel-font-weight: 400;
    }
}

/* ========================================= */

@layer primevue {
    .p-iftalabel {
        display: block;
        position: relative;
    }

    .p-iftalabel label {
        position: absolute;
        pointer-events: none;
        top: var(--p-iftalabel-top);
        transition-property: all;
        transition-timing-function: ease;
        line-height: 1;
        font-size: var(--p-iftalabel-font-size);
        font-weight: var(--p-iftalabel-font-weight);
        inset-inline-start: var(--p-iftalabel-position-x);
        color: var(--p-iftalabel-color);
        transition-duration: var(--p-iftalabel-transition-duration);
    }

    .p-iftalabel .p-inputtext,
    .p-iftalabel .p-textarea,
    .p-iftalabel .p-select-label,
    .p-iftalabel .p-multiselect-label,
    .p-iftalabel .p-multiselect-label:has(.p-chip),
    .p-iftalabel .p-autocomplete-input-multiple,
    .p-iftalabel .p-cascadeselect-label,
    .p-iftalabel .p-treeselect-label {
        padding-block-start: var(--p-iftalabel-input-padding-top);
        padding-block-end: var(--p-iftalabel-input-padding-bottom);
    }

    .p-iftalabel:has(.p-invalid) label {
        color: var(--p-iftalabel-invalid-color);
    }

    .p-iftalabel:has(input:focus) label,
    .p-iftalabel:has(input:-webkit-autofill) label,
    .p-iftalabel:has(textarea:focus) label,
    .p-iftalabel:has(.p-inputwrapper-focus) label {
        color: var(--p-iftalabel-focus-color);
    }

    .p-iftalabel .p-inputicon {
        top: var(--p-iftalabel-input-padding-top);
        transform: translateY(25%);
        margin-top: 0;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-inputchips-chip-border-radius: var(--p-border-radius-sm);
        --p-inputchips-background: var(--p-form-field-background);
        --p-inputchips-disabled-background: var(--p-form-field-disabled-background);
        --p-inputchips-filled-background: var(--p-form-field-filled-background);
        --p-inputchips-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-inputchips-border-color: var(--p-form-field-border-color);
        --p-inputchips-hover-border-color: var(--p-form-field-hover-border-color);
        --p-inputchips-focus-border-color: var(--p-form-field-focus-border-color);
        --p-inputchips-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-inputchips-color: var(--p-form-field-color);
        --p-inputchips-disabled-color: var(--p-form-field-disabled-color);
        --p-inputchips-placeholder-color: var(--p-form-field-placeholder-color);
        --p-inputchips-shadow: var(--p-form-field-shadow);
        --p-inputchips-padding-x: var(--p-form-field-padding-x);
        --p-inputchips-padding-y: var(--p-form-field-padding-y);
        --p-inputchips-border-radius: var(--p-form-field-border-radius);
        --p-inputchips-transition-duration: var(--p-form-field-transition-duration);
        --p-inputchips-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-inputchips-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-inputchips-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-inputchips-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-inputchips-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
        --p-inputchips-chip-focus-background: var(--p-surface-200);
        --p-inputchips-chip-color: var(--p-surface-800);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-inputchips {
        display: inline-flex;
    }

    .p-inputchips-input {
        margin: 0;
        list-style-type: none;
        cursor: text;
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: calc(var(--p-inputchips-padding-y) / 2) var(--p-inputchips-padding-x);
        gap: calc(var(--p-inputchips-padding-y) / 2);
        color: var(--p-inputchips-color);
        background: var(--p-inputchips-background);
        border: 1px solid var(--p-inputchips-border-color);
        border-radius: var(--p-inputchips-border-radius);
        width: 100%;
        transition: background var(--p-inputchips-transition-duration), color var(--p-inputchips-transition-duration), border-color var(--p-inputchips-transition-duration), outline-color var(--p-inputchips-transition-duration), box-shadow var(--p-inputchips-transition-duration);
        outline-color: transparent;
        box-shadow: var(--p-inputchips-shadow);
    }

    .p-inputchips:not(.p-disabled):hover .p-inputchips-input {
        border-color: var(--p-inputchips-hover-border-color);
    }

    .p-inputchips:not(.p-disabled).p-focus .p-inputchips-input {
        border-color: var(--p-inputchips-focus-border-color);
        box-shadow: var(--p-inputchips-focus-ring-shadow);
        outline: var(--p-inputchips-focus-ring-width) var(--p-inputchips-focus-ring-style) var(--p-inputchips-focus-ring-color);
        outline-offset: var(--p-inputchips-focus-ring-offset);
    }

    .p-inputchips.p-invalid .p-inputchips-input {
        border-color: var(--p-inputchips-invalid-border-color);
    }

    .p-variant-filled.p-inputchips-input {
        background: var(--p-inputchips-filled-background);
    }

    .p-inputchips:not(.p-disabled).p-focus .p-variant-filled.p-inputchips-input {
        background: var(--p-inputchips-filled-focus-background);
    }

    .p-inputchips.p-disabled .p-inputchips-input {
        opacity: 1;
        background: var(--p-inputchips-disabled-background);
        color: var(--p-inputchips-disabled-color);
    }

    .p-inputchips-chip.p-chip {
        padding-top: calc(var(--p-inputchips-padding-y) / 2);
        padding-bottom: calc(var(--p-inputchips-padding-y) / 2);
        border-radius: var(--p-inputchips-chip-border-radius);
        transition: background var(--p-inputchips-transition-duration), color var(--p-inputchips-transition-duration);
    }

    .p-inputchips-chip-item.p-focus .p-inputchips-chip {
        background: var(--p-inputchips-chip-focus-background);
        color: var(--p-inputchips-chip-focus-color);
    }

    .p-inputchips-input:has(.p-inputchips-chip) {
        padding-left: calc(var(--p-inputchips-padding-y) / 2);
        padding-right: calc(var(--p-inputchips-padding-y) / 2);
    }

    .p-inputchips-input-item {
        flex: 1 1 auto;
        display: inline-flex;
        padding-top: calc(var(--p-inputchips-padding-y) / 2);
        padding-bottom: calc(var(--p-inputchips-padding-y) / 2);
    }

    .p-inputchips-input-item input {
        border: 0 none;
        outline: 0 none;
        background: transparent;
        margin: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        width: 100%;
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 1rem;
        color: inherit;
    }

    .p-inputchips-input-item input::placeholder {
        color: var(--p-inputchips-placeholder-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-inputgroup-addon-background: var(--p-form-field-background);
        --p-inputgroup-addon-border-color: var(--p-form-field-border-color);
        --p-inputgroup-addon-color: var(--p-form-field-icon-color);
        --p-inputgroup-addon-border-radius: var(--p-form-field-border-radius);
        --p-inputgroup-addon-padding: 0.5rem;
        --p-inputgroup-addon-min-width: 2.5rem;
    }
}

/* ========================================= */

@layer primevue {

    .p-inputgroup,
    .p-inputgroup .p-iconfield,
    .p-inputgroup .p-floatlabel,
    .p-inputgroup .p-iftalabel {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .p-inputgroup .p-inputtext,
    .p-inputgroup .p-inputwrapper {
        flex: 1 1 auto;
        width: 1%;
    }

    .p-inputgroupaddon {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--p-inputgroup-addon-padding);
        background: var(--p-inputgroup-addon-background);
        color: var(--p-inputgroup-addon-color);
        border-block-start: 1px solid var(--p-inputgroup-addon-border-color);
        border-block-end: 1px solid var(--p-inputgroup-addon-border-color);
        min-width: var(--p-inputgroup-addon-min-width);
    }

    .p-inputgroupaddon:first-child,
    .p-inputgroupaddon+.p-inputgroupaddon {
        border-inline-start: 1px solid var(--p-inputgroup-addon-border-color);
    }

    .p-inputgroupaddon:last-child {
        border-inline-end: 1px solid var(--p-inputgroup-addon-border-color);
    }

    .p-inputgroupaddon:has(.p-button) {
        padding: 0;
        overflow: hidden;
    }

    .p-inputgroupaddon .p-button {
        border-radius: 0;
    }

    .p-inputgroup>.p-component,
    .p-inputgroup>.p-inputwrapper>.p-component,
    .p-inputgroup>.p-iconfield>.p-component,
    .p-inputgroup>.p-floatlabel>.p-component,
    .p-inputgroup>.p-floatlabel>.p-inputwrapper>.p-component,
    .p-inputgroup>.p-iftalabel>.p-component,
    .p-inputgroup>.p-iftalabel>.p-inputwrapper>.p-component {
        border-radius: 0;
        margin: 0;
    }

    .p-inputgroupaddon:first-child,
    .p-inputgroup>.p-component:first-child,
    .p-inputgroup>.p-inputwrapper:first-child>.p-component,
    .p-inputgroup>.p-iconfield:first-child>.p-component,
    .p-inputgroup>.p-floatlabel:first-child>.p-component,
    .p-inputgroup>.p-floatlabel:first-child>.p-inputwrapper>.p-component,
    .p-inputgroup>.p-iftalabel:first-child>.p-component,
    .p-inputgroup>.p-iftalabel:first-child>.p-inputwrapper>.p-component {
        border-start-start-radius: var(--p-inputgroup-addon-border-radius);
        border-end-start-radius: var(--p-inputgroup-addon-border-radius);
    }

    .p-inputgroupaddon:last-child,
    .p-inputgroup>.p-component:last-child,
    .p-inputgroup>.p-inputwrapper:last-child>.p-component,
    .p-inputgroup>.p-iconfield:last-child>.p-component,
    .p-inputgroup>.p-floatlabel:last-child>.p-component,
    .p-inputgroup>.p-floatlabel:last-child>.p-inputwrapper>.p-component,
    .p-inputgroup>.p-iftalabel:last-child>.p-component,
    .p-inputgroup>.p-iftalabel:last-child>.p-inputwrapper>.p-component {
        border-start-end-radius: var(--p-inputgroup-addon-border-radius);
        border-end-end-radius: var(--p-inputgroup-addon-border-radius);
    }

    .p-inputgroup .p-component:focus,
    .p-inputgroup .p-component.p-focus,
    .p-inputgroup .p-inputwrapper-focus,
    .p-inputgroup .p-component:focus~label,
    .p-inputgroup .p-component.p-focus~label,
    .p-inputgroup .p-inputwrapper-focus~label {
        z-index: 1;
    }

    .p-inputgroup>.p-button:not(.p-button-icon-only) {
        width: auto;
    }

    .p-inputgroup .p-iconfield+.p-iconfield .p-inputtext {
        border-inline-start: 0;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-inputnumber-button-width: 2.5rem;
        --p-inputnumber-button-border-radius: var(--p-form-field-border-radius);
        --p-inputnumber-button-vertical-padding: var(--p-form-field-padding-y);
        --p-inputnumber-transition-duration: var(--p-transition-duration);
        --p-inputnumber-button-background: transparent;
        --p-inputnumber-button-hover-background: var(--p-surface-100);
        --p-inputnumber-button-active-background: var(--p-surface-200);
        --p-inputnumber-button-border-color: var(--p-form-field-border-color);
        --p-inputnumber-button-hover-border-color: var(--p-form-field-border-color);
        --p-inputnumber-button-active-border-color: var(--p-form-field-border-color);
        --p-inputnumber-button-color: var(--p-surface-400);
        --p-inputnumber-button-hover-color: var(--p-surface-500);
        --p-inputnumber-button-active-color: var(--p-surface-600);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-inputnumber {
        display: inline-flex;
        position: relative;
    }

    .p-inputnumber-button {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        cursor: pointer;
        background: var(--p-inputnumber-button-background);
        color: var(--p-inputnumber-button-color);
        width: var(--p-inputnumber-button-width);
        transition: background var(--p-inputnumber-transition-duration), color var(--p-inputnumber-transition-duration), border-color var(--p-inputnumber-transition-duration), outline-color var(--p-inputnumber-transition-duration);
    }

    .p-inputnumber-button:disabled {
        cursor: auto;
    }

    .p-inputnumber-button:not(:disabled):hover {
        background: var(--p-inputnumber-button-hover-background);
        color: var(--p-inputnumber-button-hover-color);
    }

    .p-inputnumber-button:not(:disabled):active {
        background: var(--p-inputnumber-button-active-background);
        color: var(--p-inputnumber-button-active-color);
    }

    .p-inputnumber-stacked .p-inputnumber-button {
        position: relative;
        flex: 1 1 auto;
        border: 0 none;
    }

    .p-inputnumber-stacked .p-inputnumber-button-group {
        display: flex;
        flex-direction: column;
        position: absolute;
        inset-block-start: 1px;
        inset-inline-end: 1px;
        height: calc(100% - 2px);
        z-index: 1;
    }

    .p-inputnumber-stacked .p-inputnumber-increment-button {
        padding: 0;
        border-start-end-radius: calc(var(--p-inputnumber-button-border-radius) - 1px);
    }

    .p-inputnumber-stacked .p-inputnumber-decrement-button {
        padding: 0;
        border-end-end-radius: calc(var(--p-inputnumber-button-border-radius) - 1px);
    }

    .p-inputnumber-stacked .p-inputnumber-input {
        padding-inline-end: calc(var(--p-inputnumber-button-width) + var(--p-form-field-padding-x));
    }

    .p-inputnumber-horizontal .p-inputnumber-button {
        border: 1px solid var(--p-inputnumber-button-border-color);
    }

    .p-inputnumber-horizontal .p-inputnumber-button:hover {
        border-color: var(--p-inputnumber-button-hover-border-color);
    }

    .p-inputnumber-horizontal .p-inputnumber-button:active {
        border-color: var(--p-inputnumber-button-active-border-color);
    }

    .p-inputnumber-horizontal .p-inputnumber-increment-button {
        order: 3;
        border-start-end-radius: var(--p-inputnumber-button-border-radius);
        border-end-end-radius: var(--p-inputnumber-button-border-radius);
        border-inline-start: 0 none;
    }

    .p-inputnumber-horizontal .p-inputnumber-input {
        order: 2;
        border-radius: 0;
    }

    .p-inputnumber-horizontal .p-inputnumber-decrement-button {
        order: 1;
        border-start-start-radius: var(--p-inputnumber-button-border-radius);
        border-end-start-radius: var(--p-inputnumber-button-border-radius);
        border-inline-end: 0 none;
    }

    .p-floatlabel:has(.p-inputnumber-horizontal) label {
        margin-inline-start: var(--p-inputnumber-button-width);
    }

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

    .p-inputnumber-vertical .p-inputnumber-button {
        border: 1px solid var(--p-inputnumber-button-border-color);
        padding: var(--p-inputnumber-button-vertical-padding);
    }

    .p-inputnumber-vertical .p-inputnumber-button:hover {
        border-color: var(--p-inputnumber-button-hover-border-color);
    }

    .p-inputnumber-vertical .p-inputnumber-button:active {
        border-color: var(--p-inputnumber-button-active-border-color);
    }

    .p-inputnumber-vertical .p-inputnumber-increment-button {
        order: 1;
        border-start-start-radius: var(--p-inputnumber-button-border-radius);
        border-start-end-radius: var(--p-inputnumber-button-border-radius);
        width: 100%;
        border-block-end: 0 none;
    }

    .p-inputnumber-vertical .p-inputnumber-input {
        order: 2;
        border-radius: 0;
        text-align: center;
    }

    .p-inputnumber-vertical .p-inputnumber-decrement-button {
        order: 3;
        border-end-start-radius: var(--p-inputnumber-button-border-radius);
        border-end-end-radius: var(--p-inputnumber-button-border-radius);
        width: 100%;
        border-block-start: 0 none;
    }

    .p-inputnumber-input {
        flex: 1 1 auto;
    }

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

    .p-inputnumber-fluid .p-inputnumber-input {
        width: 1%;
    }

    .p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {
        width: 100%;
    }

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

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

    .p-inputnumber-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
        cursor: pointer;
        inset-inline-end: var(--p-form-field-padding-x);
        color: var(--p-form-field-icon-color);
    }

    .p-inputnumber:has(.p-inputnumber-clear-icon) .p-inputnumber-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-inputnumber-stacked .p-inputnumber-clear-icon {
        inset-inline-end: calc(var(--p-inputnumber-button-width) + var(--p-form-field-padding-x));
    }

    .p-inputnumber-stacked:has(.p-inputnumber-clear-icon) .p-inputnumber-input {
        padding-inline-end: calc(var(--p-inputnumber-button-width) + (var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-inputnumber-horizontal .p-inputnumber-clear-icon {
        inset-inline-end: calc(var(--p-inputnumber-button-width) + var(--p-form-field-padding-x));
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-inputotp-input-width: 2.5rem;
        --p-inputotp-input-lg-width: 3rem;
        --p-inputotp-input-sm-width: 2rem;
        --p-inputotp-gap: 0.5rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-inputotp {
        display: flex;
        align-items: center;
        gap: var(--p-inputotp-gap);
    }

    .p-inputotp-input {
        text-align: center;
        width: var(--p-inputotp-input-width);
    }

    .p-inputotp-input.p-inputtext-sm {
        text-align: center;
        width: var(--p-inputotp-input-sm-width);
    }

    .p-inputotp-input.p-inputtext-lg {
        text-align: center;
        width: var(--p-inputotp-input-lg-width);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-inputtext-background: var(--p-form-field-background);
        --p-inputtext-disabled-background: var(--p-form-field-disabled-background);
        --p-inputtext-filled-background: var(--p-form-field-filled-background);
        --p-inputtext-filled-hover-background: var(--p-form-field-filled-hover-background);
        --p-inputtext-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-inputtext-border-color: var(--p-form-field-border-color);
        --p-inputtext-hover-border-color: var(--p-form-field-hover-border-color);
        --p-inputtext-focus-border-color: var(--p-form-field-focus-border-color);
        --p-inputtext-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-inputtext-color: var(--p-form-field-color);
        --p-inputtext-disabled-color: var(--p-form-field-disabled-color);
        --p-inputtext-placeholder-color: var(--p-form-field-placeholder-color);
        --p-inputtext-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
        --p-inputtext-shadow: var(--p-form-field-shadow);
        --p-inputtext-padding-x: var(--p-form-field-padding-x);
        --p-inputtext-padding-y: var(--p-form-field-padding-y);
        --p-inputtext-border-radius: var(--p-form-field-border-radius);
        --p-inputtext-transition-duration: var(--p-form-field-transition-duration);
        --p-inputtext-lg-font-size: var(--p-form-field-lg-font-size);
        --p-inputtext-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-inputtext-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-inputtext-sm-font-size: var(--p-form-field-sm-font-size);
        --p-inputtext-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-inputtext-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-inputtext-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-inputtext-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-inputtext-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-inputtext-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-inputtext-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-inputtext {
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 1rem;
        color: var(--p-inputtext-color);
        background: var(--p-inputtext-background);
        padding-block: var(--p-inputtext-padding-y);
        padding-inline: var(--p-inputtext-padding-x);
        border: 1px solid var(--p-inputtext-border-color);
        transition: background var(--p-inputtext-transition-duration), color var(--p-inputtext-transition-duration), border-color var(--p-inputtext-transition-duration), outline-color var(--p-inputtext-transition-duration), box-shadow var(--p-inputtext-transition-duration);
        appearance: none;
        border-radius: var(--p-inputtext-border-radius);
        outline-color: transparent;
        box-shadow: var(--p-inputtext-shadow);
    }

    .p-inputtext:enabled:hover {
        border-color: var(--p-inputtext-hover-border-color);
    }

    .p-inputtext:enabled:focus {
        border-color: var(--p-inputtext-focus-border-color);
        box-shadow: var(--p-inputtext-focus-ring-shadow);
        outline: var(--p-inputtext-focus-ring-width) var(--p-inputtext-focus-ring-style) var(--p-inputtext-focus-ring-color);
        outline-offset: var(--p-inputtext-focus-ring-offset);
    }

    .p-inputtext.p-invalid {
        border-color: var(--p-inputtext-invalid-border-color);
    }

    .p-inputtext.p-variant-filled {
        background: var(--p-inputtext-filled-background);
    }

    .p-inputtext.p-variant-filled:enabled:hover {
        background: var(--p-inputtext-filled-hover-background);
    }

    .p-inputtext.p-variant-filled:enabled:focus {
        background: var(--p-inputtext-filled-focus-background);
    }

    .p-inputtext:disabled {
        opacity: 1;
        background: var(--p-inputtext-disabled-background);
        color: var(--p-inputtext-disabled-color);
    }

    .p-inputtext::placeholder {
        color: var(--p-inputtext-placeholder-color);
    }

    .p-inputtext.p-invalid::placeholder {
        color: var(--p-inputtext-invalid-placeholder-color);
    }

    .p-inputtext-sm {
        font-size: var(--p-inputtext-sm-font-size);
        padding-block: var(--p-inputtext-sm-padding-y);
        padding-inline: var(--p-inputtext-sm-padding-x);
    }

    .p-inputtext-lg {
        font-size: var(--p-inputtext-lg-font-size);
        padding-block: var(--p-inputtext-lg-padding-y);
        padding-inline: var(--p-inputtext-lg-padding-x);
    }

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

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-knob-text-color: var(--p-text-muted-color);
        --p-knob-range-background: var(--p-content-border-color);
        --p-knob-value-background: var(--p-primary-color);
        --p-knob-transition-duration: var(--p-transition-duration);
        --p-knob-focus-ring-width: var(--p-focus-ring-width);
        --p-knob-focus-ring-style: var(--p-focus-ring-style);
        --p-knob-focus-ring-color: var(--p-focus-ring-color);
        --p-knob-focus-ring-offset: var(--p-focus-ring-offset);
        --p-knob-focus-ring-shadow: var(--p-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-knob-range {
        fill: none;
        transition: stroke 0.1s ease-in;
    }

    .p-knob-value {
        animation-name: p-knob-dash-frame;
        animation-fill-mode: forwards;
        fill: none;
    }

    .p-knob-text {
        font-size: 1.3rem;
        text-align: center;
    }

    .p-knob svg {
        border-radius: 50%;
        outline-color: transparent;
        transition: background var(--p-knob-transition-duration), color var(--p-knob-transition-duration), outline-color var(--p-knob-transition-duration), box-shadow var(--p-knob-transition-duration);
    }

    .p-knob svg:focus-visible {
        box-shadow: var(--p-knob-focus-ring-shadow);
        outline: var(--p-knob-focus-ring-width) var(--p-knob-focus-ring-style) var(--p-knob-focus-ring-color);
        outline-offset: var(--p-knob-focus-ring-offset);
    }

    @keyframes p-knob-dash-frame {
        100% {
            stroke-dashoffset: 0;
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-listbox-empty-message-padding: var(--p-list-option-padding);
        --p-listbox-checkmark-color: var(--p-list-option-color);
        --p-listbox-checkmark-gutter-start: -0.375rem;
        --p-listbox-checkmark-gutter-end: 0.375rem;
        --p-listbox-option-group-background: var(--p-list-option-group-background);
        --p-listbox-option-group-color: var(--p-list-option-group-color);
        --p-listbox-option-group-font-weight: var(--p-list-option-group-font-weight);
        --p-listbox-option-group-padding: var(--p-list-option-group-padding);
        --p-listbox-option-focus-background: var(--p-list-option-focus-background);
        --p-listbox-option-selected-background: var(--p-list-option-selected-background);
        --p-listbox-option-selected-focus-background: var(--p-list-option-selected-focus-background);
        --p-listbox-option-color: var(--p-list-option-color);
        --p-listbox-option-focus-color: var(--p-list-option-focus-color);
        --p-listbox-option-selected-color: var(--p-list-option-selected-color);
        --p-listbox-option-selected-focus-color: var(--p-list-option-selected-focus-color);
        --p-listbox-option-padding: var(--p-list-option-padding);
        --p-listbox-option-border-radius: var(--p-list-option-border-radius);
        --p-listbox-list-padding: var(--p-list-padding);
        --p-listbox-list-gap: var(--p-list-gap);
        --p-listbox-list-header-padding: var(--p-list-header-padding);
        --p-listbox-background: var(--p-form-field-background);
        --p-listbox-disabled-background: var(--p-form-field-disabled-background);
        --p-listbox-border-color: var(--p-form-field-border-color);
        --p-listbox-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-listbox-color: var(--p-form-field-color);
        --p-listbox-disabled-color: var(--p-form-field-disabled-color);
        --p-listbox-shadow: var(--p-form-field-shadow);
        --p-listbox-border-radius: var(--p-form-field-border-radius);
        --p-listbox-transition-duration: var(--p-form-field-transition-duration);
        --p-listbox-option-striped-background: var(--p-surface-50);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-listbox {
        display: block;
        background: var(--p-listbox-background);
        color: var(--p-listbox-color);
        border: 1px solid var(--p-listbox-border-color);
        border-radius: var(--p-listbox-border-radius);
        transition: background var(--p-listbox-transition-duration), color var(--p-listbox-transition-duration), border-color var(--p-listbox-transition-duration), box-shadow var(--p-listbox-transition-duration), outline-color var(--p-listbox-transition-duration);
        outline-color: transparent;
        box-shadow: var(--p-listbox-shadow);
    }

    .p-listbox.p-disabled {
        opacity: 1;
        background: var(--p-listbox-disabled-background);
        color: var(--p-listbox-disabled-color);
    }

    .p-listbox.p-disabled .p-listbox-option {
        color: var(--p-listbox-disabled-color);
    }

    .p-listbox.p-invalid {
        border-color: var(--p-listbox-invalid-border-color);
    }

    .p-listbox-header {
        padding: var(--p-listbox-list-header-padding);
    }

    .p-listbox-filter {
        width: 100%;
    }

    .p-listbox-list-container {
        overflow: auto;
    }

    .p-listbox-list {
        list-style-type: none;
        margin: 0;
        padding: var(--p-listbox-list-padding);
        outline: 0 none;
        display: flex;
        flex-direction: column;
        gap: var(--p-listbox-list-gap);
    }

    .p-listbox-option {
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        padding: var(--p-listbox-option-padding);
        border: 0 none;
        border-radius: var(--p-listbox-option-border-radius);
        color: var(--p-listbox-option-color);
        transition: background var(--p-listbox-transition-duration), color var(--p-listbox-transition-duration), border-color var(--p-listbox-transition-duration), box-shadow var(--p-listbox-transition-duration), outline-color var(--p-listbox-transition-duration);
    }

    .p-listbox-striped li:nth-child(even of .p-listbox-option) {
        background: var(--p-listbox-option-striped-background);
    }

    .p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected {
        background: var(--p-listbox-option-selected-background);
        color: var(--p-listbox-option-selected-color);
    }

    .p-listbox:not(.p-disabled) .p-listbox-option.p-listbox-option-selected.p-focus {
        background: var(--p-listbox-option-selected-focus-background);
        color: var(--p-listbox-option-selected-focus-color);
    }

    .p-listbox:not(.p-disabled) .p-listbox-option:not(.p-listbox-option-selected):not(.p-disabled).p-focus {
        background: var(--p-listbox-option-focus-background);
        color: var(--p-listbox-option-focus-color);
    }

    .p-listbox:not(.p-disabled) .p-listbox-option:not(.p-listbox-option-selected):not(.p-disabled):hover {
        background: var(--p-listbox-option-focus-background);
        color: var(--p-listbox-option-focus-color);
    }

    .p-listbox-option-blank-icon {
        flex-shrink: 0;
    }

    .p-listbox-option-check-icon {
        position: relative;
        flex-shrink: 0;
        margin-inline-start: var(--p-listbox-checkmark-gutter-start);
        margin-inline-end: var(--p-listbox-checkmark-gutter-end);
        color: var(--p-listbox-checkmark-color);
    }

    .p-listbox-option-group {
        margin: 0;
        padding: var(--p-listbox-option-group-padding);
        color: var(--p-listbox-option-group-color);
        background: var(--p-listbox-option-group-background);
        font-weight: var(--p-listbox-option-group-font-weight);
    }

    .p-listbox-empty-message {
        padding: var(--p-listbox-empty-message-padding);
    }

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

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-multiselect-empty-message-padding: var(--p-list-option-padding);
        --p-multiselect-clear-icon-color: var(--p-form-field-icon-color);
        --p-multiselect-chip-border-radius: var(--p-border-radius-sm);
        --p-multiselect-option-group-background: var(--p-list-option-group-background);
        --p-multiselect-option-group-color: var(--p-list-option-group-color);
        --p-multiselect-option-group-font-weight: var(--p-list-option-group-font-weight);
        --p-multiselect-option-group-padding: var(--p-list-option-group-padding);
        --p-multiselect-option-focus-background: var(--p-list-option-focus-background);
        --p-multiselect-option-selected-background: var(--p-list-option-selected-background);
        --p-multiselect-option-selected-focus-background: var(--p-list-option-selected-focus-background);
        --p-multiselect-option-color: var(--p-list-option-color);
        --p-multiselect-option-focus-color: var(--p-list-option-focus-color);
        --p-multiselect-option-selected-color: var(--p-list-option-selected-color);
        --p-multiselect-option-selected-focus-color: var(--p-list-option-selected-focus-color);
        --p-multiselect-option-padding: var(--p-list-option-padding);
        --p-multiselect-option-border-radius: var(--p-list-option-border-radius);
        --p-multiselect-option-gap: 0.5rem;
        --p-multiselect-list-padding: var(--p-list-padding);
        --p-multiselect-list-gap: var(--p-list-gap);
        --p-multiselect-list-header-padding: var(--p-list-header-padding);
        --p-multiselect-overlay-background: var(--p-overlay-select-background);
        --p-multiselect-overlay-border-color: var(--p-overlay-select-border-color);
        --p-multiselect-overlay-border-radius: var(--p-overlay-select-border-radius);
        --p-multiselect-overlay-color: var(--p-overlay-select-color);
        --p-multiselect-overlay-shadow: var(--p-overlay-select-shadow);
        --p-multiselect-dropdown-width: 2.5rem;
        --p-multiselect-dropdown-color: var(--p-form-field-icon-color);
        --p-multiselect-background: var(--p-form-field-background);
        --p-multiselect-disabled-background: var(--p-form-field-disabled-background);
        --p-multiselect-filled-background: var(--p-form-field-filled-background);
        --p-multiselect-filled-hover-background: var(--p-form-field-filled-hover-background);
        --p-multiselect-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-multiselect-border-color: var(--p-form-field-border-color);
        --p-multiselect-hover-border-color: var(--p-form-field-hover-border-color);
        --p-multiselect-focus-border-color: var(--p-form-field-focus-border-color);
        --p-multiselect-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-multiselect-color: var(--p-form-field-color);
        --p-multiselect-disabled-color: var(--p-form-field-disabled-color);
        --p-multiselect-placeholder-color: var(--p-form-field-placeholder-color);
        --p-multiselect-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
        --p-multiselect-shadow: var(--p-form-field-shadow);
        --p-multiselect-padding-x: var(--p-form-field-padding-x);
        --p-multiselect-padding-y: var(--p-form-field-padding-y);
        --p-multiselect-border-radius: var(--p-form-field-border-radius);
        --p-multiselect-transition-duration: var(--p-form-field-transition-duration);
        --p-multiselect-lg-font-size: var(--p-form-field-lg-font-size);
        --p-multiselect-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-multiselect-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-multiselect-sm-font-size: var(--p-form-field-sm-font-size);
        --p-multiselect-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-multiselect-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-multiselect-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-multiselect-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-multiselect-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-multiselect-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-multiselect-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-multiselect {
        display: inline-flex;
        cursor: pointer;
        position: relative;
        user-select: none;
        background: var(--p-multiselect-background);
        border: 1px solid var(--p-multiselect-border-color);
        transition: background var(--p-multiselect-transition-duration), color var(--p-multiselect-transition-duration), border-color var(--p-multiselect-transition-duration), outline-color var(--p-multiselect-transition-duration), box-shadow var(--p-multiselect-transition-duration);
        border-radius: var(--p-multiselect-border-radius);
        outline-color: transparent;
        box-shadow: var(--p-multiselect-shadow);
    }

    .p-multiselect:not(.p-disabled):hover {
        border-color: var(--p-multiselect-hover-border-color);
    }

    .p-multiselect:not(.p-disabled).p-focus {
        border-color: var(--p-multiselect-focus-border-color);
        box-shadow: var(--p-multiselect-focus-ring-shadow);
        outline: var(--p-multiselect-focus-ring-width) var(--p-multiselect-focus-ring-style) var(--p-multiselect-focus-ring-color);
        outline-offset: var(--p-multiselect-focus-ring-offset);
    }

    .p-multiselect.p-variant-filled {
        background: var(--p-multiselect-filled-background);
    }

    .p-multiselect.p-variant-filled:not(.p-disabled):hover {
        background: var(--p-multiselect-filled-hover-background);
    }

    .p-multiselect.p-variant-filled.p-focus {
        background: var(--p-multiselect-filled-focus-background);
    }

    .p-multiselect.p-invalid {
        border-color: var(--p-multiselect-invalid-border-color);
    }

    .p-multiselect.p-disabled {
        opacity: 1;
        background: var(--p-multiselect-disabled-background);
    }

    .p-multiselect-dropdown {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: transparent;
        color: var(--p-multiselect-dropdown-color);
        width: var(--p-multiselect-dropdown-width);
        border-start-end-radius: var(--p-multiselect-border-radius);
        border-end-end-radius: var(--p-multiselect-border-radius);
    }

    .p-multiselect-clear-icon {
        align-self: center;
        color: var(--p-multiselect-clear-icon-color);
        inset-inline-end: var(--p-multiselect-dropdown-width);
    }

    .p-multiselect-label-container {
        overflow: hidden;
        flex: 1 1 auto;
        cursor: pointer;
    }

    .p-multiselect-label {
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: var(--p-multiselect-padding-y) var(--p-multiselect-padding-x);
        color: var(--p-multiselect-color);
    }

    .p-multiselect-display-chip .p-multiselect-label {
        display: flex;
        align-items: center;
        gap: calc(var(--p-multiselect-padding-y) / 2);
    }

    .p-multiselect-label.p-placeholder {
        color: var(--p-multiselect-placeholder-color);
    }

    .p-multiselect.p-invalid .p-multiselect-label.p-placeholder {
        color: var(--p-multiselect-invalid-placeholder-color);
    }

    .p-multiselect.p-disabled .p-multiselect-label {
        color: var(--p-multiselect-disabled-color);
    }

    .p-multiselect-label-empty {
        overflow: hidden;
        visibility: hidden;
    }

    .p-multiselect-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--p-multiselect-overlay-background);
        color: var(--p-multiselect-overlay-color);
        border: 1px solid var(--p-multiselect-overlay-border-color);
        border-radius: var(--p-multiselect-overlay-border-radius);
        box-shadow: var(--p-multiselect-overlay-shadow);
        min-width: 100%;
    }

    .p-multiselect-header {
        display: flex;
        align-items: center;
        padding: var(--p-multiselect-list-header-padding);
    }

    .p-multiselect-header .p-checkbox {
        margin-inline-end: var(--p-multiselect-option-gap);
    }

    .p-multiselect-filter-container {
        flex: 1 1 auto;
    }

    .p-multiselect-filter {
        width: 100%;
    }

    .p-multiselect-list-container {
        overflow: auto;
    }

    .p-multiselect-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding: var(--p-multiselect-list-padding);
        display: flex;
        flex-direction: column;
        gap: var(--p-multiselect-list-gap);
    }

    .p-multiselect-option {
        cursor: pointer;
        font-weight: normal;
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        gap: var(--p-multiselect-option-gap);
        padding: var(--p-multiselect-option-padding);
        border: 0 none;
        color: var(--p-multiselect-option-color);
        background: transparent;
        transition: background var(--p-multiselect-transition-duration), color var(--p-multiselect-transition-duration), border-color var(--p-multiselect-transition-duration), box-shadow var(--p-multiselect-transition-duration), outline-color var(--p-multiselect-transition-duration);
        border-radius: var(--p-multiselect-option-border-radius);
    }

    .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {
        background: var(--p-multiselect-option-focus-background);
        color: var(--p-multiselect-option-focus-color);
    }

    .p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled):hover {
        background: var(--p-multiselect-option-focus-background);
        color: var(--p-multiselect-option-focus-color);
    }

    .p-multiselect-option.p-multiselect-option-selected {
        background: var(--p-multiselect-option-selected-background);
        color: var(--p-multiselect-option-selected-color);
    }

    .p-multiselect-option.p-multiselect-option-selected.p-focus {
        background: var(--p-multiselect-option-selected-focus-background);
        color: var(--p-multiselect-option-selected-focus-color);
    }

    .p-multiselect-option-group {
        cursor: auto;
        margin: 0;
        padding: var(--p-multiselect-option-group-padding);
        background: var(--p-multiselect-option-group-background);
        color: var(--p-multiselect-option-group-color);
        font-weight: var(--p-multiselect-option-group-font-weight);
    }

    .p-multiselect-empty-message {
        padding: var(--p-multiselect-empty-message-padding);
    }

    .p-multiselect-label .p-chip {
        padding-block-start: calc(var(--p-multiselect-padding-y) / 2);
        padding-block-end: calc(var(--p-multiselect-padding-y) / 2);
        border-radius: var(--p-multiselect-chip-border-radius);
    }

    .p-multiselect-label:has(.p-chip) {
        padding: calc(var(--p-multiselect-padding-y) / 2) calc(var(--p-multiselect-padding-x) / 2);
    }

    .p-multiselect-fluid {
        display: flex;
        width: 100%;
    }

    .p-multiselect-sm .p-multiselect-label {
        font-size: var(--p-multiselect-sm-font-size);
        padding-block: var(--p-multiselect-sm-padding-y);
        padding-inline: var(--p-multiselect-sm-padding-x);
    }

    .p-multiselect-sm .p-multiselect-dropdown .p-icon {
        font-size: var(--p-multiselect-sm-font-size);
        width: var(--p-multiselect-sm-font-size);
        height: var(--p-multiselect-sm-font-size);
    }

    .p-multiselect-lg .p-multiselect-label {
        font-size: var(--p-multiselect-lg-font-size);
        padding-block: var(--p-multiselect-lg-padding-y);
        padding-inline: var(--p-multiselect-lg-padding-x);
    }

    .p-multiselect-lg .p-multiselect-dropdown .p-icon {
        font-size: var(--p-multiselect-lg-font-size);
        width: var(--p-multiselect-lg-font-size);
        height: var(--p-multiselect-lg-font-size);
    }

    .p-floatlabel-in .p-multiselect-filter {
        padding-block-start: var(--p-multiselect-padding-y);
        padding-block-end: var(--p-multiselect-padding-y);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-password-content-gap: 0.5rem;
        --p-password-overlay-background: var(--p-overlay-popover-background);
        --p-password-overlay-border-color: var(--p-overlay-popover-border-color);
        --p-password-overlay-border-radius: var(--p-overlay-popover-border-radius);
        --p-password-overlay-color: var(--p-overlay-popover-color);
        --p-password-overlay-padding: var(--p-overlay-popover-padding);
        --p-password-overlay-shadow: var(--p-overlay-popover-shadow);
        --p-password-icon-color: var(--p-form-field-icon-color);
        --p-password-meter-background: var(--p-content-border-color);
        --p-password-meter-border-radius: var(--p-content-border-radius);
        --p-password-meter-height: .75rem;
        --p-password-strength-weak-background: var(--p-red-500);
        --p-password-strength-medium-background: var(--p-amber-500);
        --p-password-strength-strong-background: var(--p-green-500);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-password {
        display: inline-flex;
        position: relative;
    }

    .p-password .p-password-overlay {
        min-width: 100%;
    }

    .p-password-meter {
        height: var(--p-password-meter-height);
        background: var(--p-password-meter-background);
        border-radius: var(--p-password-meter-border-radius);
    }

    .p-password-meter-label {
        height: 100%;
        width: 0;
        transition: width 1s ease-in-out;
        border-radius: var(--p-password-meter-border-radius);
    }

    .p-password-meter-weak {
        background: var(--p-password-strength-weak-background);
    }

    .p-password-meter-medium {
        background: var(--p-password-strength-medium-background);
    }

    .p-password-meter-strong {
        background: var(--p-password-strength-strong-background);
    }

    .p-password-fluid {
        display: flex;
    }

    .p-password-fluid .p-password-input {
        width: 100%;
    }

    .p-password-input::-ms-reveal,
    .p-password-input::-ms-clear {
        display: none;
    }

    .p-password-overlay {
        padding: var(--p-password-overlay-padding);
        background: var(--p-password-overlay-background);
        color: var(--p-password-overlay-color);
        border: 1px solid var(--p-password-overlay-border-color);
        box-shadow: var(--p-password-overlay-shadow);
        border-radius: var(--p-password-overlay-border-radius);
    }

    .p-password-content {
        display: flex;
        flex-direction: column;
        gap: var(--p-password-content-gap);
    }

    .p-password-toggle-mask-icon {
        inset-inline-end: var(--p-form-field-padding-x);
        color: var(--p-password-icon-color);
        position: absolute;
        top: 50%;
        margin-top: calc(-1 * calc(var(--p-icon-size) / 2));
        width: var(--p-icon-size);
        height: var(--p-icon-size);
    }

    .p-password-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
        cursor: pointer;
        inset-inline-end: var(--p-form-field-padding-x);
        color: var(--p-form-field-icon-color);
    }

    .p-password:has(.p-password-toggle-mask-icon) .p-password-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-password:has(.p-password-toggle-mask-icon) .p-password-clear-icon {
        inset-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-password:has(.p-password-clear-icon) .p-password-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
    }

    .p-password:has(.p-password-clear-icon):has(.p-password-toggle-mask-icon) .p-password-input {
        padding-inline-end: calc((var(--p-form-field-padding-x) * 3) + calc(var(--p-icon-size) * 2));
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-radiobutton-icon-size: 0.75rem;
        --p-radiobutton-icon-checked-color: var(--p-primary-contrast-color);
        --p-radiobutton-icon-checked-hover-color: var(--p-primary-contrast-color);
        --p-radiobutton-icon-disabled-color: var(--p-form-field-disabled-color);
        --p-radiobutton-icon-lg-size: 1rem;
        --p-radiobutton-icon-sm-size: 0.5rem;
        --p-radiobutton-width: 1.25rem;
        --p-radiobutton-height: 1.25rem;
        --p-radiobutton-background: var(--p-form-field-background);
        --p-radiobutton-checked-background: var(--p-primary-color);
        --p-radiobutton-checked-hover-background: var(--p-primary-hover-color);
        --p-radiobutton-disabled-background: var(--p-form-field-disabled-background);
        --p-radiobutton-filled-background: var(--p-form-field-filled-background);
        --p-radiobutton-border-color: var(--p-form-field-border-color);
        --p-radiobutton-hover-border-color: var(--p-form-field-hover-border-color);
        --p-radiobutton-focus-border-color: var(--p-form-field-border-color);
        --p-radiobutton-checked-border-color: var(--p-primary-color);
        --p-radiobutton-checked-hover-border-color: var(--p-primary-hover-color);
        --p-radiobutton-checked-focus-border-color: var(--p-primary-color);
        --p-radiobutton-checked-disabled-border-color: var(--p-form-field-border-color);
        --p-radiobutton-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-radiobutton-shadow: var(--p-form-field-shadow);
        --p-radiobutton-transition-duration: var(--p-form-field-transition-duration);
        --p-radiobutton-lg-width: 1.5rem;
        --p-radiobutton-lg-height: 1.5rem;
        --p-radiobutton-sm-width: 1rem;
        --p-radiobutton-sm-height: 1rem;
        --p-radiobutton-focus-ring-width: var(--p-focus-ring-width);
        --p-radiobutton-focus-ring-style: var(--p-focus-ring-style);
        --p-radiobutton-focus-ring-color: var(--p-focus-ring-color);
        --p-radiobutton-focus-ring-offset: var(--p-focus-ring-offset);
        --p-radiobutton-focus-ring-shadow: var(--p-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-radiobutton {
        position: relative;
        display: inline-flex;
        user-select: none;
        vertical-align: bottom;
        width: var(--p-radiobutton-width);
        height: var(--p-radiobutton-height);
    }

    .p-radiobutton-input {
        cursor: pointer;
        appearance: none;
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        opacity: 0;
        z-index: 1;
        outline: 0 none;
        border: 1px solid transparent;
        border-radius: 50%;
    }

    .p-radiobutton-box {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 1px solid var(--p-radiobutton-border-color);
        background: var(--p-radiobutton-background);
        width: var(--p-radiobutton-width);
        height: var(--p-radiobutton-height);
        transition: background var(--p-radiobutton-transition-duration), color var(--p-radiobutton-transition-duration), border-color var(--p-radiobutton-transition-duration), box-shadow var(--p-radiobutton-transition-duration), outline-color var(--p-radiobutton-transition-duration);
        outline-color: transparent;
        box-shadow: var(--p-radiobutton-shadow);
    }

    .p-radiobutton-icon {
        transition-duration: var(--p-radiobutton-transition-duration);
        background: transparent;
        font-size: var(--p-radiobutton-icon-size);
        width: var(--p-radiobutton-icon-size);
        height: var(--p-radiobutton-icon-size);
        border-radius: 50%;
        backface-visibility: hidden;
        transform: translateZ(0) scale(0.1);
    }

    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
        border-color: var(--p-radiobutton-hover-border-color);
    }

    .p-radiobutton-checked .p-radiobutton-box {
        border-color: var(--p-radiobutton-checked-border-color);
        background: var(--p-radiobutton-checked-background);
    }

    .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
        background: var(--p-radiobutton-icon-checked-color);
        transform: translateZ(0) scale(1, 1);
        visibility: visible;
    }

    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
        border-color: var(--p-radiobutton-checked-hover-border-color);
        background: var(--p-radiobutton-checked-hover-background);
    }

    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
        background: var(--p-radiobutton-icon-checked-hover-color);
    }

    .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
        border-color: var(--p-radiobutton-focus-border-color);
        box-shadow: var(--p-radiobutton-focus-ring-shadow);
        outline: var(--p-radiobutton-focus-ring-width) var(--p-radiobutton-focus-ring-style) var(--p-radiobutton-focus-ring-color);
        outline-offset: var(--p-radiobutton-focus-ring-offset);
    }

    .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
        border-color: var(--p-radiobutton-checked-focus-border-color);
    }

    .p-radiobutton.p-invalid>.p-radiobutton-box {
        border-color: var(--p-radiobutton-invalid-border-color);
    }

    .p-radiobutton.p-variant-filled .p-radiobutton-box {
        background: var(--p-radiobutton-filled-background);
    }

    .p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {
        background: var(--p-radiobutton-checked-background);
    }

    .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {
        background: var(--p-radiobutton-checked-hover-background);
    }

    .p-radiobutton.p-disabled {
        opacity: 1;
    }

    .p-radiobutton.p-disabled .p-radiobutton-box {
        background: var(--p-radiobutton-disabled-background);
        border-color: var(--p-radiobutton-checked-disabled-border-color);
    }

    .p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {
        background: var(--p-radiobutton-icon-disabled-color);
    }

    .p-radiobutton-sm,
    .p-radiobutton-sm .p-radiobutton-box {
        width: var(--p-radiobutton-sm-width);
        height: var(--p-radiobutton-sm-height);
    }

    .p-radiobutton-sm .p-radiobutton-icon {
        font-size: var(--p-radiobutton-icon-sm-size);
        width: var(--p-radiobutton-icon-sm-size);
        height: var(--p-radiobutton-icon-sm-size);
    }

    .p-radiobutton-lg,
    .p-radiobutton-lg .p-radiobutton-box {
        width: var(--p-radiobutton-lg-width);
        height: var(--p-radiobutton-lg-height);
    }

    .p-radiobutton-lg .p-radiobutton-icon {
        font-size: var(--p-radiobutton-icon-lg-size);
        width: var(--p-radiobutton-icon-lg-size);
        height: var(--p-radiobutton-icon-lg-size);
    }
}

/* ========================================= */

@layer primevue {
    .p-radiobutton-group {
        display: inline-flex;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-rating-icon-size: 1rem;
        --p-rating-icon-color: var(--p-text-muted-color);
        --p-rating-icon-hover-color: var(--p-primary-color);
        --p-rating-icon-active-color: var(--p-primary-color);
        --p-rating-gap: 0.25rem;
        --p-rating-transition-duration: var(--p-transition-duration);
        --p-rating-focus-ring-width: var(--p-focus-ring-width);
        --p-rating-focus-ring-style: var(--p-focus-ring-style);
        --p-rating-focus-ring-color: var(--p-focus-ring-color);
        --p-rating-focus-ring-offset: var(--p-focus-ring-offset);
        --p-rating-focus-ring-shadow: var(--p-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-rating {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: var(--p-rating-gap);
    }

    .p-rating-option {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        outline-color: transparent;
        border-radius: 50%;
        transition: background var(--p-rating-transition-duration), color var(--p-rating-transition-duration), border-color var(--p-rating-transition-duration), outline-color var(--p-rating-transition-duration), box-shadow var(--p-rating-transition-duration);
    }

    .p-rating-option.p-focus-visible {
        box-shadow: var(--p-rating-focus-ring-shadow);
        outline: var(--p-rating-focus-ring-width) var(--p-rating-focus-ring-style) var(--p-rating-focus-ring-color);
        outline-offset: var(--p-rating-focus-ring-offset);
    }

    .p-rating-icon {
        color: var(--p-rating-icon-color);
        transition: background var(--p-rating-transition-duration), color var(--p-rating-transition-duration), border-color var(--p-rating-transition-duration), outline-color var(--p-rating-transition-duration), box-shadow var(--p-rating-transition-duration);
        font-size: var(--p-rating-icon-size);
        width: var(--p-rating-icon-size);
        height: var(--p-rating-icon-size);
    }

    .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {
        color: var(--p-rating-icon-hover-color);
    }

    .p-rating-option-active .p-rating-icon {
        color: var(--p-rating-icon-active-color);
    }

    .p-rating-icon.p-invalid {
        stroke: var(--p-rating-invalid-icon-color);
    }

    .p-rating.p-readonly .p-rating-option {
        cursor: not-allowed;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-select-empty-message-padding: var(--p-list-option-padding);
        --p-select-checkmark-color: var(--p-list-option-color);
        --p-select-checkmark-gutter-start: -0.375rem;
        --p-select-checkmark-gutter-end: 0.375rem;
        --p-select-clear-icon-color: var(--p-form-field-icon-color);
        --p-select-option-group-background: var(--p-list-option-group-background);
        --p-select-option-group-color: var(--p-list-option-group-color);
        --p-select-option-group-font-weight: var(--p-list-option-group-font-weight);
        --p-select-option-group-padding: var(--p-list-option-group-padding);
        --p-select-option-focus-background: var(--p-list-option-focus-background);
        --p-select-option-selected-background: var(--p-list-option-selected-background);
        --p-select-option-selected-focus-background: var(--p-list-option-selected-focus-background);
        --p-select-option-color: var(--p-list-option-color);
        --p-select-option-focus-color: var(--p-list-option-focus-color);
        --p-select-option-selected-color: var(--p-list-option-selected-color);
        --p-select-option-selected-focus-color: var(--p-list-option-selected-focus-color);
        --p-select-option-padding: var(--p-list-option-padding);
        --p-select-option-border-radius: var(--p-list-option-border-radius);
        --p-select-list-padding: var(--p-list-padding);
        --p-select-list-gap: var(--p-list-gap);
        --p-select-list-header-padding: var(--p-list-header-padding);
        --p-select-overlay-background: var(--p-overlay-select-background);
        --p-select-overlay-border-color: var(--p-overlay-select-border-color);
        --p-select-overlay-border-radius: var(--p-overlay-select-border-radius);
        --p-select-overlay-color: var(--p-overlay-select-color);
        --p-select-overlay-shadow: var(--p-overlay-select-shadow);
        --p-select-dropdown-width: 2.5rem;
        --p-select-dropdown-color: var(--p-form-field-icon-color);
        --p-select-background: var(--p-form-field-background);
        --p-select-disabled-background: var(--p-form-field-disabled-background);
        --p-select-filled-background: var(--p-form-field-filled-background);
        --p-select-filled-hover-background: var(--p-form-field-filled-hover-background);
        --p-select-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-select-border-color: var(--p-form-field-border-color);
        --p-select-hover-border-color: var(--p-form-field-hover-border-color);
        --p-select-focus-border-color: var(--p-form-field-focus-border-color);
        --p-select-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-select-color: var(--p-form-field-color);
        --p-select-disabled-color: var(--p-form-field-disabled-color);
        --p-select-placeholder-color: var(--p-form-field-placeholder-color);
        --p-select-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
        --p-select-shadow: var(--p-form-field-shadow);
        --p-select-padding-x: var(--p-form-field-padding-x);
        --p-select-padding-y: var(--p-form-field-padding-y);
        --p-select-border-radius: var(--p-form-field-border-radius);
        --p-select-transition-duration: var(--p-form-field-transition-duration);
        --p-select-lg-font-size: var(--p-form-field-lg-font-size);
        --p-select-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-select-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-select-sm-font-size: var(--p-form-field-sm-font-size);
        --p-select-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-select-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-select-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-select-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-select-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-select-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-select-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-select {
        display: inline-flex;
        cursor: pointer;
        position: relative;
        user-select: none;
        background: var(--p-select-background);
        border: 1px solid var(--p-select-border-color);
        transition: background var(--p-select-transition-duration), color var(--p-select-transition-duration), border-color var(--p-select-transition-duration), outline-color var(--p-select-transition-duration), box-shadow var(--p-select-transition-duration);
        border-radius: var(--p-select-border-radius);
        outline-color: transparent;
        box-shadow: var(--p-select-shadow);
    }

    .p-select:not(.p-disabled):hover {
        border-color: var(--p-select-hover-border-color);
    }

    .p-select:not(.p-disabled).p-focus {
        border-color: var(--p-select-focus-border-color);
        box-shadow: var(--p-select-focus-ring-shadow);
        outline: var(--p-select-focus-ring-width) var(--p-select-focus-ring-style) var(--p-select-focus-ring-color);
        outline-offset: var(--p-select-focus-ring-offset);
    }

    .p-select.p-variant-filled {
        background: var(--p-select-filled-background);
    }

    .p-select.p-variant-filled:not(.p-disabled):hover {
        background: var(--p-select-filled-hover-background);
    }

    .p-select.p-variant-filled:not(.p-disabled).p-focus {
        background: var(--p-select-filled-focus-background);
    }

    .p-select.p-invalid {
        border-color: var(--p-select-invalid-border-color);
    }

    .p-select.p-disabled {
        opacity: 1;
        background: var(--p-select-disabled-background);
    }

    .p-select-clear-icon {
        align-self: center;
        color: var(--p-select-clear-icon-color);
        inset-inline-end: var(--p-select-dropdown-width);
    }

    .p-select-dropdown {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: transparent;
        color: var(--p-select-dropdown-color);
        width: var(--p-select-dropdown-width);
        border-start-end-radius: var(--p-select-border-radius);
        border-end-end-radius: var(--p-select-border-radius);
    }

    .p-select-label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        flex: 1 1 auto;
        width: 1%;
        padding: var(--p-select-padding-y) var(--p-select-padding-x);
        text-overflow: ellipsis;
        cursor: pointer;
        color: var(--p-select-color);
        background: transparent;
        border: 0 none;
        outline: 0 none;
        font-size: 1rem;
    }

    .p-select-label.p-placeholder {
        color: var(--p-select-placeholder-color);
    }

    .p-select.p-invalid .p-select-label.p-placeholder {
        color: var(--p-select-invalid-placeholder-color);
    }

    .p-select.p-disabled .p-select-label {
        color: var(--p-select-disabled-color);
    }

    .p-select-label-empty {
        overflow: hidden;
        opacity: 0;
    }

    input.p-select-label {
        cursor: default;
    }

    .p-select-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--p-select-overlay-background);
        color: var(--p-select-overlay-color);
        border: 1px solid var(--p-select-overlay-border-color);
        border-radius: var(--p-select-overlay-border-radius);
        box-shadow: var(--p-select-overlay-shadow);
        min-width: 100%;
        transform-origin: inherit;
        will-change: transform;
    }

    .p-select-header {
        padding: var(--p-select-list-header-padding);
    }

    .p-select-filter {
        width: 100%;
    }

    .p-select-list-container {
        overflow: auto;
    }

    .p-select-option-group {
        cursor: auto;
        margin: 0;
        padding: var(--p-select-option-group-padding);
        background: var(--p-select-option-group-background);
        color: var(--p-select-option-group-color);
        font-weight: var(--p-select-option-group-font-weight);
    }

    .p-select-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        padding: var(--p-select-list-padding);
        gap: var(--p-select-list-gap);
        display: flex;
        flex-direction: column;
    }

    .p-select-option {
        cursor: pointer;
        font-weight: normal;
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding: var(--p-select-option-padding);
        border: 0 none;
        color: var(--p-select-option-color);
        background: transparent;
        transition: background var(--p-select-transition-duration), color var(--p-select-transition-duration), border-color var(--p-select-transition-duration), box-shadow var(--p-select-transition-duration), outline-color var(--p-select-transition-duration);
        border-radius: var(--p-select-option-border-radius);
    }

    .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
        background: var(--p-select-option-focus-background);
        color: var(--p-select-option-focus-color);
    }

    .p-select-option:not(.p-select-option-selected):not(.p-disabled):hover {
        background: var(--p-select-option-focus-background);
        color: var(--p-select-option-focus-color);
    }

    .p-select-option.p-select-option-selected {
        background: var(--p-select-option-selected-background);
        color: var(--p-select-option-selected-color);
    }

    .p-select-option.p-select-option-selected.p-focus {
        background: var(--p-select-option-selected-focus-background);
        color: var(--p-select-option-selected-focus-color);
    }

    .p-select-option-blank-icon {
        flex-shrink: 0;
    }

    .p-select-option-check-icon {
        position: relative;
        flex-shrink: 0;
        margin-inline-start: var(--p-select-checkmark-gutter-start);
        margin-inline-end: var(--p-select-checkmark-gutter-end);
        color: var(--p-select-checkmark-color);
    }

    .p-select-empty-message {
        padding: var(--p-select-empty-message-padding);
    }

    .p-select-fluid {
        display: flex;
        width: 100%;
    }

    .p-select-sm .p-select-label {
        font-size: var(--p-select-sm-font-size);
        padding-block: var(--p-select-sm-padding-y);
        padding-inline: var(--p-select-sm-padding-x);
    }

    .p-select-sm .p-select-dropdown .p-icon {
        font-size: var(--p-select-sm-font-size);
        width: var(--p-select-sm-font-size);
        height: var(--p-select-sm-font-size);
    }

    .p-select-lg .p-select-label {
        font-size: var(--p-select-lg-font-size);
        padding-block: var(--p-select-lg-padding-y);
        padding-inline: var(--p-select-lg-padding-x);
    }

    .p-select-lg .p-select-dropdown .p-icon {
        font-size: var(--p-select-lg-font-size);
        width: var(--p-select-lg-font-size);
        height: var(--p-select-lg-font-size);
    }

    .p-floatlabel-in .p-select-filter {
        padding-block-start: var(--p-select-padding-y);
        padding-block-end: var(--p-select-padding-y);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-selectbutton-border-radius: var(--p-form-field-border-radius);
        --p-selectbutton-invalid-border-color: var(--p-form-field-invalid-border-color);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-selectbutton {
        display: inline-flex;
        user-select: none;
        vertical-align: bottom;
        outline-color: transparent;
        border-radius: var(--p-selectbutton-border-radius);
    }

    .p-selectbutton .p-togglebutton {
        border-radius: 0;
        border-width: 1px 1px 1px 0;
    }

    .p-selectbutton .p-togglebutton:focus-visible {
        position: relative;
        z-index: 1;
    }

    .p-selectbutton .p-togglebutton:first-child {
        border-inline-start-width: 1px;
        border-start-start-radius: var(--p-selectbutton-border-radius);
        border-end-start-radius: var(--p-selectbutton-border-radius);
    }

    .p-selectbutton .p-togglebutton:last-child {
        border-start-end-radius: var(--p-selectbutton-border-radius);
        border-end-end-radius: var(--p-selectbutton-border-radius);
    }

    .p-selectbutton.p-invalid {
        outline: 1px solid var(--p-selectbutton-invalid-border-color);
        outline-offset: 0;
    }

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

    .p-selectbutton-fluid .p-togglebutton {
        flex: 1 1 0;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-slider-handle-width: 20px;
        --p-slider-handle-height: 20px;
        --p-slider-handle-border-radius: 50%;
        --p-slider-handle-background: var(--p-content-border-color);
        --p-slider-handle-hover-background: var(--p-content-border-color);
        --p-slider-handle-focus-ring-width: var(--p-focus-ring-width);
        --p-slider-handle-focus-ring-style: var(--p-focus-ring-style);
        --p-slider-handle-focus-ring-color: var(--p-focus-ring-color);
        --p-slider-handle-focus-ring-offset: var(--p-focus-ring-offset);
        --p-slider-handle-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-slider-handle-content-border-radius: 50%;
        --p-slider-handle-content-hover-background: var(--p-content-background);
        --p-slider-handle-content-width: 16px;
        --p-slider-handle-content-height: 16px;
        --p-slider-handle-content-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
        --p-slider-range-background: var(--p-primary-color);
        --p-slider-track-background: var(--p-content-border-color);
        --p-slider-track-border-radius: var(--p-content-border-radius);
        --p-slider-track-size: 3px;
        --p-slider-transition-duration: var(--p-transition-duration);
        --p-slider-handle-content-background: var(--p-surface-0);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-slider {
        display: block;
        position: relative;
        background: var(--p-slider-track-background);
        border-radius: var(--p-slider-track-border-radius);
    }

    .p-slider-handle {
        cursor: grab;
        touch-action: none;
        user-select: none;
        display: flex;
        justify-content: center;
        align-items: center;
        height: var(--p-slider-handle-height);
        width: var(--p-slider-handle-width);
        background: var(--p-slider-handle-background);
        border-radius: var(--p-slider-handle-border-radius);
        transition: background var(--p-slider-transition-duration), color var(--p-slider-transition-duration), border-color var(--p-slider-transition-duration), box-shadow var(--p-slider-transition-duration), outline-color var(--p-slider-transition-duration);
        outline-color: transparent;
    }

    .p-slider-handle::before {
        content: '';
        width: var(--p-slider-handle-content-width);
        height: var(--p-slider-handle-content-height);
        display: block;
        background: var(--p-slider-handle-content-background);
        border-radius: var(--p-slider-handle-content-border-radius);
        box-shadow: var(--p-slider-handle-content-shadow);
        transition: background var(--p-slider-transition-duration);
    }

    .p-slider:not(.p-disabled) .p-slider-handle:hover {
        background: var(--p-slider-handle-hover-background);
    }

    .p-slider:not(.p-disabled) .p-slider-handle:hover::before {
        background: var(--p-slider-handle-content-hover-background);
    }

    .p-slider-handle:focus-visible {
        box-shadow: var(--p-slider-handle-focus-ring-shadow);
        outline: var(--p-slider-handle-focus-ring-width) var(--p-slider-handle-focus-ring-style) var(--p-slider-handle-focus-ring-color);
        outline-offset: var(--p-slider-handle-focus-ring-offset);
    }

    .p-slider-range {
        display: block;
        background: var(--p-slider-range-background);
        border-radius: var(--p-slider-track-border-radius);
    }

    .p-slider.p-slider-horizontal {
        height: var(--p-slider-track-size);
    }

    .p-slider-horizontal .p-slider-range {
        inset-block-start: 0;
        inset-inline-start: 0;
        height: 100%;
    }

    .p-slider-horizontal .p-slider-handle {
        inset-block-start: 50%;
        margin-block-start: calc(-1 * calc(var(--p-slider-handle-height) / 2));
        margin-inline-start: calc(-1 * calc(var(--p-slider-handle-width) / 2));
    }

    .p-slider-vertical {
        min-height: 100px;
        width: var(--p-slider-track-size);
    }

    .p-slider-vertical .p-slider-handle {
        inset-inline-start: 50%;
        margin-inline-start: calc(-1 * calc(var(--p-slider-handle-width) / 2));
        margin-block-end: calc(-1 * calc(var(--p-slider-handle-height) / 2));
    }

    .p-slider-vertical .p-slider-range {
        inset-block-end: 0;
        inset-inline-start: 0;
        width: 100%;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-textarea-background: var(--p-form-field-background);
        --p-textarea-disabled-background: var(--p-form-field-disabled-background);
        --p-textarea-filled-background: var(--p-form-field-filled-background);
        --p-textarea-filled-hover-background: var(--p-form-field-filled-hover-background);
        --p-textarea-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-textarea-border-color: var(--p-form-field-border-color);
        --p-textarea-hover-border-color: var(--p-form-field-hover-border-color);
        --p-textarea-focus-border-color: var(--p-form-field-focus-border-color);
        --p-textarea-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-textarea-color: var(--p-form-field-color);
        --p-textarea-disabled-color: var(--p-form-field-disabled-color);
        --p-textarea-placeholder-color: var(--p-form-field-placeholder-color);
        --p-textarea-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
        --p-textarea-shadow: var(--p-form-field-shadow);
        --p-textarea-padding-x: var(--p-form-field-padding-x);
        --p-textarea-padding-y: var(--p-form-field-padding-y);
        --p-textarea-border-radius: var(--p-form-field-border-radius);
        --p-textarea-transition-duration: var(--p-form-field-transition-duration);
        --p-textarea-lg-font-size: var(--p-form-field-lg-font-size);
        --p-textarea-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-textarea-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-textarea-sm-font-size: var(--p-form-field-sm-font-size);
        --p-textarea-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-textarea-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-textarea-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-textarea-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-textarea-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-textarea-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-textarea-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-textarea {
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 1rem;
        color: var(--p-textarea-color);
        background: var(--p-textarea-background);
        padding-block: var(--p-textarea-padding-y);
        padding-inline: var(--p-textarea-padding-x);
        border: 1px solid var(--p-textarea-border-color);
        transition: background var(--p-textarea-transition-duration), color var(--p-textarea-transition-duration), border-color var(--p-textarea-transition-duration), outline-color var(--p-textarea-transition-duration), box-shadow var(--p-textarea-transition-duration);
        appearance: none;
        border-radius: var(--p-textarea-border-radius);
        outline-color: transparent;
        box-shadow: var(--p-textarea-shadow);
    }

    .p-textarea:enabled:hover {
        border-color: var(--p-textarea-hover-border-color);
    }

    .p-textarea:enabled:focus {
        border-color: var(--p-textarea-focus-border-color);
        box-shadow: var(--p-textarea-focus-ring-shadow);
        outline: var(--p-textarea-focus-ring-width) var(--p-textarea-focus-ring-style) var(--p-textarea-focus-ring-color);
        outline-offset: var(--p-textarea-focus-ring-offset);
    }

    .p-textarea.p-invalid {
        border-color: var(--p-textarea-invalid-border-color);
    }

    .p-textarea.p-variant-filled {
        background: var(--p-textarea-filled-background);
    }

    .p-textarea.p-variant-filled:enabled:hover {
        background: var(--p-textarea-filled-hover-background);
    }

    .p-textarea.p-variant-filled:enabled:focus {
        background: var(--p-textarea-filled-focus-background);
    }

    .p-textarea:disabled {
        opacity: 1;
        background: var(--p-textarea-disabled-background);
        color: var(--p-textarea-disabled-color);
    }

    .p-textarea::placeholder {
        color: var(--p-textarea-placeholder-color);
    }

    .p-textarea.p-invalid::placeholder {
        color: var(--p-textarea-invalid-placeholder-color);
    }

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

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

    .p-textarea-sm {
        font-size: var(--p-textarea-sm-font-size);
        padding-block: var(--p-textarea-sm-padding-y);
        padding-inline: var(--p-textarea-sm-padding-x);
    }

    .p-textarea-lg {
        font-size: var(--p-textarea-lg-font-size);
        padding-block: var(--p-textarea-lg-padding-y);
        padding-inline: var(--p-textarea-lg-padding-x);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-togglebutton-content-padding: 0.25rem 0.75rem;
        --p-togglebutton-content-border-radius: var(--p-content-border-radius);
        --p-togglebutton-content-checked-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
        --p-togglebutton-content-lg-padding: 0.25rem 0.75rem;
        --p-togglebutton-content-sm-padding: 0.25rem 0.75rem;
        --p-togglebutton-icon-disabled-color: var(--p-form-field-disabled-color);
        --p-togglebutton-padding: 0.25rem;
        --p-togglebutton-border-radius: var(--p-content-border-radius);
        --p-togglebutton-gap: 0.5rem;
        --p-togglebutton-font-weight: 500;
        --p-togglebutton-disabled-background: var(--p-form-field-disabled-background);
        --p-togglebutton-disabled-border-color: var(--p-form-field-disabled-background);
        --p-togglebutton-disabled-color: var(--p-form-field-disabled-color);
        --p-togglebutton-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-togglebutton-transition-duration: var(--p-form-field-transition-duration);
        --p-togglebutton-lg-font-size: var(--p-form-field-lg-font-size);
        --p-togglebutton-lg-padding: 0.25rem;
        --p-togglebutton-sm-font-size: var(--p-form-field-sm-font-size);
        --p-togglebutton-sm-padding: 0.25rem;
        --p-togglebutton-focus-ring-width: var(--p-focus-ring-width);
        --p-togglebutton-focus-ring-style: var(--p-focus-ring-style);
        --p-togglebutton-focus-ring-color: var(--p-focus-ring-color);
        --p-togglebutton-focus-ring-offset: var(--p-focus-ring-offset);
        --p-togglebutton-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-togglebutton-icon-color: var(--p-surface-500);
        --p-togglebutton-icon-hover-color: var(--p-surface-700);
        --p-togglebutton-icon-checked-color: var(--p-surface-900);
        --p-togglebutton-content-checked-background: var(--p-surface-0);
        --p-togglebutton-background: var(--p-surface-100);
        --p-togglebutton-checked-background: var(--p-surface-100);
        --p-togglebutton-hover-background: var(--p-surface-100);
        --p-togglebutton-border-color: var(--p-surface-100);
        --p-togglebutton-color: var(--p-surface-500);
        --p-togglebutton-hover-color: var(--p-surface-700);
        --p-togglebutton-checked-color: var(--p-surface-900);
        --p-togglebutton-checked-border-color: var(--p-surface-100);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-togglebutton {
        display: inline-flex;
        cursor: pointer;
        user-select: none;
        overflow: hidden;
        position: relative;
        color: var(--p-togglebutton-color);
        background: var(--p-togglebutton-background);
        border: 1px solid var(--p-togglebutton-border-color);
        padding: var(--p-togglebutton-padding);
        font-size: 1rem;
        font-family: inherit;
        font-feature-settings: inherit;
        transition: background var(--p-togglebutton-transition-duration), color var(--p-togglebutton-transition-duration), border-color var(--p-togglebutton-transition-duration), outline-color var(--p-togglebutton-transition-duration), box-shadow var(--p-togglebutton-transition-duration);
        border-radius: var(--p-togglebutton-border-radius);
        outline-color: transparent;
        font-weight: var(--p-togglebutton-font-weight);
    }

    .p-togglebutton-content {
        display: inline-flex;
        flex: 1 1 auto;
        align-items: center;
        justify-content: center;
        gap: var(--p-togglebutton-gap);
        padding: var(--p-togglebutton-content-padding);
        background: transparent;
        border-radius: var(--p-togglebutton-content-border-radius);
        transition: background var(--p-togglebutton-transition-duration), color var(--p-togglebutton-transition-duration), border-color var(--p-togglebutton-transition-duration), outline-color var(--p-togglebutton-transition-duration), box-shadow var(--p-togglebutton-transition-duration);
    }

    .p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {
        background: var(--p-togglebutton-hover-background);
        color: var(--p-togglebutton-hover-color);
    }

    .p-togglebutton.p-togglebutton-checked {
        background: var(--p-togglebutton-checked-background);
        border-color: var(--p-togglebutton-checked-border-color);
        color: var(--p-togglebutton-checked-color);
    }

    .p-togglebutton-checked .p-togglebutton-content {
        background: var(--p-togglebutton-content-checked-background);
        box-shadow: var(--p-togglebutton-content-checked-shadow);
    }

    .p-togglebutton:focus-visible {
        box-shadow: var(--p-togglebutton-focus-ring-shadow);
        outline: var(--p-togglebutton-focus-ring-width) var(--p-togglebutton-focus-ring-style) var(--p-togglebutton-focus-ring-color);
        outline-offset: var(--p-togglebutton-focus-ring-offset);
    }

    .p-togglebutton.p-invalid {
        border-color: var(--p-togglebutton-invalid-border-color);
    }

    .p-togglebutton:disabled {
        opacity: 1;
        cursor: default;
        background: var(--p-togglebutton-disabled-background);
        border-color: var(--p-togglebutton-disabled-border-color);
        color: var(--p-togglebutton-disabled-color);
    }

    .p-togglebutton-label,
    .p-togglebutton-icon {
        position: relative;
        transition: none;
    }

    .p-togglebutton-icon {
        color: var(--p-togglebutton-icon-color);
    }

    .p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon {
        color: var(--p-togglebutton-icon-hover-color);
    }

    .p-togglebutton.p-togglebutton-checked .p-togglebutton-icon {
        color: var(--p-togglebutton-icon-checked-color);
    }

    .p-togglebutton:disabled .p-togglebutton-icon {
        color: var(--p-togglebutton-icon-disabled-color);
    }

    .p-togglebutton-sm {
        padding: var(--p-togglebutton-sm-padding);
        font-size: var(--p-togglebutton-sm-font-size);
    }

    .p-togglebutton-sm .p-togglebutton-content {
        padding: var(--p-togglebutton-content-sm-padding);
    }

    .p-togglebutton-lg {
        padding: var(--p-togglebutton-lg-padding);
        font-size: var(--p-togglebutton-lg-font-size);
    }

    .p-togglebutton-lg .p-togglebutton-content {
        padding: var(--p-togglebutton-content-lg-padding);
    }

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

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-toggleswitch-handle-border-radius: 50%;
        --p-toggleswitch-handle-size: 1rem;
        --p-toggleswitch-width: 2.5rem;
        --p-toggleswitch-height: 1.5rem;
        --p-toggleswitch-border-radius: 30px;
        --p-toggleswitch-gap: 0.25rem;
        --p-toggleswitch-shadow: var(--p-form-field-shadow);
        --p-toggleswitch-border-width: 1px;
        --p-toggleswitch-border-color: transparent;
        --p-toggleswitch-hover-border-color: transparent;
        --p-toggleswitch-checked-border-color: transparent;
        --p-toggleswitch-checked-hover-border-color: transparent;
        --p-toggleswitch-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-toggleswitch-transition-duration: var(--p-form-field-transition-duration);
        --p-toggleswitch-slide-duration: 0.2s;
        --p-toggleswitch-focus-ring-width: var(--p-focus-ring-width);
        --p-toggleswitch-focus-ring-style: var(--p-focus-ring-style);
        --p-toggleswitch-focus-ring-color: var(--p-focus-ring-color);
        --p-toggleswitch-focus-ring-offset: var(--p-focus-ring-offset);
        --p-toggleswitch-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-toggleswitch-handle-background: var(--p-surface-0);
        --p-toggleswitch-handle-disabled-background: var(--p-form-field-disabled-color);
        --p-toggleswitch-handle-hover-background: var(--p-surface-0);
        --p-toggleswitch-handle-checked-background: var(--p-surface-0);
        --p-toggleswitch-handle-checked-hover-background: var(--p-surface-0);
        --p-toggleswitch-handle-color: var(--p-text-muted-color);
        --p-toggleswitch-handle-hover-color: var(--p-text-color);
        --p-toggleswitch-handle-checked-color: var(--p-primary-color);
        --p-toggleswitch-handle-checked-hover-color: var(--p-primary-hover-color);
        --p-toggleswitch-background: var(--p-surface-300);
        --p-toggleswitch-disabled-background: var(--p-form-field-disabled-background);
        --p-toggleswitch-hover-background: var(--p-surface-400);
        --p-toggleswitch-checked-background: var(--p-primary-color);
        --p-toggleswitch-checked-hover-background: var(--p-primary-hover-color);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-toggleswitch {
        display: inline-block;
        width: var(--p-toggleswitch-width);
        height: var(--p-toggleswitch-height);
    }

    .p-toggleswitch-input {
        cursor: pointer;
        appearance: none;
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        opacity: 0;
        z-index: 1;
        outline: 0 none;
        border-radius: var(--p-toggleswitch-border-radius);
    }

    .p-toggleswitch-slider {
        cursor: pointer;
        width: 100%;
        height: 100%;
        border-width: var(--p-toggleswitch-border-width);
        border-style: solid;
        border-color: var(--p-toggleswitch-border-color);
        background: var(--p-toggleswitch-background);
        transition: background var(--p-toggleswitch-transition-duration), color var(--p-toggleswitch-transition-duration), border-color var(--p-toggleswitch-transition-duration), outline-color var(--p-toggleswitch-transition-duration), box-shadow var(--p-toggleswitch-transition-duration);
        border-radius: var(--p-toggleswitch-border-radius);
        outline-color: transparent;
        box-shadow: var(--p-toggleswitch-shadow);
    }

    .p-toggleswitch-handle {
        position: absolute;
        top: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--p-toggleswitch-handle-background);
        color: var(--p-toggleswitch-handle-color);
        width: var(--p-toggleswitch-handle-size);
        height: var(--p-toggleswitch-handle-size);
        inset-inline-start: var(--p-toggleswitch-gap);
        margin-block-start: calc(-1 * calc(var(--p-toggleswitch-handle-size) / 2));
        border-radius: var(--p-toggleswitch-handle-border-radius);
        transition: background var(--p-toggleswitch-transition-duration), color var(--p-toggleswitch-transition-duration), inset-inline-start var(--p-toggleswitch-slide-duration), box-shadow var(--p-toggleswitch-slide-duration);
    }

    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
        background: var(--p-toggleswitch-checked-background);
        border-color: var(--p-toggleswitch-checked-border-color);
    }

    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
        background: var(--p-toggleswitch-handle-checked-background);
        color: var(--p-toggleswitch-handle-checked-color);
        inset-inline-start: calc(var(--p-toggleswitch-width) - calc(var(--p-toggleswitch-handle-size) + var(--p-toggleswitch-gap)));
    }

    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {
        background: var(--p-toggleswitch-hover-background);
        border-color: var(--p-toggleswitch-hover-border-color);
    }

    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {
        background: var(--p-toggleswitch-handle-hover-background);
        color: var(--p-toggleswitch-handle-hover-color);
    }

    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-slider {
        background: var(--p-toggleswitch-checked-hover-background);
        border-color: var(--p-toggleswitch-checked-hover-border-color);
    }

    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {
        background: var(--p-toggleswitch-handle-checked-hover-background);
        color: var(--p-toggleswitch-handle-checked-hover-color);
    }

    .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-slider {
        box-shadow: var(--p-toggleswitch-focus-ring-shadow);
        outline: var(--p-toggleswitch-focus-ring-width) var(--p-toggleswitch-focus-ring-style) var(--p-toggleswitch-focus-ring-color);
        outline-offset: var(--p-toggleswitch-focus-ring-offset);
    }

    .p-toggleswitch.p-invalid>.p-toggleswitch-slider {
        border-color: var(--p-toggleswitch-invalid-border-color);
    }

    .p-toggleswitch.p-disabled {
        opacity: 1;
    }

    .p-toggleswitch.p-disabled .p-toggleswitch-slider {
        background: var(--p-toggleswitch-disabled-background);
    }

    .p-toggleswitch.p-disabled .p-toggleswitch-handle {
        background: var(--p-toggleswitch-handle-disabled-background);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-treeselect-clear-icon-color: var(--p-form-field-icon-color);
        --p-treeselect-chip-border-radius: var(--p-border-radius-sm);
        --p-treeselect-empty-message-padding: var(--p-list-option-padding);
        --p-treeselect-tree-padding: var(--p-list-padding);
        --p-treeselect-overlay-background: var(--p-overlay-select-background);
        --p-treeselect-overlay-border-color: var(--p-overlay-select-border-color);
        --p-treeselect-overlay-border-radius: var(--p-overlay-select-border-radius);
        --p-treeselect-overlay-color: var(--p-overlay-select-color);
        --p-treeselect-overlay-shadow: var(--p-overlay-select-shadow);
        --p-treeselect-dropdown-width: 2.5rem;
        --p-treeselect-dropdown-color: var(--p-form-field-icon-color);
        --p-treeselect-background: var(--p-form-field-background);
        --p-treeselect-disabled-background: var(--p-form-field-disabled-background);
        --p-treeselect-filled-background: var(--p-form-field-filled-background);
        --p-treeselect-filled-hover-background: var(--p-form-field-filled-hover-background);
        --p-treeselect-filled-focus-background: var(--p-form-field-filled-focus-background);
        --p-treeselect-border-color: var(--p-form-field-border-color);
        --p-treeselect-hover-border-color: var(--p-form-field-hover-border-color);
        --p-treeselect-focus-border-color: var(--p-form-field-focus-border-color);
        --p-treeselect-invalid-border-color: var(--p-form-field-invalid-border-color);
        --p-treeselect-color: var(--p-form-field-color);
        --p-treeselect-disabled-color: var(--p-form-field-disabled-color);
        --p-treeselect-placeholder-color: var(--p-form-field-placeholder-color);
        --p-treeselect-invalid-placeholder-color: var(--p-form-field-invalid-placeholder-color);
        --p-treeselect-shadow: var(--p-form-field-shadow);
        --p-treeselect-padding-x: var(--p-form-field-padding-x);
        --p-treeselect-padding-y: var(--p-form-field-padding-y);
        --p-treeselect-border-radius: var(--p-form-field-border-radius);
        --p-treeselect-transition-duration: var(--p-form-field-transition-duration);
        --p-treeselect-lg-font-size: var(--p-form-field-lg-font-size);
        --p-treeselect-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-treeselect-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-treeselect-sm-font-size: var(--p-form-field-sm-font-size);
        --p-treeselect-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-treeselect-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-treeselect-focus-ring-width: var(--p-form-field-focus-ring-width);
        --p-treeselect-focus-ring-style: var(--p-form-field-focus-ring-style);
        --p-treeselect-focus-ring-color: var(--p-form-field-focus-ring-color);
        --p-treeselect-focus-ring-offset: var(--p-form-field-focus-ring-offset);
        --p-treeselect-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-treeselect {
        display: inline-flex;
        cursor: pointer;
        position: relative;
        user-select: none;
        background: var(--p-treeselect-background);
        border: 1px solid var(--p-treeselect-border-color);
        transition: background var(--p-treeselect-transition-duration), color var(--p-treeselect-transition-duration), border-color var(--p-treeselect-transition-duration), outline-color var(--p-treeselect-transition-duration), box-shadow var(--p-treeselect-transition-duration);
        border-radius: var(--p-treeselect-border-radius);
        outline-color: transparent;
        box-shadow: var(--p-treeselect-shadow);
    }

    .p-treeselect:not(.p-disabled):hover {
        border-color: var(--p-treeselect-hover-border-color);
    }

    .p-treeselect:not(.p-disabled).p-focus {
        border-color: var(--p-treeselect-focus-border-color);
        box-shadow: var(--p-treeselect-focus-ring-shadow);
        outline: var(--p-treeselect-focus-ring-width) var(--p-treeselect-focus-ring-style) var(--p-treeselect-focus-ring-color);
        outline-offset: var(--p-treeselect-focus-ring-offset);
    }

    .p-treeselect.p-variant-filled {
        background: var(--p-treeselect-filled-background);
    }

    .p-treeselect.p-variant-filled:not(.p-disabled):hover {
        background: var(--p-treeselect-filled-hover-background);
    }

    .p-treeselect.p-variant-filled.p-focus {
        background: var(--p-treeselect-filled-focus-background);
    }

    .p-treeselect.p-invalid {
        border-color: var(--p-treeselect-invalid-border-color);
    }

    .p-treeselect.p-disabled {
        opacity: 1;
        background: var(--p-treeselect-disabled-background);
    }

    .p-treeselect-clear-icon {
        align-self: center;
        color: var(--p-treeselect-clear-icon-color);
        inset-inline-end: var(--p-treeselect-dropdown-width);
    }

    .p-treeselect-dropdown {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        background: transparent;
        color: var(--p-treeselect-dropdown-color);
        width: var(--p-treeselect-dropdown-width);
        border-start-end-radius: var(--p-border-radius-md);
        border-end-end-radius: var(--p-border-radius-md);
    }

    .p-treeselect-label-container {
        overflow: hidden;
        flex: 1 1 auto;
        cursor: pointer;
    }

    .p-treeselect-label {
        display: flex;
        align-items: center;
        gap: calc(var(--p-treeselect-padding-y) / 2);
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: var(--p-treeselect-padding-y) var(--p-treeselect-padding-x);
        color: var(--p-treeselect-color);
    }

    .p-treeselect-label.p-placeholder {
        color: var(--p-treeselect-placeholder-color);
    }

    .p-treeselect.p-invalid .p-treeselect-label.p-placeholder {
        color: var(--p-treeselect-invalid-placeholder-color);
    }

    .p-treeselect:has(.p-select-clear-icon) .p-treeselect-label {
        padding-inline-end: var(--p-treeselect-padding-x);
    }

    .p-treeselect.p-disabled .p-treeselect-label {
        color: var(--p-treeselect-disabled-color);
    }

    .p-treeselect-label-empty {
        overflow: hidden;
        visibility: hidden;
    }

    .p-treeselect-overlay {
        position: absolute;
        top: 0;
        left: 0;
        background: var(--p-treeselect-overlay-background);
        color: var(--p-treeselect-overlay-color);
        border: 1px solid var(--p-treeselect-overlay-border-color);
        border-radius: var(--p-treeselect-overlay-border-radius);
        box-shadow: var(--p-treeselect-overlay-shadow);
        overflow: hidden;
        min-width: 100%;
        will-change: transform;
    }

    .p-treeselect-tree-container {
        overflow: auto;
    }

    .p-treeselect-empty-message {
        padding: var(--p-treeselect-empty-message-padding);
        background: transparent;
    }

    .p-treeselect-fluid {
        display: flex;
    }

    .p-treeselect-overlay .p-tree {
        padding: var(--p-treeselect-tree-padding);
    }

    .p-treeselect-overlay .p-tree-loading {
        min-height: 3rem;
    }

    .p-treeselect-label .p-chip {
        padding-block-start: calc(var(--p-treeselect-padding-y) / 2);
        padding-block-end: calc(var(--p-treeselect-padding-y) / 2);
        border-radius: var(--p-treeselect-chip-border-radius);
    }

    .p-treeselect-label:has(.p-chip) {
        padding: calc(var(--p-treeselect-padding-y) / 2) calc(var(--p-treeselect-padding-x) / 2);
    }

    .p-treeselect-sm .p-treeselect-label {
        font-size: var(--p-treeselect-sm-font-size);
        padding-block: var(--p-treeselect-sm-padding-y);
        padding-inline: var(--p-treeselect-sm-padding-x);
    }

    .p-treeselect-sm .p-treeselect-dropdown .p-icon {
        font-size: var(--p-treeselect-sm-font-size);
        width: var(--p-treeselect-sm-font-size);
        height: var(--p-treeselect-sm-font-size);
    }

    .p-treeselect-lg .p-treeselect-label {
        font-size: var(--p-treeselect-lg-font-size);
        padding-block: var(--p-treeselect-lg-padding-y);
        padding-inline: var(--p-treeselect-lg-padding-x);
    }

    .p-treeselect-lg .p-treeselect-dropdown .p-icon {
        font-size: var(--p-treeselect-lg-font-size);
        width: var(--p-treeselect-lg-font-size);
        height: var(--p-treeselect-lg-font-size);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-button-border-radius: var(--p-form-field-border-radius);
        --p-button-rounded-border-radius: 2rem;
        --p-button-gap: 0.5rem;
        --p-button-padding-x: var(--p-form-field-padding-x);
        --p-button-padding-y: var(--p-form-field-padding-y);
        --p-button-icon-only-width: 2.5rem;
        --p-button-raised-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        --p-button-badge-size: 1rem;
        --p-button-transition-duration: var(--p-form-field-transition-duration);
        --p-button-focus-ring-width: var(--p-focus-ring-width);
        --p-button-focus-ring-style: var(--p-focus-ring-style);
        --p-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-button-label-font-weight: 500;
        --p-button-lg-font-size: var(--p-form-field-lg-font-size);
        --p-button-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-button-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-button-lg-icon-only-width: 3rem;
        --p-button-sm-font-size: var(--p-form-field-sm-font-size);
        --p-button-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-button-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-button-sm-icon-only-width: 2rem;
        --p-button-link-color: var(--p-primary-color);
        --p-button-link-hover-color: var(--p-primary-color);
        --p-button-link-active-color: var(--p-primary-color);
        --p-button-text-plain-hover-background: var(--p-surface-50);
        --p-button-text-plain-active-background: var(--p-surface-100);
        --p-button-text-plain-color: var(--p-surface-700);
        --p-button-text-contrast-hover-background: var(--p-surface-50);
        --p-button-text-contrast-active-background: var(--p-surface-100);
        --p-button-text-contrast-color: var(--p-surface-950);
        --p-button-text-danger-hover-background: var(--p-red-50);
        --p-button-text-danger-active-background: var(--p-red-100);
        --p-button-text-danger-color: var(--p-red-500);
        --p-button-text-help-hover-background: var(--p-purple-50);
        --p-button-text-help-active-background: var(--p-purple-100);
        --p-button-text-help-color: var(--p-purple-500);
        --p-button-text-warn-hover-background: var(--p-orange-50);
        --p-button-text-warn-active-background: var(--p-orange-100);
        --p-button-text-warn-color: var(--p-orange-500);
        --p-button-text-info-hover-background: var(--p-sky-50);
        --p-button-text-info-active-background: var(--p-sky-100);
        --p-button-text-info-color: var(--p-sky-500);
        --p-button-text-success-hover-background: var(--p-green-50);
        --p-button-text-success-active-background: var(--p-green-100);
        --p-button-text-success-color: var(--p-green-500);
        --p-button-text-secondary-hover-background: var(--p-surface-50);
        --p-button-text-secondary-active-background: var(--p-surface-100);
        --p-button-text-secondary-color: var(--p-surface-500);
        --p-button-text-primary-hover-background: var(--p-primary-50);
        --p-button-text-primary-active-background: var(--p-primary-100);
        --p-button-text-primary-color: var(--p-primary-color);
        --p-button-outlined-plain-hover-background: var(--p-surface-50);
        --p-button-outlined-plain-active-background: var(--p-surface-100);
        --p-button-outlined-plain-border-color: var(--p-surface-200);
        --p-button-outlined-plain-color: var(--p-surface-700);
        --p-button-outlined-contrast-hover-background: var(--p-surface-50);
        --p-button-outlined-contrast-active-background: var(--p-surface-100);
        --p-button-outlined-contrast-border-color: var(--p-surface-700);
        --p-button-outlined-contrast-color: var(--p-surface-950);
        --p-button-outlined-danger-hover-background: var(--p-red-50);
        --p-button-outlined-danger-active-background: var(--p-red-100);
        --p-button-outlined-danger-border-color: var(--p-red-200);
        --p-button-outlined-danger-color: var(--p-red-500);
        --p-button-outlined-help-hover-background: var(--p-purple-50);
        --p-button-outlined-help-active-background: var(--p-purple-100);
        --p-button-outlined-help-border-color: var(--p-purple-200);
        --p-button-outlined-help-color: var(--p-purple-500);
        --p-button-outlined-warn-hover-background: var(--p-orange-50);
        --p-button-outlined-warn-active-background: var(--p-orange-100);
        --p-button-outlined-warn-border-color: var(--p-orange-200);
        --p-button-outlined-warn-color: var(--p-orange-500);
        --p-button-outlined-info-hover-background: var(--p-sky-50);
        --p-button-outlined-info-active-background: var(--p-sky-100);
        --p-button-outlined-info-border-color: var(--p-sky-200);
        --p-button-outlined-info-color: var(--p-sky-500);
        --p-button-outlined-success-hover-background: var(--p-green-50);
        --p-button-outlined-success-active-background: var(--p-green-100);
        --p-button-outlined-success-border-color: var(--p-green-200);
        --p-button-outlined-success-color: var(--p-green-500);
        --p-button-outlined-secondary-hover-background: var(--p-surface-50);
        --p-button-outlined-secondary-active-background: var(--p-surface-100);
        --p-button-outlined-secondary-border-color: var(--p-surface-200);
        --p-button-outlined-secondary-color: var(--p-surface-500);
        --p-button-outlined-primary-hover-background: var(--p-primary-50);
        --p-button-outlined-primary-active-background: var(--p-primary-100);
        --p-button-outlined-primary-border-color: var(--p-primary-200);
        --p-button-outlined-primary-color: var(--p-primary-color);
        --p-button-contrast-background: var(--p-surface-950);
        --p-button-contrast-hover-background: var(--p-surface-900);
        --p-button-contrast-active-background: var(--p-surface-800);
        --p-button-contrast-border-color: var(--p-surface-950);
        --p-button-contrast-hover-border-color: var(--p-surface-900);
        --p-button-contrast-active-border-color: var(--p-surface-800);
        --p-button-contrast-color: var(--p-surface-0);
        --p-button-contrast-hover-color: var(--p-surface-0);
        --p-button-contrast-active-color: var(--p-surface-0);
        --p-button-contrast-focus-ring-color: var(--p-surface-950);
        --p-button-contrast-focus-ring-shadow: none;
        --p-button-danger-background: var(--p-red-500);
        --p-button-danger-hover-background: var(--p-red-600);
        --p-button-danger-active-background: var(--p-red-700);
        --p-button-danger-border-color: var(--p-red-500);
        --p-button-danger-hover-border-color: var(--p-red-600);
        --p-button-danger-active-border-color: var(--p-red-700);
        --p-button-danger-color: #ffffff;
        --p-button-danger-hover-color: #ffffff;
        --p-button-danger-active-color: #ffffff;
        --p-button-danger-focus-ring-color: var(--p-red-500);
        --p-button-danger-focus-ring-shadow: none;
        --p-button-help-background: var(--p-purple-500);
        --p-button-help-hover-background: var(--p-purple-600);
        --p-button-help-active-background: var(--p-purple-700);
        --p-button-help-border-color: var(--p-purple-500);
        --p-button-help-hover-border-color: var(--p-purple-600);
        --p-button-help-active-border-color: var(--p-purple-700);
        --p-button-help-color: #ffffff;
        --p-button-help-hover-color: #ffffff;
        --p-button-help-active-color: #ffffff;
        --p-button-help-focus-ring-color: var(--p-purple-500);
        --p-button-help-focus-ring-shadow: none;
        --p-button-warn-background: var(--p-orange-500);
        --p-button-warn-hover-background: var(--p-orange-600);
        --p-button-warn-active-background: var(--p-orange-700);
        --p-button-warn-border-color: var(--p-orange-500);
        --p-button-warn-hover-border-color: var(--p-orange-600);
        --p-button-warn-active-border-color: var(--p-orange-700);
        --p-button-warn-color: #ffffff;
        --p-button-warn-hover-color: #ffffff;
        --p-button-warn-active-color: #ffffff;
        --p-button-warn-focus-ring-color: var(--p-orange-500);
        --p-button-warn-focus-ring-shadow: none;
        --p-button-success-background: var(--p-green-500);
        --p-button-success-hover-background: var(--p-green-600);
        --p-button-success-active-background: var(--p-green-700);
        --p-button-success-border-color: var(--p-green-500);
        --p-button-success-hover-border-color: var(--p-green-600);
        --p-button-success-active-border-color: var(--p-green-700);
        --p-button-success-color: #ffffff;
        --p-button-success-hover-color: #ffffff;
        --p-button-success-active-color: #ffffff;
        --p-button-success-focus-ring-color: var(--p-green-500);
        --p-button-success-focus-ring-shadow: none;
        --p-button-info-background: var(--p-sky-500);
        --p-button-info-hover-background: var(--p-sky-600);
        --p-button-info-active-background: var(--p-sky-700);
        --p-button-info-border-color: var(--p-sky-500);
        --p-button-info-hover-border-color: var(--p-sky-600);
        --p-button-info-active-border-color: var(--p-sky-700);
        --p-button-info-color: #ffffff;
        --p-button-info-hover-color: #ffffff;
        --p-button-info-active-color: #ffffff;
        --p-button-info-focus-ring-color: var(--p-sky-500);
        --p-button-info-focus-ring-shadow: none;
        --p-button-secondary-background: var(--p-surface-100);
        --p-button-secondary-hover-background: var(--p-surface-200);
        --p-button-secondary-active-background: var(--p-surface-300);
        --p-button-secondary-border-color: var(--p-surface-100);
        --p-button-secondary-hover-border-color: var(--p-surface-200);
        --p-button-secondary-active-border-color: var(--p-surface-300);
        --p-button-secondary-color: var(--p-surface-600);
        --p-button-secondary-hover-color: var(--p-surface-700);
        --p-button-secondary-active-color: var(--p-surface-800);
        --p-button-secondary-focus-ring-color: var(--p-surface-600);
        --p-button-secondary-focus-ring-shadow: none;
        --p-button-primary-background: var(--p-primary-color);
        --p-button-primary-hover-background: var(--p-primary-hover-color);
        --p-button-primary-active-background: var(--p-primary-active-color);
        --p-button-primary-border-color: var(--p-primary-color);
        --p-button-primary-hover-border-color: var(--p-primary-hover-color);
        --p-button-primary-active-border-color: var(--p-primary-active-color);
        --p-button-primary-color: var(--p-primary-contrast-color);
        --p-button-primary-hover-color: var(--p-primary-contrast-color);
        --p-button-primary-active-color: var(--p-primary-contrast-color);
        --p-button-primary-focus-ring-color: var(--p-primary-color);
        --p-button-primary-focus-ring-shadow: none;
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-button {
        display: inline-flex;
        cursor: pointer;
        user-select: none;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        color: var(--p-button-primary-color);
        background: var(--p-button-primary-background);
        border: 1px solid var(--p-button-primary-border-color);
        padding: var(--p-button-padding-y) var(--p-button-padding-x);
        font-size: 1rem;
        font-family: inherit;
        font-feature-settings: inherit;
        transition: background var(--p-button-transition-duration), color var(--p-button-transition-duration), border-color var(--p-button-transition-duration), outline-color var(--p-button-transition-duration), box-shadow var(--p-button-transition-duration);
        border-radius: var(--p-button-border-radius);
        outline-color: transparent;
        gap: var(--p-button-gap);
    }

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

    .p-button-icon-right {
        order: 1;
    }

    .p-button-icon-right:dir(rtl) {
        order: -1;
    }

    .p-button:not(.p-button-vertical) .p-button-icon:not(.p-button-icon-right):dir(rtl) {
        order: 1;
    }

    .p-button-icon-bottom {
        order: 2;
    }

    .p-button-icon-only {
        width: var(--p-button-icon-only-width);
        padding-inline-start: 0;
        padding-inline-end: 0;
        gap: 0;
    }

    .p-button-icon-only.p-button-rounded {
        border-radius: 50%;
        height: var(--p-button-icon-only-width);
    }

    .p-button-icon-only .p-button-label {
        visibility: hidden;
        width: 0;
    }

    .p-button-icon-only::after {
        content: " A0";
        visibility: hidden;
        width: 0;
    }

    .p-button-sm {
        font-size: var(--p-button-sm-font-size);
        padding: var(--p-button-sm-padding-y) var(--p-button-sm-padding-x);
    }

    .p-button-sm .p-button-icon {
        font-size: var(--p-button-sm-font-size);
    }

    .p-button-sm.p-button-icon-only {
        width: var(--p-button-sm-icon-only-width);
    }

    .p-button-sm.p-button-icon-only.p-button-rounded {
        height: var(--p-button-sm-icon-only-width);
    }

    .p-button-lg {
        font-size: var(--p-button-lg-font-size);
        padding: var(--p-button-lg-padding-y) var(--p-button-lg-padding-x);
    }

    .p-button-lg .p-button-icon {
        font-size: var(--p-button-lg-font-size);
    }

    .p-button-lg.p-button-icon-only {
        width: var(--p-button-lg-icon-only-width);
    }

    .p-button-lg.p-button-icon-only.p-button-rounded {
        height: var(--p-button-lg-icon-only-width);
    }

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

    .p-button-label {
        font-weight: var(--p-button-label-font-weight);
    }

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

    .p-button-fluid.p-button-icon-only {
        width: var(--p-button-icon-only-width);
    }

    .p-button:not(:disabled):hover {
        background: var(--p-button-primary-hover-background);
        border: 1px solid var(--p-button-primary-hover-border-color);
        color: var(--p-button-primary-hover-color);
    }

    .p-button:not(:disabled):active {
        background: var(--p-button-primary-active-background);
        border: 1px solid var(--p-button-primary-active-border-color);
        color: var(--p-button-primary-active-color);
    }

    .p-button:focus-visible {
        box-shadow: var(--p-button-primary-focus-ring-shadow);
        outline: var(--p-button-focus-ring-width) var(--p-button-focus-ring-style) var(--p-button-primary-focus-ring-color);
        outline-offset: var(--p-button-focus-ring-offset);
    }

    .p-button .p-badge {
        min-width: var(--p-button-badge-size);
        height: var(--p-button-badge-size);
        line-height: var(--p-button-badge-size);
    }

    .p-button-raised {
        box-shadow: var(--p-button-raised-shadow);
    }

    .p-button-rounded {
        border-radius: var(--p-button-rounded-border-radius);
    }

    .p-button-secondary {
        background: var(--p-button-secondary-background);
        border: 1px solid var(--p-button-secondary-border-color);
        color: var(--p-button-secondary-color);
    }

    .p-button-secondary:not(:disabled):hover {
        background: var(--p-button-secondary-hover-background);
        border: 1px solid var(--p-button-secondary-hover-border-color);
        color: var(--p-button-secondary-hover-color);
    }

    .p-button-secondary:not(:disabled):active {
        background: var(--p-button-secondary-active-background);
        border: 1px solid var(--p-button-secondary-active-border-color);
        color: var(--p-button-secondary-active-color);
    }

    .p-button-secondary:focus-visible {
        outline-color: var(--p-button-secondary-focus-ring-color);
        box-shadow: var(--p-button-secondary-focus-ring-shadow);
    }

    .p-button-success {
        background: var(--p-button-success-background);
        border: 1px solid var(--p-button-success-border-color);
        color: var(--p-button-success-color);
    }

    .p-button-success:not(:disabled):hover {
        background: var(--p-button-success-hover-background);
        border: 1px solid var(--p-button-success-hover-border-color);
        color: var(--p-button-success-hover-color);
    }

    .p-button-success:not(:disabled):active {
        background: var(--p-button-success-active-background);
        border: 1px solid var(--p-button-success-active-border-color);
        color: var(--p-button-success-active-color);
    }

    .p-button-success:focus-visible {
        outline-color: var(--p-button-success-focus-ring-color);
        box-shadow: var(--p-button-success-focus-ring-shadow);
    }

    .p-button-info {
        background: var(--p-button-info-background);
        border: 1px solid var(--p-button-info-border-color);
        color: var(--p-button-info-color);
    }

    .p-button-info:not(:disabled):hover {
        background: var(--p-button-info-hover-background);
        border: 1px solid var(--p-button-info-hover-border-color);
        color: var(--p-button-info-hover-color);
    }

    .p-button-info:not(:disabled):active {
        background: var(--p-button-info-active-background);
        border: 1px solid var(--p-button-info-active-border-color);
        color: var(--p-button-info-active-color);
    }

    .p-button-info:focus-visible {
        outline-color: var(--p-button-info-focus-ring-color);
        box-shadow: var(--p-button-info-focus-ring-shadow);
    }

    .p-button-warn {
        background: var(--p-button-warn-background);
        border: 1px solid var(--p-button-warn-border-color);
        color: var(--p-button-warn-color);
    }

    .p-button-warn:not(:disabled):hover {
        background: var(--p-button-warn-hover-background);
        border: 1px solid var(--p-button-warn-hover-border-color);
        color: var(--p-button-warn-hover-color);
    }

    .p-button-warn:not(:disabled):active {
        background: var(--p-button-warn-active-background);
        border: 1px solid var(--p-button-warn-active-border-color);
        color: var(--p-button-warn-active-color);
    }

    .p-button-warn:focus-visible {
        outline-color: var(--p-button-warn-focus-ring-color);
        box-shadow: var(--p-button-warn-focus-ring-shadow);
    }

    .p-button-help {
        background: var(--p-button-help-background);
        border: 1px solid var(--p-button-help-border-color);
        color: var(--p-button-help-color);
    }

    .p-button-help:not(:disabled):hover {
        background: var(--p-button-help-hover-background);
        border: 1px solid var(--p-button-help-hover-border-color);
        color: var(--p-button-help-hover-color);
    }

    .p-button-help:not(:disabled):active {
        background: var(--p-button-help-active-background);
        border: 1px solid var(--p-button-help-active-border-color);
        color: var(--p-button-help-active-color);
    }

    .p-button-help:focus-visible {
        outline-color: var(--p-button-help-focus-ring-color);
        box-shadow: var(--p-button-help-focus-ring-shadow);
    }

    .p-button-danger {
        background: var(--p-button-danger-background);
        border: 1px solid var(--p-button-danger-border-color);
        color: var(--p-button-danger-color);
    }

    .p-button-danger:not(:disabled):hover {
        background: var(--p-button-danger-hover-background);
        border: 1px solid var(--p-button-danger-hover-border-color);
        color: var(--p-button-danger-hover-color);
    }

    .p-button-danger:not(:disabled):active {
        background: var(--p-button-danger-active-background);
        border: 1px solid var(--p-button-danger-active-border-color);
        color: var(--p-button-danger-active-color);
    }

    .p-button-danger:focus-visible {
        outline-color: var(--p-button-danger-focus-ring-color);
        box-shadow: var(--p-button-danger-focus-ring-shadow);
    }

    .p-button-contrast {
        background: var(--p-button-contrast-background);
        border: 1px solid var(--p-button-contrast-border-color);
        color: var(--p-button-contrast-color);
    }

    .p-button-contrast:not(:disabled):hover {
        background: var(--p-button-contrast-hover-background);
        border: 1px solid var(--p-button-contrast-hover-border-color);
        color: var(--p-button-contrast-hover-color);
    }

    .p-button-contrast:not(:disabled):active {
        background: var(--p-button-contrast-active-background);
        border: 1px solid var(--p-button-contrast-active-border-color);
        color: var(--p-button-contrast-active-color);
    }

    .p-button-contrast:focus-visible {
        outline-color: var(--p-button-contrast-focus-ring-color);
        box-shadow: var(--p-button-contrast-focus-ring-shadow);
    }

    .p-button-outlined {
        background: transparent;
        border-color: var(--p-button-outlined-primary-border-color);
        color: var(--p-button-outlined-primary-color);
    }

    .p-button-outlined:not(:disabled):hover {
        background: var(--p-button-outlined-primary-hover-background);
        border-color: var(--p-button-outlined-primary-border-color);
        color: var(--p-button-outlined-primary-color);
    }

    .p-button-outlined:not(:disabled):active {
        background: var(--p-button-outlined-primary-active-background);
        border-color: var(--p-button-outlined-primary-border-color);
        color: var(--p-button-outlined-primary-color);
    }

    .p-button-outlined.p-button-secondary {
        border-color: var(--p-button-outlined-secondary-border-color);
        color: var(--p-button-outlined-secondary-color);
    }

    .p-button-outlined.p-button-secondary:not(:disabled):hover {
        background: var(--p-button-outlined-secondary-hover-background);
        border-color: var(--p-button-outlined-secondary-border-color);
        color: var(--p-button-outlined-secondary-color);
    }

    .p-button-outlined.p-button-secondary:not(:disabled):active {
        background: var(--p-button-outlined-secondary-active-background);
        border-color: var(--p-button-outlined-secondary-border-color);
        color: var(--p-button-outlined-secondary-color);
    }

    .p-button-outlined.p-button-success {
        border-color: var(--p-button-outlined-success-border-color);
        color: var(--p-button-outlined-success-color);
    }

    .p-button-outlined.p-button-success:not(:disabled):hover {
        background: var(--p-button-outlined-success-hover-background);
        border-color: var(--p-button-outlined-success-border-color);
        color: var(--p-button-outlined-success-color);
    }

    .p-button-outlined.p-button-success:not(:disabled):active {
        background: var(--p-button-outlined-success-active-background);
        border-color: var(--p-button-outlined-success-border-color);
        color: var(--p-button-outlined-success-color);
    }

    .p-button-outlined.p-button-info {
        border-color: var(--p-button-outlined-info-border-color);
        color: var(--p-button-outlined-info-color);
    }

    .p-button-outlined.p-button-info:not(:disabled):hover {
        background: var(--p-button-outlined-info-hover-background);
        border-color: var(--p-button-outlined-info-border-color);
        color: var(--p-button-outlined-info-color);
    }

    .p-button-outlined.p-button-info:not(:disabled):active {
        background: var(--p-button-outlined-info-active-background);
        border-color: var(--p-button-outlined-info-border-color);
        color: var(--p-button-outlined-info-color);
    }

    .p-button-outlined.p-button-warn {
        border-color: var(--p-button-outlined-warn-border-color);
        color: var(--p-button-outlined-warn-color);
    }

    .p-button-outlined.p-button-warn:not(:disabled):hover {
        background: var(--p-button-outlined-warn-hover-background);
        border-color: var(--p-button-outlined-warn-border-color);
        color: var(--p-button-outlined-warn-color);
    }

    .p-button-outlined.p-button-warn:not(:disabled):active {
        background: var(--p-button-outlined-warn-active-background);
        border-color: var(--p-button-outlined-warn-border-color);
        color: var(--p-button-outlined-warn-color);
    }

    .p-button-outlined.p-button-help {
        border-color: var(--p-button-outlined-help-border-color);
        color: var(--p-button-outlined-help-color);
    }

    .p-button-outlined.p-button-help:not(:disabled):hover {
        background: var(--p-button-outlined-help-hover-background);
        border-color: var(--p-button-outlined-help-border-color);
        color: var(--p-button-outlined-help-color);
    }

    .p-button-outlined.p-button-help:not(:disabled):active {
        background: var(--p-button-outlined-help-active-background);
        border-color: var(--p-button-outlined-help-border-color);
        color: var(--p-button-outlined-help-color);
    }

    .p-button-outlined.p-button-danger {
        border-color: var(--p-button-outlined-danger-border-color);
        color: var(--p-button-outlined-danger-color);
    }

    .p-button-outlined.p-button-danger:not(:disabled):hover {
        background: var(--p-button-outlined-danger-hover-background);
        border-color: var(--p-button-outlined-danger-border-color);
        color: var(--p-button-outlined-danger-color);
    }

    .p-button-outlined.p-button-danger:not(:disabled):active {
        background: var(--p-button-outlined-danger-active-background);
        border-color: var(--p-button-outlined-danger-border-color);
        color: var(--p-button-outlined-danger-color);
    }

    .p-button-outlined.p-button-contrast {
        border-color: var(--p-button-outlined-contrast-border-color);
        color: var(--p-button-outlined-contrast-color);
    }

    .p-button-outlined.p-button-contrast:not(:disabled):hover {
        background: var(--p-button-outlined-contrast-hover-background);
        border-color: var(--p-button-outlined-contrast-border-color);
        color: var(--p-button-outlined-contrast-color);
    }

    .p-button-outlined.p-button-contrast:not(:disabled):active {
        background: var(--p-button-outlined-contrast-active-background);
        border-color: var(--p-button-outlined-contrast-border-color);
        color: var(--p-button-outlined-contrast-color);
    }

    .p-button-outlined.p-button-plain {
        border-color: var(--p-button-outlined-plain-border-color);
        color: var(--p-button-outlined-plain-color);
    }

    .p-button-outlined.p-button-plain:not(:disabled):hover {
        background: var(--p-button-outlined-plain-hover-background);
        border-color: var(--p-button-outlined-plain-border-color);
        color: var(--p-button-outlined-plain-color);
    }

    .p-button-outlined.p-button-plain:not(:disabled):active {
        background: var(--p-button-outlined-plain-active-background);
        border-color: var(--p-button-outlined-plain-border-color);
        color: var(--p-button-outlined-plain-color);
    }

    .p-button-text {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-primary-color);
    }

    .p-button-text:not(:disabled):hover {
        background: var(--p-button-text-primary-hover-background);
        border-color: transparent;
        color: var(--p-button-text-primary-color);
    }

    .p-button-text:not(:disabled):active {
        background: var(--p-button-text-primary-active-background);
        border-color: transparent;
        color: var(--p-button-text-primary-color);
    }

    .p-button-text.p-button-secondary {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-secondary-color);
    }

    .p-button-text.p-button-secondary:not(:disabled):hover {
        background: var(--p-button-text-secondary-hover-background);
        border-color: transparent;
        color: var(--p-button-text-secondary-color);
    }

    .p-button-text.p-button-secondary:not(:disabled):active {
        background: var(--p-button-text-secondary-active-background);
        border-color: transparent;
        color: var(--p-button-text-secondary-color);
    }

    .p-button-text.p-button-success {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-success-color);
    }

    .p-button-text.p-button-success:not(:disabled):hover {
        background: var(--p-button-text-success-hover-background);
        border-color: transparent;
        color: var(--p-button-text-success-color);
    }

    .p-button-text.p-button-success:not(:disabled):active {
        background: var(--p-button-text-success-active-background);
        border-color: transparent;
        color: var(--p-button-text-success-color);
    }

    .p-button-text.p-button-info {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-info-color);
    }

    .p-button-text.p-button-info:not(:disabled):hover {
        background: var(--p-button-text-info-hover-background);
        border-color: transparent;
        color: var(--p-button-text-info-color);
    }

    .p-button-text.p-button-info:not(:disabled):active {
        background: var(--p-button-text-info-active-background);
        border-color: transparent;
        color: var(--p-button-text-info-color);
    }

    .p-button-text.p-button-warn {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-warn-color);
    }

    .p-button-text.p-button-warn:not(:disabled):hover {
        background: var(--p-button-text-warn-hover-background);
        border-color: transparent;
        color: var(--p-button-text-warn-color);
    }

    .p-button-text.p-button-warn:not(:disabled):active {
        background: var(--p-button-text-warn-active-background);
        border-color: transparent;
        color: var(--p-button-text-warn-color);
    }

    .p-button-text.p-button-help {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-help-color);
    }

    .p-button-text.p-button-help:not(:disabled):hover {
        background: var(--p-button-text-help-hover-background);
        border-color: transparent;
        color: var(--p-button-text-help-color);
    }

    .p-button-text.p-button-help:not(:disabled):active {
        background: var(--p-button-text-help-active-background);
        border-color: transparent;
        color: var(--p-button-text-help-color);
    }

    .p-button-text.p-button-danger {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-danger-color);
    }

    .p-button-text.p-button-danger:not(:disabled):hover {
        background: var(--p-button-text-danger-hover-background);
        border-color: transparent;
        color: var(--p-button-text-danger-color);
    }

    .p-button-text.p-button-danger:not(:disabled):active {
        background: var(--p-button-text-danger-active-background);
        border-color: transparent;
        color: var(--p-button-text-danger-color);
    }

    .p-button-text.p-button-contrast {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-contrast-color);
    }

    .p-button-text.p-button-contrast:not(:disabled):hover {
        background: var(--p-button-text-contrast-hover-background);
        border-color: transparent;
        color: var(--p-button-text-contrast-color);
    }

    .p-button-text.p-button-contrast:not(:disabled):active {
        background: var(--p-button-text-contrast-active-background);
        border-color: transparent;
        color: var(--p-button-text-contrast-color);
    }

    .p-button-text.p-button-plain {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-text-plain-color);
    }

    .p-button-text.p-button-plain:not(:disabled):hover {
        background: var(--p-button-text-plain-hover-background);
        border-color: transparent;
        color: var(--p-button-text-plain-color);
    }

    .p-button-text.p-button-plain:not(:disabled):active {
        background: var(--p-button-text-plain-active-background);
        border-color: transparent;
        color: var(--p-button-text-plain-color);
    }

    .p-button-link {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-link-color);
    }

    .p-button-link:not(:disabled):hover {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-link-hover-color);
    }

    .p-button-link:not(:disabled):hover .p-button-label {
        text-decoration: underline;
    }

    .p-button-link:not(:disabled):active {
        background: transparent;
        border-color: transparent;
        color: var(--p-button-link-active-color);
    }
}

/* ========================================= */

@layer primevue {
    .p-buttongroup {
        display: inline-flex;
    }

    .p-buttongroup .p-button {
        margin: 0;
    }

    .p-buttongroup .p-button:not(:last-child),
    .p-buttongroup .p-button:not(:last-child):hover {
        border-inline-end: 0 none;
    }

    .p-buttongroup .p-button:not(:first-of-type):not(:last-of-type) {
        border-radius: 0;
    }

    .p-buttongroup .p-button:first-of-type:not(:only-of-type) {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
    }

    .p-buttongroup .p-button:last-of-type:not(:only-of-type) {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
    }

    .p-buttongroup .p-button:focus {
        position: relative;
        z-index: 1;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-speeddial-gap: 0.5rem;
        --p-speeddial-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-speeddial {
        position: static;
        display: flex;
        gap: var(--p-speeddial-gap);
    }

    .p-speeddial-button {
        z-index: 1;
    }

    .p-speeddial-button.p-speeddial-rotate {
        transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background var(--p-speeddial-transition-duration), color var(--p-speeddial-transition-duration), border-color var(--p-speeddial-transition-duration), box-shadow var(--p-speeddial-transition-duration), outline-color var(--p-speeddial-transition-duration);
        will-change: transform;
    }

    .p-speeddial-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: inset-block-start 0s linear var(--p-speeddial-transition-duration);
        pointer-events: none;
        outline: 0 none;
        z-index: 2;
        gap: var(--p-speeddial-gap);
    }

    .p-speeddial-item {
        transform: scale(0);
        opacity: 0;
        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;
        will-change: transform;
    }

    .p-speeddial-circle .p-speeddial-item,
    .p-speeddial-semi-circle .p-speeddial-item,
    .p-speeddial-quarter-circle .p-speeddial-item {
        position: absolute;
    }

    .p-speeddial-mask {
        position: absolute;
        border-radius: var(--p-content-border-radius);
    }

    .p-speeddial-open .p-speeddial-list {
        pointer-events: auto;
    }

    .p-speeddial-open .p-speeddial-item {
        transform: scale(1);
        opacity: 1;
    }

    .p-speeddial-open .p-speeddial-rotate {
        transform: rotate(45deg);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-splitbutton-border-radius: var(--p-form-field-border-radius);
        --p-splitbutton-rounded-border-radius: 2rem;
        --p-splitbutton-raised-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }
}

/* ========================================= */

@layer primevue {
    .p-splitbutton {
        display: inline-flex;
        position: relative;
        border-radius: var(--p-splitbutton-border-radius);
    }

    .p-splitbutton-button.p-button {
        border-start-end-radius: 0;
        border-end-end-radius: 0;
        border-inline-end: 0 none;
    }

    .p-splitbutton-button.p-button:focus-visible,
    .p-splitbutton-dropdown.p-button:focus-visible {
        z-index: 1;
    }

    .p-splitbutton-button.p-button:not(:disabled):hover,
    .p-splitbutton-button.p-button:not(:disabled):active {
        border-inline-end: 0 none;
    }

    .p-splitbutton-dropdown.p-button {
        border-start-start-radius: 0;
        border-end-start-radius: 0;
    }

    .p-splitbutton .p-menu {
        min-width: 100%;
    }

    .p-splitbutton-fluid {
        display: flex;
    }

    .p-splitbutton-rounded .p-splitbutton-dropdown.p-button {
        border-start-end-radius: var(--p-splitbutton-rounded-border-radius);
        border-end-end-radius: var(--p-splitbutton-rounded-border-radius);
    }

    .p-splitbutton-rounded .p-splitbutton-button.p-button {
        border-start-start-radius: var(--p-splitbutton-rounded-border-radius);
        border-end-start-radius: var(--p-splitbutton-rounded-border-radius);
    }

    .p-splitbutton-raised {
        box-shadow: var(--p-splitbutton-raised-shadow);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-datatable-paginator-bottom-border-color: var(--p-datatable-border-color);
        --p-datatable-paginator-bottom-border-width: 0 0 1px 0;
        --p-datatable-paginator-top-border-color: var(--p-datatable-border-color);
        --p-datatable-paginator-top-border-width: 0 0 1px 0;
        --p-datatable-filter-inline-gap: 0.5rem;
        --p-datatable-filter-constraint-focus-background: var(--p-list-option-focus-background);
        --p-datatable-filter-constraint-selected-background: var(--p-list-option-selected-background);
        --p-datatable-filter-constraint-selected-focus-background: var(--p-list-option-selected-focus-background);
        --p-datatable-filter-constraint-color: var(--p-list-option-color);
        --p-datatable-filter-constraint-focus-color: var(--p-list-option-focus-color);
        --p-datatable-filter-constraint-selected-color: var(--p-list-option-selected-color);
        --p-datatable-filter-constraint-selected-focus-color: var(--p-list-option-selected-focus-color);
        --p-datatable-filter-constraint-padding: var(--p-list-option-padding);
        --p-datatable-filter-constraint-border-radius: var(--p-list-option-border-radius);
        --p-datatable-filter-constraint-separator-border-color: var(--p-content-border-color);
        --p-datatable-filter-constraint-list-padding: var(--p-list-padding);
        --p-datatable-filter-constraint-list-gap: var(--p-list-gap);
        --p-datatable-filter-rule-border-color: var(--p-content-border-color);
        --p-datatable-filter-overlay-popover-background: var(--p-overlay-popover-background);
        --p-datatable-filter-overlay-popover-border-color: var(--p-overlay-popover-border-color);
        --p-datatable-filter-overlay-popover-border-radius: var(--p-overlay-popover-border-radius);
        --p-datatable-filter-overlay-popover-color: var(--p-overlay-popover-color);
        --p-datatable-filter-overlay-popover-shadow: var(--p-overlay-popover-shadow);
        --p-datatable-filter-overlay-popover-padding: var(--p-overlay-popover-padding);
        --p-datatable-filter-overlay-popover-gap: 0.5rem;
        --p-datatable-filter-overlay-select-background: var(--p-overlay-select-background);
        --p-datatable-filter-overlay-select-border-color: var(--p-overlay-select-border-color);
        --p-datatable-filter-overlay-select-border-radius: var(--p-overlay-select-border-radius);
        --p-datatable-filter-overlay-select-color: var(--p-overlay-select-color);
        --p-datatable-filter-overlay-select-shadow: var(--p-overlay-select-shadow);
        --p-datatable-row-toggle-button-hover-background: var(--p-content-hover-background);
        --p-datatable-row-toggle-button-selected-hover-background: var(--p-content-background);
        --p-datatable-row-toggle-button-color: var(--p-text-muted-color);
        --p-datatable-row-toggle-button-hover-color: var(--p-text-color);
        --p-datatable-row-toggle-button-selected-hover-color: var(--p-primary-color);
        --p-datatable-row-toggle-button-size: 1.75rem;
        --p-datatable-row-toggle-button-border-radius: 50%;
        --p-datatable-row-toggle-button-focus-ring-width: var(--p-focus-ring-width);
        --p-datatable-row-toggle-button-focus-ring-style: var(--p-focus-ring-style);
        --p-datatable-row-toggle-button-focus-ring-color: var(--p-focus-ring-color);
        --p-datatable-row-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-datatable-row-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-datatable-loading-icon-size: 2rem;
        --p-datatable-sort-icon-color: var(--p-text-muted-color);
        --p-datatable-sort-icon-hover-color: var(--p-text-hover-muted-color);
        --p-datatable-sort-icon-size: 0.875rem;
        --p-datatable-resize-indicator-width: 1px;
        --p-datatable-resize-indicator-color: var(--p-primary-color);
        --p-datatable-column-resizer-width: 0.5rem;
        --p-datatable-drop-point-color: var(--p-primary-color);
        --p-datatable-footer-background: var(--p-content-background);
        --p-datatable-footer-border-color: var(--p-datatable-border-color);
        --p-datatable-footer-color: var(--p-content-color);
        --p-datatable-footer-border-width: 0 0 1px 0;
        --p-datatable-footer-padding: 0.75rem 1rem;
        --p-datatable-footer-lg-padding: 1rem 1.25rem;
        --p-datatable-footer-sm-padding: 0.375rem 0.5rem;
        --p-datatable-column-footer-font-weight: 600;
        --p-datatable-footer-cell-background: var(--p-content-background);
        --p-datatable-footer-cell-border-color: var(--p-datatable-border-color);
        --p-datatable-footer-cell-color: var(--p-content-color);
        --p-datatable-footer-cell-padding: 0.75rem 1rem;
        --p-datatable-footer-cell-lg-padding: 1rem 1.25rem;
        --p-datatable-footer-cell-sm-padding: 0.375rem 0.5rem;
        --p-datatable-body-cell-border-color: var(--p-datatable-border-color);
        --p-datatable-body-cell-padding: 0.75rem 1rem;
        --p-datatable-body-cell-lg-padding: 1rem 1.25rem;
        --p-datatable-body-cell-sm-padding: 0.375rem 0.5rem;
        --p-datatable-row-background: var(--p-content-background);
        --p-datatable-row-hover-background: var(--p-content-hover-background);
        --p-datatable-row-selected-background: var(--p-highlight-background);
        --p-datatable-row-color: var(--p-content-color);
        --p-datatable-row-hover-color: var(--p-content-hover-color);
        --p-datatable-row-selected-color: var(--p-highlight-color);
        --p-datatable-row-focus-ring-width: var(--p-focus-ring-width);
        --p-datatable-row-focus-ring-style: var(--p-focus-ring-style);
        --p-datatable-row-focus-ring-color: var(--p-focus-ring-color);
        --p-datatable-row-focus-ring-offset: -1px;
        --p-datatable-row-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-datatable-column-title-font-weight: 600;
        --p-datatable-header-cell-background: var(--p-content-background);
        --p-datatable-header-cell-hover-background: var(--p-content-hover-background);
        --p-datatable-header-cell-selected-background: var(--p-highlight-background);
        --p-datatable-header-cell-border-color: var(--p-datatable-border-color);
        --p-datatable-header-cell-color: var(--p-content-color);
        --p-datatable-header-cell-hover-color: var(--p-content-hover-color);
        --p-datatable-header-cell-selected-color: var(--p-highlight-color);
        --p-datatable-header-cell-gap: 0.5rem;
        --p-datatable-header-cell-padding: 0.75rem 1rem;
        --p-datatable-header-cell-lg-padding: 1rem 1.25rem;
        --p-datatable-header-cell-sm-padding: 0.375rem 0.5rem;
        --p-datatable-header-cell-focus-ring-width: var(--p-focus-ring-width);
        --p-datatable-header-cell-focus-ring-style: var(--p-focus-ring-style);
        --p-datatable-header-cell-focus-ring-color: var(--p-focus-ring-color);
        --p-datatable-header-cell-focus-ring-offset: -1px;
        --p-datatable-header-cell-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-datatable-header-background: var(--p-content-background);
        --p-datatable-header-border-color: var(--p-datatable-border-color);
        --p-datatable-header-color: var(--p-content-color);
        --p-datatable-header-border-width: 0 0 1px 0;
        --p-datatable-header-padding: 0.75rem 1rem;
        --p-datatable-header-lg-padding: 1rem 1.25rem;
        --p-datatable-header-sm-padding: 0.375rem 0.5rem;
        --p-datatable-transition-duration: var(--p-transition-duration);
        --p-datatable-body-cell-selected-border-color: var(--p-primary-100);
        --p-datatable-row-striped-background: var(--p-surface-50);
        --p-datatable-border-color: var(--p-content-border-color);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-datatable {
        position: relative;
        display: block;
    }

    .p-datatable-table {
        border-spacing: 0;
        border-collapse: separate;
        width: 100%;
    }

    .p-datatable-scrollable>.p-datatable-table-container {
        position: relative;
    }

    .p-datatable-scrollable-table>.p-datatable-thead {
        inset-block-start: 0;
        z-index: 1;
    }

    .p-datatable-scrollable-table>.p-datatable-frozen-tbody {
        position: sticky;
        z-index: 1;
    }

    .p-datatable-scrollable-table>.p-datatable-tfoot {
        inset-block-end: 0;
        z-index: 1;
    }

    .p-datatable-scrollable .p-datatable-frozen-column {
        position: sticky;
    }

    .p-datatable-scrollable th.p-datatable-frozen-column {
        z-index: 1;
    }

    .p-datatable-scrollable td.p-datatable-frozen-column {
        background: inherit;
    }

    .p-datatable-scrollable>.p-datatable-table-container>.p-datatable-table>.p-datatable-thead,
    .p-datatable-scrollable>.p-datatable-table-container>.p-virtualscroller>.p-datatable-table>.p-datatable-thead {
        background: var(--p-datatable-header-cell-background);
    }

    .p-datatable-scrollable>.p-datatable-table-container>.p-datatable-table>.p-datatable-tfoot,
    .p-datatable-scrollable>.p-datatable-table-container>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot {
        background: var(--p-datatable-footer-cell-background);
    }

    .p-datatable-flex-scrollable {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .p-datatable-flex-scrollable>.p-datatable-table-container {
        display: flex;
        flex-direction: column;
        flex: 1;
        height: 100%;
    }

    .p-datatable-scrollable-table>.p-datatable-tbody>.p-datatable-row-group-header {
        position: sticky;
        z-index: 1;
    }

    .p-datatable-resizable-table>.p-datatable-thead>tr>th,
    .p-datatable-resizable-table>.p-datatable-tfoot>tr>td,
    .p-datatable-resizable-table>.p-datatable-tbody>tr>td {
        overflow: hidden;
        white-space: nowrap;
    }

    .p-datatable-resizable-table>.p-datatable-thead>tr>th.p-datatable-resizable-column:not(.p-datatable-frozen-column) {
        background-clip: padding-box;
        position: relative;
    }

    .p-datatable-resizable-table-fit>.p-datatable-thead>tr>th.p-datatable-resizable-column:last-child .p-datatable-column-resizer {
        display: none;
    }

    .p-datatable-column-resizer {
        display: block;
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        margin: 0;
        width: var(--p-datatable-column-resizer-width);
        height: 100%;
        padding: 0;
        cursor: col-resize;
        border: 1px solid transparent;
    }

    .p-datatable-column-header-content {
        display: flex;
        align-items: center;
        gap: var(--p-datatable-header-cell-gap);
    }

    .p-datatable-column-resize-indicator {
        width: var(--p-datatable-resize-indicator-width);
        position: absolute;
        z-index: 10;
        display: none;
        background: var(--p-datatable-resize-indicator-color);
    }

    .p-datatable-row-reorder-indicator-up,
    .p-datatable-row-reorder-indicator-down {
        position: absolute;
        display: none;
    }

    .p-datatable-reorderable-column,
    .p-datatable-reorderable-row-handle {
        cursor: move;
    }

    .p-datatable-mask {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .p-datatable-inline-filter {
        display: flex;
        align-items: center;
        width: 100%;
        gap: var(--p-datatable-filter-inline-gap);
    }

    .p-datatable-inline-filter .p-datatable-filter-element-container {
        flex: 1 1 auto;
        width: 1%;
    }

    .p-datatable-filter-overlay {
        background: var(--p-datatable-filter-overlay-select-background);
        color: var(--p-datatable-filter-overlay-select-color);
        border: 1px solid var(--p-datatable-filter-overlay-select-border-color);
        border-radius: var(--p-datatable-filter-overlay-select-border-radius);
        box-shadow: var(--p-datatable-filter-overlay-select-shadow);
        min-width: 12.5rem;
    }

    .p-datatable-filter-constraint-list {
        margin: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        padding: var(--p-datatable-filter-constraint-list-padding);
        gap: var(--p-datatable-filter-constraint-list-gap);
    }

    .p-datatable-filter-constraint {
        padding: var(--p-datatable-filter-constraint-padding);
        color: var(--p-datatable-filter-constraint-color);
        border-radius: var(--p-datatable-filter-constraint-border-radius);
        cursor: pointer;
        transition: background var(--p-datatable-transition-duration), color var(--p-datatable-transition-duration), border-color var(--p-datatable-transition-duration), box-shadow var(--p-datatable-transition-duration);
    }

    .p-datatable-filter-constraint-selected {
        background: var(--p-datatable-filter-constraint-selected-background);
        color: var(--p-datatable-filter-constraint-selected-color);
    }

    .p-datatable-filter-constraint:not(.p-datatable-filter-constraint-selected):not(.p-disabled):hover {
        background: var(--p-datatable-filter-constraint-focus-background);
        color: var(--p-datatable-filter-constraint-focus-color);
    }

    .p-datatable-filter-constraint:focus-visible {
        outline: 0 none;
        background: var(--p-datatable-filter-constraint-focus-background);
        color: var(--p-datatable-filter-constraint-focus-color);
    }

    .p-datatable-filter-constraint-selected:focus-visible {
        outline: 0 none;
        background: var(--p-datatable-filter-constraint-selected-focus-background);
        color: var(--p-datatable-filter-constraint-selected-focus-color);
    }

    .p-datatable-filter-constraint-separator {
        border-block-start: 1px solid var(--p-datatable-filter-constraint-separator-border-color);
    }

    .p-datatable-popover-filter {
        display: inline-flex;
        margin-inline-start: auto;
    }

    .p-datatable-filter-overlay-popover {
        background: var(--p-datatable-filter-overlay-popover-background);
        color: var(--p-datatable-filter-overlay-popover-color);
        border: 1px solid var(--p-datatable-filter-overlay-popover-border-color);
        border-radius: var(--p-datatable-filter-overlay-popover-border-radius);
        box-shadow: var(--p-datatable-filter-overlay-popover-shadow);
        min-width: 12.5rem;
        padding: var(--p-datatable-filter-overlay-popover-padding);
        display: flex;
        flex-direction: column;
        gap: var(--p-datatable-filter-overlay-popover-gap);
    }

    .p-datatable-filter-operator-dropdown {
        width: 100%;
    }

    .p-datatable-filter-rule-list,
    .p-datatable-filter-rule {
        display: flex;
        flex-direction: column;
        gap: var(--p-datatable-filter-overlay-popover-gap);
    }

    .p-datatable-filter-rule {
        border-block-end: 1px solid var(--p-datatable-filter-rule-border-color);
        padding-bottom: var(--p-datatable-filter-overlay-popover-gap);
    }

    .p-datatable-filter-rule:last-child {
        border-block-end: 0 none;
        padding-bottom: 0;
    }

    .p-datatable-filter-add-rule-button {
        width: 100%;
    }

    .p-datatable-filter-remove-rule-button {
        width: 100%;
    }

    .p-datatable-filter-buttonbar {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .p-datatable-virtualscroller-spacer {
        display: flex;
    }

    .p-datatable .p-virtualscroller .p-virtualscroller-loading {
        transform: none !important;
        min-height: 0;
        position: sticky;
        inset-block-start: 0;
        inset-inline-start: 0;
    }

    .p-datatable-paginator-top {
        border-color: var(--p-datatable-paginator-top-border-color);
        border-style: solid;
        border-width: var(--p-datatable-paginator-top-border-width);
    }

    .p-datatable-paginator-bottom {
        border-color: var(--p-datatable-paginator-bottom-border-color);
        border-style: solid;
        border-width: var(--p-datatable-paginator-bottom-border-width);
    }

    .p-datatable-header {
        background: var(--p-datatable-header-background);
        color: var(--p-datatable-header-color);
        border-color: var(--p-datatable-header-border-color);
        border-style: solid;
        border-width: var(--p-datatable-header-border-width);
        padding: var(--p-datatable-header-padding);
    }

    .p-datatable-footer {
        background: var(--p-datatable-footer-background);
        color: var(--p-datatable-footer-color);
        border-color: var(--p-datatable-footer-border-color);
        border-style: solid;
        border-width: var(--p-datatable-footer-border-width);
        padding: var(--p-datatable-footer-padding);
    }

    .p-datatable-header-cell {
        padding: var(--p-datatable-header-cell-padding);
        background: var(--p-datatable-header-cell-background);
        border-color: var(--p-datatable-header-cell-border-color);
        border-style: solid;
        border-width: 0 0 1px 0;
        color: var(--p-datatable-header-cell-color);
        font-weight: normal;
        text-align: start;
        transition: background var(--p-datatable-transition-duration), color var(--p-datatable-transition-duration), border-color var(--p-datatable-transition-duration), outline-color var(--p-datatable-transition-duration), box-shadow var(--p-datatable-transition-duration);
    }

    .p-datatable-column-title {
        font-weight: var(--p-datatable-column-title-font-weight);
    }

    .p-datatable-tbody>tr {
        outline-color: transparent;
        background: var(--p-datatable-row-background);
        color: var(--p-datatable-row-color);
        transition: background var(--p-datatable-transition-duration), color var(--p-datatable-transition-duration), border-color var(--p-datatable-transition-duration), outline-color var(--p-datatable-transition-duration), box-shadow var(--p-datatable-transition-duration);
    }

    .p-datatable-tbody>tr>td {
        text-align: start;
        border-color: var(--p-datatable-body-cell-border-color);
        border-style: solid;
        border-width: 0 0 1px 0;
        padding: var(--p-datatable-body-cell-padding);
    }

    .p-datatable-hoverable .p-datatable-tbody>tr:not(.p-datatable-row-selected):hover {
        background: var(--p-datatable-row-hover-background);
        color: var(--p-datatable-row-hover-color);
    }

    .p-datatable-tbody>tr.p-datatable-row-selected {
        background: var(--p-datatable-row-selected-background);
        color: var(--p-datatable-row-selected-color);
    }

    .p-datatable-tbody>tr:has(+ .p-datatable-row-selected)>td {
        border-block-end-color: var(--p-datatable-body-cell-selected-border-color);
    }

    .p-datatable-tbody>tr.p-datatable-row-selected>td {
        border-block-end-color: var(--p-datatable-body-cell-selected-border-color);
    }

    .p-datatable-tbody>tr:focus-visible,
    .p-datatable-tbody>tr.p-datatable-contextmenu-row-selected {
        box-shadow: var(--p-datatable-row-focus-ring-shadow);
        outline: var(--p-datatable-row-focus-ring-width) var(--p-datatable-row-focus-ring-style) var(--p-datatable-row-focus-ring-color);
        outline-offset: var(--p-datatable-row-focus-ring-offset);
    }

    .p-datatable-tfoot>tr>td {
        text-align: start;
        padding: var(--p-datatable-footer-cell-padding);
        border-color: var(--p-datatable-footer-cell-border-color);
        border-style: solid;
        border-width: 0 0 1px 0;
        color: var(--p-datatable-footer-cell-color);
        background: var(--p-datatable-footer-cell-background);
    }

    .p-datatable-column-footer {
        font-weight: var(--p-datatable-column-footer-font-weight);
    }

    .p-datatable-sortable-column {
        cursor: pointer;
        user-select: none;
        outline-color: transparent;
    }

    .p-datatable-column-title,
    .p-datatable-sort-icon,
    .p-datatable-sort-badge {
        vertical-align: middle;
    }

    .p-datatable-sort-icon {
        color: var(--p-datatable-sort-icon-color);
        font-size: var(--p-datatable-sort-icon-size);
        width: var(--p-datatable-sort-icon-size);
        height: var(--p-datatable-sort-icon-size);
        transition: color var(--p-datatable-transition-duration);
    }

    .p-datatable-sortable-column:not(.p-datatable-column-sorted):hover {
        background: var(--p-datatable-header-cell-hover-background);
        color: var(--p-datatable-header-cell-hover-color);
    }

    .p-datatable-sortable-column:not(.p-datatable-column-sorted):hover .p-datatable-sort-icon {
        color: var(--p-datatable-sort-icon-hover-color);
    }

    .p-datatable-column-sorted {
        background: var(--p-datatable-header-cell-selected-background);
        color: var(--p-datatable-header-cell-selected-color);
    }

    .p-datatable-column-sorted .p-datatable-sort-icon {
        color: var(--p-datatable-header-cell-selected-color);
    }

    .p-datatable-sortable-column:focus-visible {
        box-shadow: var(--p-datatable-header-cell-focus-ring-shadow);
        outline: var(--p-datatable-header-cell-focus-ring-width) var(--p-datatable-header-cell-focus-ring-style) var(--p-datatable-header-cell-focus-ring-color);
        outline-offset: var(--p-datatable-header-cell-focus-ring-offset);
    }

    .p-datatable-hoverable .p-datatable-selectable-row {
        cursor: pointer;
    }

    .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
        box-shadow: inset 0 2px 0 0 var(--p-datatable-drop-point-color);
    }

    .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
        box-shadow: inset 0 -2px 0 0 var(--p-datatable-drop-point-color);
    }

    .p-datatable-loading-icon {
        font-size: var(--p-datatable-loading-icon-size);
        width: var(--p-datatable-loading-icon-size);
        height: var(--p-datatable-loading-icon-size);
    }

    .p-datatable-gridlines .p-datatable-header {
        border-width: 1px 1px 0 1px;
    }

    .p-datatable-gridlines .p-datatable-footer {
        border-width: 0 1px 1px 1px;
    }

    .p-datatable-gridlines .p-datatable-paginator-top {
        border-width: 1px 1px 0 1px;
    }

    .p-datatable-gridlines .p-datatable-paginator-bottom {
        border-width: 0 1px 1px 1px;
    }

    .p-datatable-gridlines .p-datatable-thead>tr>th {
        border-width: 1px 0 1px 1px;
    }

    .p-datatable-gridlines .p-datatable-thead>tr>th:last-child {
        border-width: 1px;
    }

    .p-datatable-gridlines .p-datatable-tbody>tr>td {
        border-width: 1px 0 0 1px;
    }

    .p-datatable-gridlines .p-datatable-tbody>tr>td:last-child {
        border-width: 1px 1px 0 1px;
    }

    .p-datatable-gridlines .p-datatable-tbody>tr:last-child>td {
        border-width: 1px 0 1px 1px;
    }

    .p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child {
        border-width: 1px;
    }

    .p-datatable-gridlines .p-datatable-tfoot>tr>td {
        border-width: 1px 0 1px 1px;
    }

    .p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child {
        border-width: 1px 1px 1px 1px;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td {
        border-width: 0 0 1px 1px;
    }

    .p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child {
        border-width: 0 1px 1px 1px;
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td {
        border-width: 0 0 1px 1px;
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child {
        border-width: 0 1px 1px 1px;
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td {
        border-width: 0 0 0 1px;
    }

    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child {
        border-width: 0 1px 0 1px;
    }

    .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd {
        background: var(--p-datatable-row-striped-background);
    }

    .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-datatable-row-selected {
        background: var(--p-datatable-row-selected-background);
        color: var(--p-datatable-row-selected-color);
    }

    .p-datatable-striped.p-datatable-hoverable .p-datatable-tbody>tr:not(.p-datatable-row-selected):hover {
        background: var(--p-datatable-row-hover-background);
        color: var(--p-datatable-row-hover-color);
    }

    .p-datatable.p-datatable-sm .p-datatable-header {
        padding: var(--p-datatable-header-sm-padding);
    }

    .p-datatable.p-datatable-sm .p-datatable-thead>tr>th {
        padding: var(--p-datatable-header-cell-sm-padding);
    }

    .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td {
        padding: var(--p-datatable-body-cell-sm-padding);
    }

    .p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td {
        padding: var(--p-datatable-footer-cell-sm-padding);
    }

    .p-datatable.p-datatable-sm .p-datatable-footer {
        padding: var(--p-datatable-footer-sm-padding);
    }

    .p-datatable.p-datatable-lg .p-datatable-header {
        padding: var(--p-datatable-header-lg-padding);
    }

    .p-datatable.p-datatable-lg .p-datatable-thead>tr>th {
        padding: var(--p-datatable-header-cell-lg-padding);
    }

    .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td {
        padding: var(--p-datatable-body-cell-lg-padding);
    }

    .p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td {
        padding: var(--p-datatable-footer-cell-lg-padding);
    }

    .p-datatable.p-datatable-lg .p-datatable-footer {
        padding: var(--p-datatable-footer-lg-padding);
    }

    .p-datatable-row-toggle-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: var(--p-datatable-row-toggle-button-size);
        height: var(--p-datatable-row-toggle-button-size);
        color: var(--p-datatable-row-toggle-button-color);
        border: 0 none;
        background: transparent;
        cursor: pointer;
        border-radius: var(--p-datatable-row-toggle-button-border-radius);
        transition: background var(--p-datatable-transition-duration), color var(--p-datatable-transition-duration), border-color var(--p-datatable-transition-duration), outline-color var(--p-datatable-transition-duration), box-shadow var(--p-datatable-transition-duration);
        outline-color: transparent;
        user-select: none;
    }

    .p-datatable-row-toggle-button:enabled:hover {
        color: var(--p-datatable-row-toggle-button-hover-color);
        background: var(--p-datatable-row-toggle-button-hover-background);
    }

    .p-datatable-tbody>tr.p-datatable-row-selected .p-datatable-row-toggle-button:hover {
        background: var(--p-datatable-row-toggle-button-selected-hover-background);
        color: var(--p-datatable-row-toggle-button-selected-hover-color);
    }

    .p-datatable-row-toggle-button:focus-visible {
        box-shadow: var(--p-datatable-row-toggle-button-focus-ring-shadow);
        outline: var(--p-datatable-row-toggle-button-focus-ring-width) var(--p-datatable-row-toggle-button-focus-ring-style) var(--p-datatable-row-toggle-button-focus-ring-color);
        outline-offset: var(--p-datatable-row-toggle-button-focus-ring-offset);
    }

    .p-datatable-row-toggle-icon:dir(rtl) {
        transform: rotate(180deg);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-dataview-paginator-bottom-border-color: var(--p-content-border-color);
        --p-dataview-paginator-bottom-border-width: 1px 0 0 0;
        --p-dataview-paginator-top-border-color: var(--p-content-border-color);
        --p-dataview-paginator-top-border-width: 0 0 1px 0;
        --p-dataview-footer-background: var(--p-content-background);
        --p-dataview-footer-color: var(--p-content-color);
        --p-dataview-footer-border-color: var(--p-content-border-color);
        --p-dataview-footer-border-width: 1px 0 0 0;
        --p-dataview-footer-padding: 0.75rem 1rem;
        --p-dataview-footer-border-radius: 0;
        --p-dataview-content-background: var(--p-content-background);
        --p-dataview-content-color: var(--p-content-color);
        --p-dataview-content-border-color: transparent;
        --p-dataview-content-border-width: 0;
        --p-dataview-content-padding: 0;
        --p-dataview-content-border-radius: 0;
        --p-dataview-header-background: var(--p-content-background);
        --p-dataview-header-color: var(--p-content-color);
        --p-dataview-header-border-color: var(--p-content-border-color);
        --p-dataview-header-border-width: 0 0 1px 0;
        --p-dataview-header-padding: 0.75rem 1rem;
        --p-dataview-header-border-radius: 0;
        --p-dataview-border-color: transparent;
        --p-dataview-border-width: 0;
        --p-dataview-border-radius: 0;
        --p-dataview-padding: 0;
    }
}

/* ========================================= */

@layer primevue {
    .p-dataview {
        position: relative;
        border-color: var(--p-dataview-border-color);
        border-width: var(--p-dataview-border-width);
        border-style: solid;
        border-radius: var(--p-dataview-border-radius);
        padding: var(--p-dataview-padding);
    }

    .p-dataview-header {
        background: var(--p-dataview-header-background);
        color: var(--p-dataview-header-color);
        border-color: var(--p-dataview-header-border-color);
        border-width: var(--p-dataview-header-border-width);
        border-style: solid;
        padding: var(--p-dataview-header-padding);
        border-radius: var(--p-dataview-header-border-radius);
    }

    .p-dataview-content {
        background: var(--p-dataview-content-background);
        border-color: var(--p-dataview-content-border-color);
        border-width: var(--p-dataview-content-border-width);
        border-style: solid;
        color: var(--p-dataview-content-color);
        padding: var(--p-dataview-content-padding);
        border-radius: var(--p-dataview-content-border-radius);
    }

    .p-dataview-footer {
        background: var(--p-dataview-footer-background);
        color: var(--p-dataview-footer-color);
        border-color: var(--p-dataview-footer-border-color);
        border-width: var(--p-dataview-footer-border-width);
        border-style: solid;
        padding: var(--p-dataview-footer-padding);
        border-radius: var(--p-dataview-footer-border-radius);
    }

    .p-dataview-paginator-top {
        border-width: var(--p-dataview-paginator-top-border-width);
        border-color: var(--p-dataview-paginator-top-border-color);
        border-style: solid;
    }

    .p-dataview-paginator-bottom {
        border-width: var(--p-dataview-paginator-bottom-border-width);
        border-color: var(--p-dataview-paginator-bottom-border-color);
        border-style: solid;
    }

    .p-dataview-loading-overlay {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-orderlist-controls-gap: 0.5rem;
        --p-orderlist-gap: 1.125rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-orderlist {
        display: flex;
        gap: var(--p-orderlist-gap);
    }

    .p-orderlist .p-listbox {
        flex: 1 1 auto;
    }

    .p-orderlist-controls {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: var(--p-orderlist-controls-gap);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-organizationchart-connector-color: var(--p-content-border-color);
        --p-organizationchart-connector-border-radius: var(--p-content-border-radius);
        --p-organizationchart-connector-height: 24px;
        --p-organizationchart-node-toggle-button-background: var(--p-content-background);
        --p-organizationchart-node-toggle-button-hover-background: var(--p-content-hover-background);
        --p-organizationchart-node-toggle-button-border-color: var(--p-content-border-color);
        --p-organizationchart-node-toggle-button-color: var(--p-text-muted-color);
        --p-organizationchart-node-toggle-button-hover-color: var(--p-text-color);
        --p-organizationchart-node-toggle-button-size: 1.5rem;
        --p-organizationchart-node-toggle-button-border-radius: 50%;
        --p-organizationchart-node-toggle-button-focus-ring-width: var(--p-focus-ring-width);
        --p-organizationchart-node-toggle-button-focus-ring-style: var(--p-focus-ring-style);
        --p-organizationchart-node-toggle-button-focus-ring-color: var(--p-focus-ring-color);
        --p-organizationchart-node-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-organizationchart-node-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-organizationchart-node-background: var(--p-content-background);
        --p-organizationchart-node-hover-background: var(--p-content-hover-background);
        --p-organizationchart-node-selected-background: var(--p-highlight-background);
        --p-organizationchart-node-border-color: var(--p-content-border-color);
        --p-organizationchart-node-color: var(--p-content-color);
        --p-organizationchart-node-selected-color: var(--p-highlight-color);
        --p-organizationchart-node-hover-color: var(--p-content-hover-color);
        --p-organizationchart-node-padding: 0.75rem 1rem;
        --p-organizationchart-node-toggleable-padding: 0.75rem 1rem 1.25rem 1rem;
        --p-organizationchart-node-border-radius: var(--p-content-border-radius);
        --p-organizationchart-gutter: 0.75rem;
        --p-organizationchart-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-organizationchart-table {
        border-spacing: 0;
        border-collapse: separate;
        margin: 0 auto;
    }

    .p-organizationchart-table>tbody>tr>td {
        text-align: center;
        vertical-align: top;
        padding: 0 var(--p-organizationchart-gutter);
    }

    .p-organizationchart-node {
        display: inline-block;
        position: relative;
        border: 1px solid var(--p-organizationchart-node-border-color);
        background: var(--p-organizationchart-node-background);
        color: var(--p-organizationchart-node-color);
        padding: var(--p-organizationchart-node-padding);
        border-radius: var(--p-organizationchart-node-border-radius);
        transition: background var(--p-organizationchart-transition-duration), border-color var(--p-organizationchart-transition-duration), color var(--p-organizationchart-transition-duration), box-shadow var(--p-organizationchart-transition-duration);
    }

    .p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {
        padding: var(--p-organizationchart-node-toggleable-padding);
    }

    .p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {
        background: var(--p-organizationchart-node-hover-background);
        color: var(--p-organizationchart-node-hover-color);
    }

    .p-organizationchart-node-selected {
        background: var(--p-organizationchart-node-selected-background);
        color: var(--p-organizationchart-node-selected-color);
    }

    .p-organizationchart-node-toggle-button {
        position: absolute;
        inset-block-end: calc(-1 * calc(var(--p-organizationchart-node-toggle-button-size) / 2));
        margin-inline-start: calc(-1 * calc(var(--p-organizationchart-node-toggle-button-size) / 2));
        z-index: 2;
        inset-inline-start: 50%;
        user-select: none;
        cursor: pointer;
        width: var(--p-organizationchart-node-toggle-button-size);
        height: var(--p-organizationchart-node-toggle-button-size);
        text-decoration: none;
        background: var(--p-organizationchart-node-toggle-button-background);
        color: var(--p-organizationchart-node-toggle-button-color);
        border-radius: var(--p-organizationchart-node-toggle-button-border-radius);
        border: 1px solid var(--p-organizationchart-node-toggle-button-border-color);
        display: inline-flex;
        justify-content: center;
        align-items: center;
        outline-color: transparent;
        transition: background var(--p-organizationchart-transition-duration), color var(--p-organizationchart-transition-duration), border-color var(--p-organizationchart-transition-duration), outline-color var(--p-organizationchart-transition-duration), box-shadow var(--p-organizationchart-transition-duration);
    }

    .p-organizationchart-node-toggle-button:hover {
        background: var(--p-organizationchart-node-toggle-button-hover-background);
        color: var(--p-organizationchart-node-toggle-button-hover-color);
    }

    .p-organizationchart-node-toggle-button:focus-visible {
        box-shadow: var(--p-organizationchart-node-toggle-button-focus-ring-shadow);
        outline: var(--p-organizationchart-node-toggle-button-focus-ring-width) var(--p-organizationchart-node-toggle-button-focus-ring-style) var(--p-organizationchart-node-toggle-button-focus-ring-color);
        outline-offset: var(--p-organizationchart-node-toggle-button-focus-ring-offset);
    }

    .p-organizationchart-node-toggle-button-icon {
        position: relative;
        inset-block-start: 1px;
    }

    .p-organizationchart-connector-down {
        margin: 0 auto;
        height: var(--p-organizationchart-connector-height);
        width: 1px;
        background: var(--p-organizationchart-connector-color);
    }

    .p-organizationchart-connector-right {
        border-radius: 0;
    }

    .p-organizationchart-connector-left {
        border-radius: 0;
        border-inline-end: 1px solid var(--p-organizationchart-connector-color);
    }

    .p-organizationchart-connector-top {
        border-block-start: 1px solid var(--p-organizationchart-connector-color);
    }

    .p-organizationchart-node-selectable {
        cursor: pointer;
    }

    .p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {
        border-inline-end: 0 none;
    }

    .p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {
        border-start-end-radius: var(--p-organizationchart-connector-border-radius);
    }

    .p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {
        border-inline-start: 1px solid var(--p-organizationchart-connector-color);
        border-start-start-radius: var(--p-organizationchart-connector-border-radius);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-paginator-jump-to-page-input-max-width: 2.5rem;
        --p-paginator-current-page-report-color: var(--p-text-muted-color);
        --p-paginator-nav-button-background: transparent;
        --p-paginator-nav-button-hover-background: var(--p-content-hover-background);
        --p-paginator-nav-button-selected-background: var(--p-highlight-background);
        --p-paginator-nav-button-color: var(--p-text-muted-color);
        --p-paginator-nav-button-hover-color: var(--p-text-hover-muted-color);
        --p-paginator-nav-button-selected-color: var(--p-highlight-color);
        --p-paginator-nav-button-width: 2.5rem;
        --p-paginator-nav-button-height: 2.5rem;
        --p-paginator-nav-button-border-radius: 50%;
        --p-paginator-nav-button-focus-ring-width: var(--p-focus-ring-width);
        --p-paginator-nav-button-focus-ring-style: var(--p-focus-ring-style);
        --p-paginator-nav-button-focus-ring-color: var(--p-focus-ring-color);
        --p-paginator-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-paginator-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-paginator-padding: 0.5rem 1rem;
        --p-paginator-gap: 0.25rem;
        --p-paginator-border-radius: var(--p-content-border-radius);
        --p-paginator-background: var(--p-content-background);
        --p-paginator-color: var(--p-content-color);
        --p-paginator-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-paginator {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        background: var(--p-paginator-background);
        color: var(--p-paginator-color);
        padding: var(--p-paginator-padding);
        border-radius: var(--p-paginator-border-radius);
        gap: var(--p-paginator-gap);
    }

    .p-paginator-content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: var(--p-paginator-gap);
    }

    .p-paginator-content-start {
        margin-inline-end: auto;
    }

    .p-paginator-content-end {
        margin-inline-start: auto;
    }

    .p-paginator-page,
    .p-paginator-next,
    .p-paginator-last,
    .p-paginator-first,
    .p-paginator-prev {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
        user-select: none;
        overflow: hidden;
        position: relative;
        background: var(--p-paginator-nav-button-background);
        border: 0 none;
        color: var(--p-paginator-nav-button-color);
        min-width: var(--p-paginator-nav-button-width);
        height: var(--p-paginator-nav-button-height);
        transition: background var(--p-paginator-transition-duration), color var(--p-paginator-transition-duration), outline-color var(--p-paginator-transition-duration), box-shadow var(--p-paginator-transition-duration);
        border-radius: var(--p-paginator-nav-button-border-radius);
        padding: 0;
        margin: 0;
    }

    .p-paginator-page:focus-visible,
    .p-paginator-next:focus-visible,
    .p-paginator-last:focus-visible,
    .p-paginator-first:focus-visible,
    .p-paginator-prev:focus-visible {
        box-shadow: var(--p-paginator-nav-button-focus-ring-shadow);
        outline: var(--p-paginator-nav-button-focus-ring-width) var(--p-paginator-nav-button-focus-ring-style) var(--p-paginator-nav-button-focus-ring-color);
        outline-offset: var(--p-paginator-nav-button-focus-ring-offset);
    }

    .p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,
    .p-paginator-first:not(.p-disabled):hover,
    .p-paginator-prev:not(.p-disabled):hover,
    .p-paginator-next:not(.p-disabled):hover,
    .p-paginator-last:not(.p-disabled):hover {
        background: var(--p-paginator-nav-button-hover-background);
        color: var(--p-paginator-nav-button-hover-color);
    }

    .p-paginator-page.p-paginator-page-selected {
        background: var(--p-paginator-nav-button-selected-background);
        color: var(--p-paginator-nav-button-selected-color);
    }

    .p-paginator-current {
        color: var(--p-paginator-current-page-report-color);
    }

    .p-paginator-pages {
        display: flex;
        align-items: center;
        gap: var(--p-paginator-gap);
    }

    .p-paginator-jtp-input .p-inputtext {
        max-width: var(--p-paginator-jump-to-page-input-max-width);
    }

    .p-paginator-first:dir(rtl),
    .p-paginator-prev:dir(rtl),
    .p-paginator-next:dir(rtl),
    .p-paginator-last:dir(rtl) {
        transform: rotate(180deg);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-picklist-controls-gap: 0.5rem;
        --p-picklist-gap: 1.125rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-picklist {
        display: flex;
        gap: var(--p-picklist-gap);
    }

    .p-picklist-controls {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: var(--p-picklist-controls-gap);
    }

    .p-picklist-list-container {
        flex: 1 1 50%;
    }

    .p-picklist .p-listbox {
        height: 100%;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-tree-filter-margin: 0 0 0.5rem 0;
        --p-tree-loading-icon-size: 2rem;
        --p-tree-node-toggle-button-border-radius: 50%;
        --p-tree-node-toggle-button-size: 1.75rem;
        --p-tree-node-toggle-button-hover-background: var(--p-content-hover-background);
        --p-tree-node-toggle-button-selected-hover-background: var(--p-content-background);
        --p-tree-node-toggle-button-color: var(--p-text-muted-color);
        --p-tree-node-toggle-button-hover-color: var(--p-text-hover-muted-color);
        --p-tree-node-toggle-button-selected-hover-color: var(--p-primary-color);
        --p-tree-node-toggle-button-focus-ring-width: var(--p-focus-ring-width);
        --p-tree-node-toggle-button-focus-ring-style: var(--p-focus-ring-style);
        --p-tree-node-toggle-button-focus-ring-color: var(--p-focus-ring-color);
        --p-tree-node-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-tree-node-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-tree-node-icon-color: var(--p-text-muted-color);
        --p-tree-node-icon-hover-color: var(--p-text-hover-muted-color);
        --p-tree-node-icon-selected-color: var(--p-highlight-color);
        --p-tree-node-padding: 0.25rem 0.5rem;
        --p-tree-node-border-radius: var(--p-content-border-radius);
        --p-tree-node-hover-background: var(--p-content-hover-background);
        --p-tree-node-selected-background: var(--p-highlight-background);
        --p-tree-node-color: var(--p-text-color);
        --p-tree-node-hover-color: var(--p-text-hover-color);
        --p-tree-node-selected-color: var(--p-highlight-color);
        --p-tree-node-gap: 0.25rem;
        --p-tree-node-focus-ring-width: var(--p-focus-ring-width);
        --p-tree-node-focus-ring-style: var(--p-focus-ring-style);
        --p-tree-node-focus-ring-color: var(--p-focus-ring-color);
        --p-tree-node-focus-ring-offset: -1px;
        --p-tree-node-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-tree-background: var(--p-content-background);
        --p-tree-color: var(--p-content-color);
        --p-tree-padding: 1rem;
        --p-tree-gap: 2px;
        --p-tree-indent: 1rem;
        --p-tree-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-tree {
        display: block;
        background: var(--p-tree-background);
        color: var(--p-tree-color);
        padding: var(--p-tree-padding);
        position: relative;
    }

    .p-tree-root-children,
    .p-tree-node-children {
        display: flex;
        list-style-type: none;
        flex-direction: column;
        margin: 0;
        gap: var(--p-tree-gap);
    }

    .p-tree-root-children {
        padding: 0;
        padding-block-start: var(--p-tree-gap);
    }

    .p-tree-node-children {
        padding: 0;
        padding-block-start: var(--p-tree-gap);
        padding-inline-start: var(--p-tree-indent);
    }

    .p-tree-node {
        padding: 0;
        outline: 0 none;
    }

    .p-tree-node-content {
        border-radius: var(--p-tree-node-border-radius);
        padding: var(--p-tree-node-padding);
        display: flex;
        align-items: center;
        outline-color: transparent;
        color: var(--p-tree-node-color);
        gap: var(--p-tree-node-gap);
        transition: background var(--p-tree-transition-duration), color var(--p-tree-transition-duration), outline-color var(--p-tree-transition-duration), box-shadow var(--p-tree-transition-duration);
    }

    .p-tree-node-content[data-p-dragging] {
        outline: 1px dashed var(--p-primary-color);
        outline-offset: -1px;
    }

    .p-tree-node-content[data-pc-section="drag-image"] {
        background: var(--p-tree-background);
    }

    .p-tree-node:focus-visible>.p-tree-node-content {
        box-shadow: var(--p-tree-node-focus-ring-shadow);
        outline: var(--p-tree-node-focus-ring-width) var(--p-tree-node-focus-ring-style) var(--p-tree-node-focus-ring-color);
        outline-offset: var(--p-tree-node-focus-ring-offset);
    }

    .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover {
        background: var(--p-tree-node-hover-background);
        color: var(--p-tree-node-hover-color);
    }

    .p-tree-node-content.p-tree-node-selectable:not(.p-tree-node-selected):hover .p-tree-node-icon {
        color: var(--p-tree-node-icon-hover-color);
    }

    .p-tree-node-content.p-tree-node-selected {
        background: var(--p-tree-node-selected-background);
        color: var(--p-tree-node-selected-color);
    }

    .p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-button {
        color: inherit;
    }

    .p-tree-node-content.p-tree-node-dragover {
        background: var(--p-tree-node-hover-background);
        color: var(--p-tree-node-hover-color);
    }

    .p-tree-node-content:focus-visible,
    .p-tree-node-content.p-tree-node-contextmenu-selected {
        box-shadow: var(--p-tree-node-focus-ring-shadow);
        outline: var(--p-tree-node-focus-ring-width) var(--p-tree-node-focus-ring-style) var(--p-tree-node-focus-ring-color);
        outline-offset: var(--p-tree-node-focus-ring-offset);
    }

    .p-tree-node-drop-point {
        outline: 1px solid var(--p-primary-color);
    }

    .p-tree-node-toggle-button {
        cursor: pointer;
        user-select: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        flex-shrink: 0;
        width: var(--p-tree-node-toggle-button-size);
        height: var(--p-tree-node-toggle-button-size);
        color: var(--p-tree-node-toggle-button-color);
        border: 0 none;
        background: transparent;
        border-radius: var(--p-tree-node-toggle-button-border-radius);
        transition: background var(--p-tree-transition-duration), color var(--p-tree-transition-duration), border-color var(--p-tree-transition-duration), outline-color var(--p-tree-transition-duration), box-shadow var(--p-tree-transition-duration);
        outline-color: transparent;
        padding: 0;
    }

    .p-tree-node-toggle-button:enabled:hover {
        background: var(--p-tree-node-toggle-button-hover-background);
        color: var(--p-tree-node-toggle-button-hover-color);
    }

    .p-tree-node-content.p-tree-node-selected .p-tree-node-toggle-button:hover {
        background: var(--p-tree-node-toggle-button-selected-hover-background);
        color: var(--p-tree-node-toggle-button-selected-hover-color);
    }

    .p-tree-root {
        overflow: auto;
    }

    .p-tree-node-selectable {
        cursor: pointer;
        user-select: none;
    }

    .p-tree-node-leaf>.p-tree-node-content .p-tree-node-toggle-button {
        visibility: hidden;
    }

    .p-tree-node-icon {
        color: var(--p-tree-node-icon-color);
        transition: color var(--p-tree-transition-duration);
    }

    .p-tree-node-content.p-tree-node-selected .p-tree-node-icon {
        color: var(--p-tree-node-icon-selected-color);
    }

    .p-tree-filter {
        margin: var(--p-tree-filter-margin);
    }

    .p-tree-filter-input {
        width: 100%;
    }

    .p-tree-loading-icon {
        font-size: var(--p-tree-loading-icon-size);
        width: var(--p-tree-loading-icon-size);
        height: var(--p-tree-loading-icon-size);
    }

    .p-tree .p-tree-mask {
        position: absolute;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-tree-flex-scrollable {
        display: flex;
        flex: 1;
        height: 100%;
        flex-direction: column;
    }

    .p-tree-flex-scrollable .p-tree-root {
        flex: 1;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-treetable-paginator-bottom-border-color: var(--p-content-border-color);
        --p-treetable-paginator-bottom-border-width: 0 0 1px 0;
        --p-treetable-paginator-top-border-color: var(--p-content-border-color);
        --p-treetable-paginator-top-border-width: 0 0 1px 0;
        --p-treetable-node-toggle-button-hover-background: var(--p-content-hover-background);
        --p-treetable-node-toggle-button-selected-hover-background: var(--p-content-background);
        --p-treetable-node-toggle-button-color: var(--p-text-muted-color);
        --p-treetable-node-toggle-button-hover-color: var(--p-text-color);
        --p-treetable-node-toggle-button-selected-hover-color: var(--p-primary-color);
        --p-treetable-node-toggle-button-size: 1.75rem;
        --p-treetable-node-toggle-button-border-radius: 50%;
        --p-treetable-node-toggle-button-focus-ring-width: var(--p-focus-ring-width);
        --p-treetable-node-toggle-button-focus-ring-style: var(--p-focus-ring-style);
        --p-treetable-node-toggle-button-focus-ring-color: var(--p-focus-ring-color);
        --p-treetable-node-toggle-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-treetable-node-toggle-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-treetable-loading-icon-size: 2rem;
        --p-treetable-sort-icon-color: var(--p-text-muted-color);
        --p-treetable-sort-icon-hover-color: var(--p-text-hover-muted-color);
        --p-treetable-sort-icon-size: 0.875rem;
        --p-treetable-resize-indicator-width: 1px;
        --p-treetable-resize-indicator-color: var(--p-primary-color);
        --p-treetable-column-resizer-width: 0.5rem;
        --p-treetable-footer-background: var(--p-content-background);
        --p-treetable-footer-border-color: var(--p-treetable-border-color);
        --p-treetable-footer-color: var(--p-content-color);
        --p-treetable-footer-border-width: 0 0 1px 0;
        --p-treetable-footer-padding: 0.75rem 1rem;
        --p-treetable-column-footer-font-weight: 600;
        --p-treetable-footer-cell-background: var(--p-content-background);
        --p-treetable-footer-cell-border-color: var(--p-treetable-border-color);
        --p-treetable-footer-cell-color: var(--p-content-color);
        --p-treetable-footer-cell-padding: 0.75rem 1rem;
        --p-treetable-body-cell-border-color: var(--p-treetable-border-color);
        --p-treetable-body-cell-padding: 0.75rem 1rem;
        --p-treetable-body-cell-gap: 0.5rem;
        --p-treetable-row-background: var(--p-content-background);
        --p-treetable-row-hover-background: var(--p-content-hover-background);
        --p-treetable-row-selected-background: var(--p-highlight-background);
        --p-treetable-row-color: var(--p-content-color);
        --p-treetable-row-hover-color: var(--p-content-hover-color);
        --p-treetable-row-selected-color: var(--p-highlight-color);
        --p-treetable-row-focus-ring-width: var(--p-focus-ring-width);
        --p-treetable-row-focus-ring-style: var(--p-focus-ring-style);
        --p-treetable-row-focus-ring-color: var(--p-focus-ring-color);
        --p-treetable-row-focus-ring-offset: -1px;
        --p-treetable-row-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-treetable-column-title-font-weight: 600;
        --p-treetable-header-cell-background: var(--p-content-background);
        --p-treetable-header-cell-hover-background: var(--p-content-hover-background);
        --p-treetable-header-cell-selected-background: var(--p-highlight-background);
        --p-treetable-header-cell-border-color: var(--p-treetable-border-color);
        --p-treetable-header-cell-color: var(--p-content-color);
        --p-treetable-header-cell-hover-color: var(--p-content-hover-color);
        --p-treetable-header-cell-selected-color: var(--p-highlight-color);
        --p-treetable-header-cell-gap: 0.5rem;
        --p-treetable-header-cell-padding: 0.75rem 1rem;
        --p-treetable-header-cell-focus-ring-width: var(--p-focus-ring-width);
        --p-treetable-header-cell-focus-ring-style: var(--p-focus-ring-style);
        --p-treetable-header-cell-focus-ring-color: var(--p-focus-ring-color);
        --p-treetable-header-cell-focus-ring-offset: -1px;
        --p-treetable-header-cell-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-treetable-header-background: var(--p-content-background);
        --p-treetable-header-border-color: var(--p-treetable-border-color);
        --p-treetable-header-color: var(--p-content-color);
        --p-treetable-header-border-width: 0 0 1px 0;
        --p-treetable-header-padding: 0.75rem 1rem;
        --p-treetable-transition-duration: var(--p-transition-duration);
        --p-treetable-body-cell-selected-border-color: var(--p-primary-100);
        --p-treetable-border-color: var(--p-content-border-color);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-treetable {
        position: relative;
    }

    .p-treetable-table {
        border-spacing: 0;
        border-collapse: separate;
        width: 100%;
    }

    .p-treetable-scrollable>.p-treetable-table-container {
        position: relative;
    }

    .p-treetable-scrollable-table>.p-treetable-thead {
        inset-block-start: 0;
        z-index: 1;
    }

    .p-treetable-scrollable-table>.p-treetable-frozen-tbody {
        position: sticky;
        z-index: 1;
    }

    .p-treetable-scrollable-table>.p-treetable-tfoot {
        inset-block-end: 0;
        z-index: 1;
    }

    .p-treetable-scrollable .p-treetable-frozen-column {
        position: sticky;
        background: var(--p-treetable-header-cell-background);
    }

    .p-treetable-scrollable th.p-treetable-frozen-column {
        z-index: 1;
    }

    .p-treetable-scrollable>.p-treetable-table-container>.p-treetable-table>.p-treetable-thead {
        background: var(--p-treetable-header-cell-background);
    }

    .p-treetable-scrollable>.p-treetable-table-container>.p-treetable-table>.p-treetable-tfoot {
        background: var(--p-treetable-footer-cell-background);
    }

    .p-treetable-flex-scrollable {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .p-treetable-flex-scrollable>.p-treetable-table-container {
        display: flex;
        flex-direction: column;
        flex: 1;
        height: 100%;
    }

    .p-treetable-scrollable-table>.p-treetable-tbody>.p-treetable-row-group-header {
        position: sticky;
        z-index: 1;
    }

    .p-treetable-resizable-table>.p-treetable-thead>tr>th,
    .p-treetable-resizable-table>.p-treetable-tfoot>tr>td,
    .p-treetable-resizable-table>.p-treetable-tbody>tr>td {
        overflow: hidden;
        white-space: nowrap;
    }

    .p-treetable-resizable-table>.p-treetable-thead>tr>th.p-treetable-resizable-column:not(.p-treetable-frozen-column) {
        background-clip: padding-box;
        position: relative;
    }

    .p-treetable-resizable-table-fit>.p-treetable-thead>tr>th.p-treetable-resizable-column:last-child .p-treetable-column-resizer {
        display: none;
    }

    .p-treetable-column-resizer {
        display: block;
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        margin: 0;
        width: var(--p-treetable-column-resizer-width);
        height: 100%;
        padding: 0;
        cursor: col-resize;
        border: 1px solid transparent;
    }

    .p-treetable-column-header-content {
        display: flex;
        align-items: center;
        gap: var(--p-treetable-header-cell-gap);
    }

    .p-treetable-column-resize-indicator {
        width: var(--p-treetable-resize-indicator-width);
        position: absolute;
        z-index: 10;
        display: none;
        background: var(--p-treetable-resize-indicator-color);
    }

    .p-treetable-mask {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .p-treetable-paginator-top {
        border-color: var(--p-treetable-paginator-top-border-color);
        border-style: solid;
        border-width: var(--p-treetable-paginator-top-border-width);
    }

    .p-treetable-paginator-bottom {
        border-color: var(--p-treetable-paginator-bottom-border-color);
        border-style: solid;
        border-width: var(--p-treetable-paginator-bottom-border-width);
    }

    .p-treetable-header {
        background: var(--p-treetable-header-background);
        color: var(--p-treetable-header-color);
        border-color: var(--p-treetable-header-border-color);
        border-style: solid;
        border-width: var(--p-treetable-header-border-width);
        padding: var(--p-treetable-header-padding);
    }

    .p-treetable-footer {
        background: var(--p-treetable-footer-background);
        color: var(--p-treetable-footer-color);
        border-color: var(--p-treetable-footer-border-color);
        border-style: solid;
        border-width: var(--p-treetable-footer-border-width);
        padding: var(--p-treetable-footer-padding);
    }

    .p-treetable-header-cell {
        padding: var(--p-treetable-header-cell-padding);
        background: var(--p-treetable-header-cell-background);
        border-color: var(--p-treetable-header-cell-border-color);
        border-style: solid;
        border-width: 0 0 1px 0;
        color: var(--p-treetable-header-cell-color);
        font-weight: normal;
        text-align: start;
        transition: background var(--p-treetable-transition-duration), color var(--p-treetable-transition-duration), border-color var(--p-treetable-transition-duration), outline-color var(--p-treetable-transition-duration), box-shadow var(--p-treetable-transition-duration);
    }

    .p-treetable-column-title {
        font-weight: var(--p-treetable-column-title-font-weight);
    }

    .p-treetable-tbody>tr {
        outline-color: transparent;
        background: var(--p-treetable-row-background);
        color: var(--p-treetable-row-color);
        transition: background var(--p-treetable-transition-duration), color var(--p-treetable-transition-duration), border-color var(--p-treetable-transition-duration), outline-color var(--p-treetable-transition-duration), box-shadow var(--p-treetable-transition-duration);
    }

    .p-treetable-tbody>tr>td {
        text-align: start;
        border-color: var(--p-treetable-body-cell-border-color);
        border-style: solid;
        border-width: 0 0 1px 0;
        padding: var(--p-treetable-body-cell-padding);
    }

    .p-treetable-hoverable .p-treetable-tbody>tr:not(.p-treetable-row-selected):hover {
        background: var(--p-treetable-row-hover-background);
        color: var(--p-treetable-row-hover-color);
    }

    .p-treetable-tbody>tr.p-treetable-row-selected {
        background: var(--p-treetable-row-selected-background);
        color: var(--p-treetable-row-selected-color);
    }

    .p-treetable-tbody>tr:has(+ .p-treetable-row-selected)>td {
        border-block-end-color: var(--p-treetable-body-cell-selected-border-color);
    }

    .p-treetable-tbody>tr.p-treetable-row-selected>td {
        border-block-end-color: var(--p-treetable-body-cell-selected-border-color);
    }

    .p-treetable-tbody>tr:focus-visible,
    .p-treetable-tbody>tr.p-treetable-contextmenu-row-selected {
        box-shadow: var(--p-treetable-row-focus-ring-shadow);
        outline: var(--p-treetable-row-focus-ring-width) var(--p-treetable-row-focus-ring-style) var(--p-treetable-row-focus-ring-color);
        outline-offset: var(--p-treetable-row-focus-ring-offset);
    }

    .p-treetable-tfoot>tr>td {
        text-align: start;
        padding: var(--p-treetable-footer-cell-padding);
        border-color: var(--p-treetable-footer-cell-border-color);
        border-style: solid;
        border-width: 0 0 1px 0;
        color: var(--p-treetable-footer-cell-color);
        background: var(--p-treetable-footer-cell-background);
    }

    .p-treetable-column-footer {
        font-weight: var(--p-treetable-column-footer-font-weight);
    }

    .p-treetable-sortable-column {
        cursor: pointer;
        user-select: none;
        outline-color: transparent;
    }

    .p-treetable-column-title,
    .p-treetable-sort-icon,
    .p-treetable-sort-badge {
        vertical-align: middle;
    }

    .p-treetable-sort-icon {
        color: var(--p-treetable-sort-icon-color);
        font-size: var(--p-treetable-sort-icon-size);
        width: var(--p-treetable-sort-icon-size);
        height: var(--p-treetable-sort-icon-size);
        transition: color var(--p-treetable-transition-duration);
    }

    .p-treetable-sortable-column:not(.p-treetable-column-sorted):hover {
        background: var(--p-treetable-header-cell-hover-background);
        color: var(--p-treetable-header-cell-hover-color);
    }

    .p-treetable-sortable-column:not(.p-treetable-column-sorted):hover .p-treetable-sort-icon {
        color: var(--p-treetable-sort-icon-hover-color);
    }

    .p-treetable-column-sorted {
        background: var(--p-treetable-header-cell-selected-background);
        color: var(--p-treetable-header-cell-selected-color);
    }

    .p-treetable-column-sorted .p-treetable-sort-icon {
        color: var(--p-treetable-header-cell-selected-color);
    }

    .p-treetable-sortable-column:focus-visible {
        box-shadow: var(--p-treetable-header-cell-focus-ring-shadow);
        outline: var(--p-treetable-header-cell-focus-ring-width) var(--p-treetable-header-cell-focus-ring-style) var(--p-treetable-header-cell-focus-ring-color);
        outline-offset: var(--p-treetable-header-cell-focus-ring-offset);
    }

    .p-treetable-hoverable .p-treetable-selectable-row {
        cursor: pointer;
    }

    .p-treetable-loading-icon {
        font-size: var(--p-treetable-loading-icon-size);
        width: var(--p-treetable-loading-icon-size);
        height: var(--p-treetable-loading-icon-size);
    }

    .p-treetable-gridlines .p-treetable-header {
        border-width: 1px 1px 0 1px;
    }

    .p-treetable-gridlines .p-treetable-footer {
        border-width: 0 1px 1px 1px;
    }

    .p-treetable-gridlines .p-treetable-paginator-top {
        border-width: 1px 1px 0 1px;
    }

    .p-treetable-gridlines .p-treetable-paginator-bottom {
        border-width: 0 1px 1px 1px;
    }

    .p-treetable-gridlines .p-treetable-thead>tr>th {
        border-width: 1px 0 1px 1px;
    }

    .p-treetable-gridlines .p-treetable-thead>tr>th:last-child {
        border-width: 1px;
    }

    .p-treetable-gridlines .p-treetable-tbody>tr>td {
        border-width: 1px 0 0 1px;
    }

    .p-treetable-gridlines .p-treetable-tbody>tr>td:last-child {
        border-width: 1px 1px 0 1px;
    }

    .p-treetable-gridlines .p-treetable-tbody>tr:last-child>td {
        border-width: 1px 0 1px 1px;
    }

    .p-treetable-gridlines .p-treetable-tbody>tr:last-child>td:last-child {
        border-width: 1px;
    }

    .p-treetable-gridlines .p-treetable-tfoot>tr>td {
        border-width: 1px 0 1px 1px;
    }

    .p-treetable-gridlines .p-treetable-tfoot>tr>td:last-child {
        border-width: 1px 1px 1px 1px;
    }

    .p-treetable.p-treetable-gridlines .p-treetable-thead+.p-treetable-tfoot>tr>td {
        border-width: 0 0 1px 1px;
    }

    .p-treetable.p-treetable-gridlines .p-treetable-thead+.p-treetable-tfoot>tr>td:last-child {
        border-width: 0 1px 1px 1px;
    }

    .p-treetable.p-treetable-gridlines:has(.p-treetable-thead):has(.p-treetable-tbody) .p-treetable-tbody>tr>td {
        border-width: 0 0 1px 1px;
    }

    .p-treetable.p-treetable-gridlines:has(.p-treetable-thead):has(.p-treetable-tbody) .p-treetable-tbody>tr>td:last-child {
        border-width: 0 1px 1px 1px;
    }

    .p-treetable.p-treetable-gridlines:has(.p-treetable-tbody):has(.p-treetable-tfoot) .p-treetable-tbody>tr:last-child>td {
        border-width: 0 0 0 1px;
    }

    .p-treetable.p-treetable-gridlines:has(.p-treetable-tbody):has(.p-treetable-tfoot) .p-treetable-tbody>tr:last-child>td:last-child {
        border-width: 0 1px 0 1px;
    }

    .p-treetable.p-treetable-sm .p-treetable-header {
        padding: 0.375rem 0.5rem;
    }

    .p-treetable.p-treetable-sm .p-treetable-thead>tr>th {
        padding: 0.375rem 0.5rem;
    }

    .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td {
        padding: 0.375rem 0.5rem;
    }

    .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td {
        padding: 0.375rem 0.5rem;
    }

    .p-treetable.p-treetable-sm .p-treetable-footer {
        padding: 0.375rem 0.5rem;
    }

    .p-treetable.p-treetable-lg .p-treetable-header {
        padding: 0.9375rem 1.25rem;
    }

    .p-treetable.p-treetable-lg .p-treetable-thead>tr>th {
        padding: 0.9375rem 1.25rem;
    }

    .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td {
        padding: 0.9375rem 1.25rem;
    }

    .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td {
        padding: 0.9375rem 1.25rem;
    }

    .p-treetable.p-treetable-lg .p-treetable-footer {
        padding: 0.9375rem 1.25rem;
    }

    .p-treetable-body-cell-content {
        display: flex;
        align-items: center;
        gap: var(--p-treetable-body-cell-gap);
    }

    .p-treetable-tbody>tr.p-treetable-row-selected .p-treetable-node-toggle-button {
        color: inherit;
    }

    .p-treetable-node-toggle-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        width: var(--p-treetable-node-toggle-button-size);
        height: var(--p-treetable-node-toggle-button-size);
        color: var(--p-treetable-node-toggle-button-color);
        border: 0 none;
        background: transparent;
        cursor: pointer;
        border-radius: var(--p-treetable-node-toggle-button-border-radius);
        transition: background var(--p-treetable-transition-duration), color var(--p-treetable-transition-duration), border-color var(--p-treetable-transition-duration), outline-color var(--p-treetable-transition-duration), box-shadow var(--p-treetable-transition-duration);
        outline-color: transparent;
        user-select: none;
    }

    .p-treetable-node-toggle-button:enabled:hover {
        color: var(--p-treetable-node-toggle-button-hover-color);
        background: var(--p-treetable-node-toggle-button-hover-background);
    }

    .p-treetable-tbody>tr.p-treetable-row-selected .p-treetable-node-toggle-button:hover {
        background: var(--p-treetable-node-toggle-button-selected-hover-background);
        color: var(--p-treetable-node-toggle-button-selected-hover-color);
    }

    .p-treetable-node-toggle-button:focus-visible {
        box-shadow: var(--p-treetable-node-toggle-button-focus-ring-shadow);
        outline: var(--p-treetable-node-toggle-button-focus-ring-width) var(--p-treetable-node-toggle-button-focus-ring-style) var(--p-treetable-node-toggle-button-focus-ring-color);
        outline-offset: var(--p-treetable-node-toggle-button-focus-ring-offset);
    }

    .p-treetable-node-toggle-icon:dir(rtl) {
        transform: rotate(180deg);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-timeline-event-connector-color: var(--p-content-border-color);
        --p-timeline-event-connector-size: 2px;
        --p-timeline-event-marker-size: 1.125rem;
        --p-timeline-event-marker-border-radius: 50%;
        --p-timeline-event-marker-border-width: 2px;
        --p-timeline-event-marker-background: var(--p-content-background);
        --p-timeline-event-marker-border-color: var(--p-content-border-color);
        --p-timeline-event-marker-content-border-radius: 50%;
        --p-timeline-event-marker-content-size: 0.375rem;
        --p-timeline-event-marker-content-background: var(--p-primary-color);
        --p-timeline-event-marker-content-inset-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
        --p-timeline-vertical-event-content-padding: 0 1rem;
        --p-timeline-horizontal-event-content-padding: 1rem 0;
        --p-timeline-event-min-height: 5rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-timeline {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        direction: ltr;
    }

    .p-timeline-left .p-timeline-event-opposite {
        text-align: right;
    }

    .p-timeline-left .p-timeline-event-content {
        text-align: left;
    }

    .p-timeline-right .p-timeline-event {
        flex-direction: row-reverse;
    }

    .p-timeline-right .p-timeline-event-opposite {
        text-align: left;
    }

    .p-timeline-right .p-timeline-event-content {
        text-align: right;
    }

    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {
        flex-direction: row-reverse;
    }

    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {
        text-align: right;
    }

    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {
        text-align: left;
    }

    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {
        text-align: left;
    }

    .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {
        text-align: right;
    }

    .p-timeline-vertical .p-timeline-event-opposite,
    .p-timeline-vertical .p-timeline-event-content {
        padding: var(--p-timeline-vertical-event-content-padding);
    }

    .p-timeline-vertical .p-timeline-event-connector {
        width: var(--p-timeline-event-connector-size);
    }

    .p-timeline-event {
        display: flex;
        position: relative;
        min-height: var(--p-timeline-event-min-height);
    }

    .p-timeline-event:last-child {
        min-height: 0;
    }

    .p-timeline-event-opposite {
        flex: 1;
    }

    .p-timeline-event-content {
        flex: 1;
    }

    .p-timeline-event-separator {
        flex: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .p-timeline-event-marker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        align-self: baseline;
        border-width: var(--p-timeline-event-marker-border-width);
        border-style: solid;
        border-color: var(--p-timeline-event-marker-border-color);
        border-radius: var(--p-timeline-event-marker-border-radius);
        width: var(--p-timeline-event-marker-size);
        height: var(--p-timeline-event-marker-size);
        background: var(--p-timeline-event-marker-background);
    }

    .p-timeline-event-marker::before {
        content: ' ';
        border-radius: var(--p-timeline-event-marker-content-border-radius);
        width: var(--p-timeline-event-marker-content-size);
        height: var(--p-timeline-event-marker-content-size);
        background: var(--p-timeline-event-marker-content-background);
    }

    .p-timeline-event-marker::after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: var(--p-timeline-event-marker-border-radius);
        box-shadow: var(--p-timeline-event-marker-content-inset-shadow);
    }

    .p-timeline-event-connector {
        flex-grow: 1;
        background: var(--p-timeline-event-connector-color);
    }

    .p-timeline-horizontal {
        flex-direction: row;
    }

    .p-timeline-horizontal .p-timeline-event {
        flex-direction: column;
        flex: 1;
    }

    .p-timeline-horizontal .p-timeline-event:last-child {
        flex: 0;
    }

    .p-timeline-horizontal .p-timeline-event-separator {
        flex-direction: row;
    }

    .p-timeline-horizontal .p-timeline-event-connector {
        width: 100%;
        height: var(--p-timeline-event-connector-size);
    }

    .p-timeline-horizontal .p-timeline-event-opposite,
    .p-timeline-horizontal .p-timeline-event-content {
        padding: var(--p-timeline-horizontal-event-content-padding);
    }

    .p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {
        flex-direction: column-reverse;
    }

    .p-timeline-bottom .p-timeline-event {
        flex-direction: column-reverse;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-virtualscroller-loader-icon-size: 2rem;
        --p-virtualscroller-loader-mask-background: var(--p-content-background);
        --p-virtualscroller-loader-mask-color: var(--p-text-muted-color);
    }
}

/* ========================================= */

@layer primevue {
    .p-virtualscroller-loader {
        background: var(--p-virtualscroller-loader-mask-background);
        color: var(--p-virtualscroller-loader-mask-color);
    }

    .p-virtualscroller-loading-icon {
        font-size: var(--p-virtualscroller-loader-icon-size);
        width: var(--p-virtualscroller-loader-icon-size);
        height: var(--p-virtualscroller-loader-icon-size);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-accordion-content-border-width: 0;
        --p-accordion-content-border-color: var(--p-content-border-color);
        --p-accordion-content-background: var(--p-content-background);
        --p-accordion-content-color: var(--p-text-color);
        --p-accordion-content-padding: 0 1.125rem 1.125rem 1.125rem;
        --p-accordion-header-color: var(--p-text-muted-color);
        --p-accordion-header-hover-color: var(--p-text-color);
        --p-accordion-header-active-color: var(--p-text-color);
        --p-accordion-header-active-hover-color: var(--p-text-color);
        --p-accordion-header-padding: 1.125rem;
        --p-accordion-header-font-weight: 600;
        --p-accordion-header-border-radius: 0;
        --p-accordion-header-border-width: 0;
        --p-accordion-header-border-color: var(--p-content-border-color);
        --p-accordion-header-background: var(--p-content-background);
        --p-accordion-header-hover-background: var(--p-content-background);
        --p-accordion-header-active-background: var(--p-content-background);
        --p-accordion-header-active-hover-background: var(--p-content-background);
        --p-accordion-header-last-bottom-border-radius: var(--p-content-border-radius);
        --p-accordion-header-last-active-bottom-border-radius: 0;
        --p-accordion-header-first-top-border-radius: var(--p-content-border-radius);
        --p-accordion-header-first-border-width: 0;
        --p-accordion-header-toggle-icon-color: var(--p-text-muted-color);
        --p-accordion-header-toggle-icon-hover-color: var(--p-text-color);
        --p-accordion-header-toggle-icon-active-color: var(--p-text-color);
        --p-accordion-header-toggle-icon-active-hover-color: var(--p-text-color);
        --p-accordion-header-focus-ring-width: var(--p-focus-ring-width);
        --p-accordion-header-focus-ring-style: var(--p-focus-ring-style);
        --p-accordion-header-focus-ring-color: var(--p-focus-ring-color);
        --p-accordion-header-focus-ring-offset: -1px;
        --p-accordion-header-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-accordion-panel-border-width: 0 0 1px 0;
        --p-accordion-panel-border-color: var(--p-content-border-color);
        --p-accordion-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-accordionpanel {
        display: flex;
        flex-direction: column;
        border-style: solid;
        border-width: var(--p-accordion-panel-border-width);
        border-color: var(--p-accordion-panel-border-color);
    }

    .p-accordionheader {
        all: unset;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--p-accordion-header-padding);
        color: var(--p-accordion-header-color);
        background: var(--p-accordion-header-background);
        border-style: solid;
        border-width: var(--p-accordion-header-border-width);
        border-color: var(--p-accordion-header-border-color);
        font-weight: var(--p-accordion-header-font-weight);
        border-radius: var(--p-accordion-header-border-radius);
        transition: background var(--p-accordion-transition-duration), color var(--p-accordion-transition-duration), outline-color var(--p-accordion-transition-duration), box-shadow var(--p-accordion-transition-duration);
        outline-color: transparent;
    }

    .p-accordionpanel:first-child>.p-accordionheader {
        border-width: var(--p-accordion-header-first-border-width);
        border-start-start-radius: var(--p-accordion-header-first-top-border-radius);
        border-start-end-radius: var(--p-accordion-header-first-top-border-radius);
    }

    .p-accordionpanel:last-child>.p-accordionheader {
        border-end-start-radius: var(--p-accordion-header-last-bottom-border-radius);
        border-end-end-radius: var(--p-accordion-header-last-bottom-border-radius);
    }

    .p-accordionpanel:last-child.p-accordionpanel-active>.p-accordionheader {
        border-end-start-radius: var(--p-accordion-header-last-active-bottom-border-radius);
        border-end-end-radius: var(--p-accordion-header-last-active-bottom-border-radius);
    }

    .p-accordionheader-toggle-icon {
        color: var(--p-accordion-header-toggle-icon-color);
    }

    .p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {
        box-shadow: var(--p-accordion-header-focus-ring-shadow);
        outline: var(--p-accordion-header-focus-ring-width) var(--p-accordion-header-focus-ring-style) var(--p-accordion-header-focus-ring-color);
        outline-offset: var(--p-accordion-header-focus-ring-offset);
    }

    .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled)>.p-accordionheader:hover {
        background: var(--p-accordion-header-hover-background);
        color: var(--p-accordion-header-hover-color);
    }

    .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {
        color: var(--p-accordion-header-toggle-icon-hover-color);
    }

    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader {
        background: var(--p-accordion-header-active-background);
        color: var(--p-accordion-header-active-color);
    }

    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader .p-accordionheader-toggle-icon {
        color: var(--p-accordion-header-toggle-icon-active-color);
    }

    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader:hover {
        background: var(--p-accordion-header-active-hover-background);
        color: var(--p-accordion-header-active-hover-color);
    }

    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active>.p-accordionheader:hover .p-accordionheader-toggle-icon {
        color: var(--p-accordion-header-toggle-icon-active-hover-color);
    }

    .p-accordioncontent {
        display: grid;
        grid-template-rows: 1fr;
    }

    .p-accordioncontent-wrapper {
        min-height: 0;
    }

    .p-accordioncontent-content {
        border-style: solid;
        border-width: var(--p-accordion-content-border-width);
        border-color: var(--p-accordion-content-border-color);
        background-color: var(--p-accordion-content-background);
        color: var(--p-accordion-content-color);
        padding: var(--p-accordion-content-padding);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-card-subtitle-color: var(--p-text-muted-color);
        --p-card-title-font-size: 1.25rem;
        --p-card-title-font-weight: 500;
        --p-card-caption-gap: 0.5rem;
        --p-card-body-padding: 1.25rem;
        --p-card-body-gap: 0.5rem;
        --p-card-background: var(--p-content-background);
        --p-card-border-radius: var(--p-border-radius-xl);
        --p-card-color: var(--p-content-color);
        --p-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    }
}

/* ========================================= */

@layer primevue {
    .p-card {
        background: var(--p-card-background);
        color: var(--p-card-color);
        box-shadow: var(--p-card-shadow);
        border-radius: var(--p-card-border-radius);
        display: flex;
        flex-direction: column;
    }

    .p-card-caption {
        display: flex;
        flex-direction: column;
        gap: var(--p-card-caption-gap);
    }

    .p-card-body {
        padding: var(--p-card-body-padding);
        display: flex;
        flex-direction: column;
        gap: var(--p-card-body-gap);
    }

    .p-card-title {
        font-size: var(--p-card-title-font-size);
        font-weight: var(--p-card-title-font-weight);
    }

    .p-card-subtitle {
        color: var(--p-card-subtitle-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-divider-vertical-margin: 0 1rem;
        --p-divider-vertical-padding: 0.5rem 0;
        --p-divider-vertical-content-padding: 0.5rem 0;
        --p-divider-horizontal-margin: 1rem 0;
        --p-divider-horizontal-padding: 0 1rem;
        --p-divider-horizontal-content-padding: 0 0.5rem;
        --p-divider-content-background: var(--p-content-background);
        --p-divider-content-color: var(--p-text-color);
        --p-divider-border-color: var(--p-content-border-color);
    }
}

/* ========================================= */

@layer primevue {
    .p-divider-horizontal {
        display: flex;
        width: 100%;
        position: relative;
        align-items: center;
        margin: var(--p-divider-horizontal-margin);
        padding: var(--p-divider-horizontal-padding);
    }

    .p-divider-horizontal:before {
        position: absolute;
        display: block;
        inset-block-start: 50%;
        inset-inline-start: 0;
        width: 100%;
        content: '';
        border-block-start: 1px solid var(--p-divider-border-color);
    }

    .p-divider-horizontal .p-divider-content {
        padding: var(--p-divider-horizontal-content-padding);
    }

    .p-divider-vertical {
        min-height: 100%;
        display: flex;
        position: relative;
        justify-content: center;
        margin: var(--p-divider-vertical-margin);
        padding: var(--p-divider-vertical-padding);
    }

    .p-divider-vertical:before {
        position: absolute;
        display: block;
        inset-block-start: 0;
        inset-inline-start: 50%;
        height: 100%;
        content: '';
        border-inline-start: 1px solid var(--p-divider-border-color);
    }

    .p-divider.p-divider-vertical .p-divider-content {
        padding: var(--p-divider-vertical-content-padding);
    }

    .p-divider-content {
        z-index: 1;
        background: var(--p-divider-content-background);
        color: var(--p-divider-content-color);
    }

    .p-divider-solid.p-divider-horizontal:before {
        border-block-start-style: solid;
    }

    .p-divider-solid.p-divider-vertical:before {
        border-inline-start-style: solid;
    }

    .p-divider-dashed.p-divider-horizontal:before {
        border-block-start-style: dashed;
    }

    .p-divider-dashed.p-divider-vertical:before {
        border-inline-start-style: dashed;
    }

    .p-divider-dotted.p-divider-horizontal:before {
        border-block-start-style: dotted;
    }

    .p-divider-dotted.p-divider-vertical:before {
        border-inline-start-style: dotted;
    }

    .p-divider-left:dir(rtl),
    .p-divider-right:dir(rtl) {
        flex-direction: row-reverse;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-fieldset-content-padding: 0;
        --p-fieldset-toggle-icon-color: var(--p-text-muted-color);
        --p-fieldset-toggle-icon-hover-color: var(--p-text-hover-muted-color);
        --p-fieldset-legend-background: var(--p-content-background);
        --p-fieldset-legend-hover-background: var(--p-content-hover-background);
        --p-fieldset-legend-color: var(--p-content-color);
        --p-fieldset-legend-hover-color: var(--p-content-hover-color);
        --p-fieldset-legend-border-radius: var(--p-content-border-radius);
        --p-fieldset-legend-border-width: 1px;
        --p-fieldset-legend-border-color: transparent;
        --p-fieldset-legend-padding: 0.5rem 0.75rem;
        --p-fieldset-legend-gap: 0.5rem;
        --p-fieldset-legend-font-weight: 600;
        --p-fieldset-legend-focus-ring-width: var(--p-focus-ring-width);
        --p-fieldset-legend-focus-ring-style: var(--p-focus-ring-style);
        --p-fieldset-legend-focus-ring-color: var(--p-focus-ring-color);
        --p-fieldset-legend-focus-ring-offset: var(--p-focus-ring-offset);
        --p-fieldset-legend-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-fieldset-background: var(--p-content-background);
        --p-fieldset-border-color: var(--p-content-border-color);
        --p-fieldset-border-radius: var(--p-content-border-radius);
        --p-fieldset-color: var(--p-content-color);
        --p-fieldset-padding: 0 1.125rem 1.125rem 1.125rem;
        --p-fieldset-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-fieldset {
        background: var(--p-fieldset-background);
        border: 1px solid var(--p-fieldset-border-color);
        border-radius: var(--p-fieldset-border-radius);
        color: var(--p-fieldset-color);
        padding: var(--p-fieldset-padding);
        margin: 0;
    }

    .p-fieldset-legend {
        background: var(--p-fieldset-legend-background);
        border-radius: var(--p-fieldset-legend-border-radius);
        border-width: var(--p-fieldset-legend-border-width);
        border-style: solid;
        border-color: var(--p-fieldset-legend-border-color);
        padding: var(--p-fieldset-legend-padding);
        transition: background var(--p-fieldset-transition-duration), color var(--p-fieldset-transition-duration), outline-color var(--p-fieldset-transition-duration), box-shadow var(--p-fieldset-transition-duration);
    }

    .p-fieldset-toggleable>.p-fieldset-legend {
        padding: 0;
    }

    .p-fieldset-toggle-button {
        cursor: pointer;
        user-select: none;
        overflow: hidden;
        position: relative;
        text-decoration: none;
        display: flex;
        gap: var(--p-fieldset-legend-gap);
        align-items: center;
        justify-content: center;
        padding: var(--p-fieldset-legend-padding);
        background: transparent;
        border: 0 none;
        border-radius: var(--p-fieldset-legend-border-radius);
        transition: background var(--p-fieldset-transition-duration), color var(--p-fieldset-transition-duration), outline-color var(--p-fieldset-transition-duration), box-shadow var(--p-fieldset-transition-duration);
        outline-color: transparent;
    }

    .p-fieldset-legend-label {
        font-weight: var(--p-fieldset-legend-font-weight);
    }

    .p-fieldset-toggle-button:focus-visible {
        box-shadow: var(--p-fieldset-legend-focus-ring-shadow);
        outline: var(--p-fieldset-legend-focus-ring-width) var(--p-fieldset-legend-focus-ring-style) var(--p-fieldset-legend-focus-ring-color);
        outline-offset: var(--p-fieldset-legend-focus-ring-offset);
    }

    .p-fieldset-toggleable>.p-fieldset-legend:hover {
        color: var(--p-fieldset-legend-hover-color);
        background: var(--p-fieldset-legend-hover-background);
    }

    .p-fieldset-toggle-icon {
        color: var(--p-fieldset-toggle-icon-color);
        transition: color var(--p-fieldset-transition-duration);
    }

    .p-fieldset-toggleable>.p-fieldset-legend:hover .p-fieldset-toggle-icon {
        color: var(--p-fieldset-toggle-icon-hover-color);
    }

    .p-fieldset-content-container {
        display: grid;
        grid-template-rows: 1fr;
    }

    .p-fieldset-content-wrapper {
        min-height: 0;
    }

    .p-fieldset-content {
        padding: var(--p-fieldset-content-padding);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-panel-footer-padding: 0 1.125rem 1.125rem 1.125rem;
        --p-panel-content-padding: 0 1.125rem 1.125rem 1.125rem;
        --p-panel-title-font-weight: 600;
        --p-panel-toggleable-header-padding: 0.375rem 1.125rem;
        --p-panel-header-background: transparent;
        --p-panel-header-color: var(--p-text-color);
        --p-panel-header-padding: 1.125rem;
        --p-panel-header-border-color: var(--p-content-border-color);
        --p-panel-header-border-width: 0;
        --p-panel-header-border-radius: 0;
        --p-panel-background: var(--p-content-background);
        --p-panel-border-color: var(--p-content-border-color);
        --p-panel-color: var(--p-content-color);
        --p-panel-border-radius: var(--p-content-border-radius);
    }
}

/* ========================================= */

@layer primevue {
    .p-panel {
        display: block;
        border: 1px solid var(--p-panel-border-color);
        border-radius: var(--p-panel-border-radius);
        background: var(--p-panel-background);
        color: var(--p-panel-color);
    }

    .p-panel-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--p-panel-header-padding);
        background: var(--p-panel-header-background);
        color: var(--p-panel-header-color);
        border-style: solid;
        border-width: var(--p-panel-header-border-width);
        border-color: var(--p-panel-header-border-color);
        border-radius: var(--p-panel-header-border-radius);
    }

    .p-panel-toggleable .p-panel-header {
        padding: var(--p-panel-toggleable-header-padding);
    }

    .p-panel-title {
        line-height: 1;
        font-weight: var(--p-panel-title-font-weight);
    }

    .p-panel-content-container {
        display: grid;
        grid-template-rows: 1fr;
    }

    .p-panel-content-wrapper {
        min-height: 0;
    }

    .p-panel-content {
        padding: var(--p-panel-content-padding);
    }

    .p-panel-footer {
        padding: var(--p-panel-footer-padding);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-scrollpanel-bar-size: 9px;
        --p-scrollpanel-bar-border-radius: var(--p-border-radius-sm);
        --p-scrollpanel-bar-focus-ring-width: var(--p-focus-ring-width);
        --p-scrollpanel-bar-focus-ring-style: var(--p-focus-ring-style);
        --p-scrollpanel-bar-focus-ring-color: var(--p-focus-ring-color);
        --p-scrollpanel-bar-focus-ring-offset: var(--p-focus-ring-offset);
        --p-scrollpanel-bar-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-scrollpanel-transition-duration: var(--p-transition-duration);
        --p-scrollpanel-bar-background: var(--p-surface-100);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-scrollpanel-content-container {
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
        float: left;
    }

    .p-scrollpanel-content {
        height: calc(100% + calc(2 * var(--p-scrollpanel-bar-size)));
        width: calc(100% + calc(2 * var(--p-scrollpanel-bar-size)));
        padding-inline: 0 calc(2 * var(--p-scrollpanel-bar-size));
        padding-block: 0 calc(2 * var(--p-scrollpanel-bar-size));
        position: relative;
        overflow: auto;
        box-sizing: border-box;
        scrollbar-width: none;
    }

    .p-scrollpanel-content::-webkit-scrollbar {
        display: none;
    }

    .p-scrollpanel-bar {
        position: relative;
        border-radius: var(--p-scrollpanel-bar-border-radius);
        z-index: 2;
        cursor: pointer;
        opacity: 0;
        outline-color: transparent;
        background: var(--p-scrollpanel-bar-background);
        border: 0 none;
        transition: outline-color var(--p-scrollpanel-transition-duration), opacity var(--p-scrollpanel-transition-duration);
    }

    .p-scrollpanel-bar:focus-visible {
        box-shadow: var(--p-scrollpanel-bar-focus-ring-shadow);
        outline: var(--p-scrollpanel-barfocus-ring-width) var(--p-scrollpanel-bar-focus-ring-style) var(--p-scrollpanel-bar-focus-ring-color);
        outline-offset: var(--p-scrollpanel-barfocus-ring-offset);
    }

    .p-scrollpanel-bar-y {
        width: var(--p-scrollpanel-bar-size);
        inset-block-start: 0;
    }

    .p-scrollpanel-bar-x {
        height: var(--p-scrollpanel-bar-size);
        inset-block-end: 0;
    }

    .p-scrollpanel-hidden {
        visibility: hidden;
    }

    .p-scrollpanel:hover .p-scrollpanel-bar,
    .p-scrollpanel:active .p-scrollpanel-bar {
        opacity: 1;
    }

    .p-scrollpanel-grabbed {
        user-select: none;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-splitter-handle-size: 24px;
        --p-splitter-handle-background: transparent;
        --p-splitter-handle-border-radius: var(--p-content-border-radius);
        --p-splitter-handle-focus-ring-width: var(--p-focus-ring-width);
        --p-splitter-handle-focus-ring-style: var(--p-focus-ring-style);
        --p-splitter-handle-focus-ring-color: var(--p-focus-ring-color);
        --p-splitter-handle-focus-ring-offset: var(--p-focus-ring-offset);
        --p-splitter-handle-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-splitter-gutter-background: var(--p-content-border-color);
        --p-splitter-background: var(--p-content-background);
        --p-splitter-border-color: var(--p-content-border-color);
        --p-splitter-color: var(--p-content-color);
        --p-splitter-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-splitter {
        display: flex;
        flex-wrap: nowrap;
        border: 1px solid var(--p-splitter-border-color);
        background: var(--p-splitter-background);
        border-radius: var(--p-border-radius-md);
        color: var(--p-splitter-color);
    }

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

    .p-splitter-gutter {
        flex-grow: 0;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        background: var(--p-splitter-gutter-background);
    }

    .p-splitter-gutter-handle {
        border-radius: var(--p-splitter-handle-border-radius);
        background: var(--p-splitter-handle-background);
        transition: outline-color var(--p-splitter-transition-duration), box-shadow var(--p-splitter-transition-duration);
        outline-color: transparent;
    }

    .p-splitter-gutter-handle:focus-visible {
        box-shadow: var(--p-splitter-handle-focus-ring-shadow);
        outline: var(--p-splitter-handle-focus-ring-width) var(--p-splitter-handle-focus-ring-style) var(--p-splitter-handle-focus-ring-color);
        outline-offset: var(--p-splitter-handle-focus-ring-offset);
    }

    .p-splitter-horizontal.p-splitter-resizing {
        cursor: col-resize;
        user-select: none;
    }

    .p-splitter-vertical.p-splitter-resizing {
        cursor: row-resize;
        user-select: none;
    }

    .p-splitter-horizontal>.p-splitter-gutter>.p-splitter-gutter-handle {
        height: var(--p-splitter-handle-size);
        width: 100%;
    }

    .p-splitter-vertical>.p-splitter-gutter>.p-splitter-gutter-handle {
        width: var(--p-splitter-handle-size);
        height: 100%;
    }

    .p-splitter-horizontal>.p-splitter-gutter {
        cursor: col-resize;
    }

    .p-splitter-vertical>.p-splitter-gutter {
        cursor: row-resize;
    }

    .p-splitterpanel {
        flex-grow: 1;
        overflow: hidden;
    }

    .p-splitterpanel-nested {
        display: flex;
    }

    .p-splitterpanel .p-splitter {
        flex-grow: 1;
        border: 0 none;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-stepper-steppanel-background: var(--p-content-background);
        --p-stepper-steppanel-color: var(--p-content-color);
        --p-stepper-steppanel-padding: 0;
        --p-stepper-steppanel-indent: 1rem;
        --p-stepper-steppanels-padding: 0.875rem 0.5rem 1.125rem 0.5rem;
        --p-stepper-step-number-background: var(--p-content-background);
        --p-stepper-step-number-active-background: var(--p-content-background);
        --p-stepper-step-number-border-color: var(--p-content-border-color);
        --p-stepper-step-number-active-border-color: var(--p-content-border-color);
        --p-stepper-step-number-color: var(--p-text-muted-color);
        --p-stepper-step-number-active-color: var(--p-primary-color);
        --p-stepper-step-number-size: 2rem;
        --p-stepper-step-number-font-size: 1.143rem;
        --p-stepper-step-number-font-weight: 500;
        --p-stepper-step-number-border-radius: 50%;
        --p-stepper-step-number-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
        --p-stepper-step-title-color: var(--p-text-muted-color);
        --p-stepper-step-title-active-color: var(--p-primary-color);
        --p-stepper-step-title-font-weight: 500;
        --p-stepper-step-header-padding: 0;
        --p-stepper-step-header-border-radius: var(--p-content-border-radius);
        --p-stepper-step-header-gap: 0.5rem;
        --p-stepper-step-header-focus-ring-width: var(--p-focus-ring-width);
        --p-stepper-step-header-focus-ring-style: var(--p-focus-ring-style);
        --p-stepper-step-header-focus-ring-color: var(--p-focus-ring-color);
        --p-stepper-step-header-focus-ring-offset: var(--p-focus-ring-offset);
        --p-stepper-step-header-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-stepper-step-padding: 0.5rem;
        --p-stepper-step-gap: 1rem;
        --p-stepper-separator-background: var(--p-content-border-color);
        --p-stepper-separator-active-background: var(--p-primary-color);
        --p-stepper-separator-margin: 0 0 0 1.625rem;
        --p-stepper-separator-size: 2px;
        --p-stepper-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-steplist {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow-x: auto;
    }

    .p-step {
        position: relative;
        display: flex;
        flex: 1 1 auto;
        align-items: center;
        gap: var(--p-stepper-step-gap);
        padding: var(--p-stepper-step-padding);
    }

    .p-step:last-of-type {
        flex: initial;
    }

    .p-step-header {
        border: 0 none;
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        cursor: pointer;
        transition: background var(--p-stepper-transition-duration), color var(--p-stepper-transition-duration), border-color var(--p-stepper-transition-duration), outline-color var(--p-stepper-transition-duration), box-shadow var(--p-stepper-transition-duration);
        border-radius: var(--p-stepper-step-header-border-radius);
        outline-color: transparent;
        background: transparent;
        padding: var(--p-stepper-step-header-padding);
        gap: var(--p-stepper-step-header-gap);
    }

    .p-step-header:focus-visible {
        box-shadow: var(--p-stepper-step-header-focus-ring-shadow);
        outline: var(--p-stepper-step-header-focus-ring-width) var(--p-stepper-step-header-focus-ring-style) var(--p-stepper-step-header-focus-ring-color);
        outline-offset: var(--p-stepper-step-header-focus-ring-offset);
    }

    .p-stepper.p-stepper-readonly .p-step {
        cursor: auto;
    }

    .p-step-title {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: var(--p-stepper-step-title-color);
        font-weight: var(--p-stepper-step-title-font-weight);
        transition: background var(--p-stepper-transition-duration), color var(--p-stepper-transition-duration), border-color var(--p-stepper-transition-duration), box-shadow var(--p-stepper-transition-duration), outline-color var(--p-stepper-transition-duration);
    }

    .p-step-number {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--p-stepper-step-number-color);
        border: 2px solid var(--p-stepper-step-number-border-color);
        background: var(--p-stepper-step-number-background);
        min-width: var(--p-stepper-step-number-size);
        height: var(--p-stepper-step-number-size);
        line-height: var(--p-stepper-step-number-size);
        font-size: var(--p-stepper-step-number-font-size);
        z-index: 1;
        border-radius: var(--p-stepper-step-number-border-radius);
        position: relative;
        font-weight: var(--p-stepper-step-number-font-weight);
    }

    .p-step-number::after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: var(--p-stepper-step-number-border-radius);
        box-shadow: var(--p-stepper-step-number-shadow);
    }

    .p-step-active .p-step-header {
        cursor: default;
    }

    .p-step-active .p-step-number {
        background: var(--p-stepper-step-number-active-background);
        border-color: var(--p-stepper-step-number-active-border-color);
        color: var(--p-stepper-step-number-active-color);
    }

    .p-step-active .p-step-title {
        color: var(--p-stepper-step-title-active-color);
    }

    .p-step:not(.p-disabled):focus-visible {
        outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
        outline-offset: var(--p-focus-ring-offset);
    }

    .p-step:has(~ .p-step-active) .p-stepper-separator {
        background: var(--p-stepper-separator-active-background);
    }

    .p-stepper-separator {
        flex: 1 1 0;
        background: var(--p-stepper-separator-background);
        width: 100%;
        height: var(--p-stepper-separator-size);
        transition: background var(--p-stepper-transition-duration), color var(--p-stepper-transition-duration), border-color var(--p-stepper-transition-duration), box-shadow var(--p-stepper-transition-duration), outline-color var(--p-stepper-transition-duration);
    }

    .p-steppanels {
        padding: var(--p-stepper-steppanels-padding);
    }

    .p-steppanel {
        background: var(--p-stepper-steppanel-background);
        color: var(--p-stepper-steppanel-color);
    }

    .p-stepper:has(.p-stepitem) {
        display: flex;
        flex-direction: column;
    }

    .p-stepitem {
        display: flex;
        flex-direction: column;
        flex: initial;
    }

    .p-stepitem.p-stepitem-active {
        flex: 1 1 auto;
    }

    .p-stepitem .p-step {
        flex: initial;
    }

    .p-stepitem .p-steppanel {
        display: grid;
        grid-template-rows: 1fr;
    }

    .p-stepitem .p-steppanel-content-wrapper {
        display: flex;
        flex: 1 1 auto;
        min-height: 0;
    }

    .p-stepitem .p-steppanel-content {
        width: 100%;
        padding: var(--p-stepper-steppanel-padding);
        margin-inline-start: 1rem;
    }

    .p-stepitem .p-stepper-separator {
        flex: 0 0 auto;
        width: var(--p-stepper-separator-size);
        height: auto;
        margin: var(--p-stepper-separator-margin);
        position: relative;
        left: calc(-1 * var(--p-stepper-separator-size));
    }

    .p-stepitem .p-stepper-separator:dir(rtl) {
        left: calc(-9 * var(--p-stepper-separator-size));
    }

    .p-stepitem:has(~ .p-stepitem-active) .p-stepper-separator {
        background: var(--p-stepper-separator-active-background);
    }

    .p-stepitem:last-of-type .p-steppanel {
        padding-inline-start: var(--p-stepper-step-number-size);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-tabview-nav-button-background: var(--p-content-background);
        --p-tabview-nav-button-color: var(--p-text-muted-color);
        --p-tabview-nav-button-hover-color: var(--p-text-color);
        --p-tabview-tab-panel-background: var(--p-content-background);
        --p-tabview-tab-panel-color: var(--p-content-color);
        --p-tabview-tab-border-color: var(--p-content-border-color);
        --p-tabview-tab-active-border-color: var(--p-primary-color);
        --p-tabview-tab-color: var(--p-text-muted-color);
        --p-tabview-tab-hover-color: var(--p-text-color);
        --p-tabview-tab-active-color: var(--p-primary-color);
        --p-tabview-tab-list-background: var(--p-content-background);
        --p-tabview-tab-list-border-color: var(--p-content-border-color);
        --p-tabview-transition-duration: var(--p-transition-duration);
        --p-tabview-nav-button-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-tabview-tablist-container {
        position: relative;
    }

    .p-tabview-scrollable>.p-tabview-tablist-container {
        overflow: hidden;
    }

    .p-tabview-tablist-scroll-container {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scrollbar-width: none;
        overscroll-behavior: contain auto;
    }

    .p-tabview-tablist-scroll-container::-webkit-scrollbar {
        display: none;
    }

    .p-tabview-tablist {
        display: flex;
        margin: 0;
        padding: 0;
        list-style-type: none;
        flex: 1 1 auto;
        background: var(--p-tabview-tab-list-background);
        border: 1px solid var(--p-tabview-tab-list-border-color);
        border-width: 0 0 1px 0;
        position: relative;
    }

    .p-tabview-tab-header {
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        border-style: solid;
        border-width: 0 0 1px 0;
        border-color: transparent transparent var(--p-tabview-tab-border-color) transparent;
        color: var(--p-tabview-tab-color);
        padding: 1rem 1.125rem;
        font-weight: 600;
        border-top-right-radius: var(--p-border-radius-md);
        border-top-left-radius: var(--p-border-radius-md);
        transition: color var(--p-tabview-transition-duration), outline-color var(--p-tabview-transition-duration);
        margin: 0 0 -1px 0;
        outline-color: transparent;
    }

    .p-tabview-tablist-item:not(.p-disabled) .p-tabview-tab-header:focus-visible {
        outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
        outline-offset: -1px;
    }

    .p-tabview-tablist-item:not(.p-highlight):not(.p-disabled):hover>.p-tabview-tab-header {
        color: var(--p-tabview-tab-hover-color);
    }

    .p-tabview-tablist-item.p-highlight>.p-tabview-tab-header {
        color: var(--p-tabview-tab-active-color);
    }

    .p-tabview-tab-title {
        line-height: 1;
        white-space: nowrap;
    }

    .p-tabview-next-button,
    .p-tabview-prev-button {
        position: absolute;
        top: 0;
        margin: 0;
        padding: 0;
        z-index: 2;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--p-tabview-nav-button-background);
        color: var(--p-tabview-nav-button-color);
        width: 2.5rem;
        border-radius: 0;
        outline-color: transparent;
        transition: color var(--p-tabview-transition-duration), outline-color var(--p-tabview-transition-duration);
        box-shadow: var(--p-tabview-nav-button-shadow);
        border: none;
        cursor: pointer;
        user-select: none;
    }

    .p-tabview-next-button:focus-visible,
    .p-tabview-prev-button:focus-visible {
        outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
        outline-offset: var(--p-focus-ring-offset);
    }

    .p-tabview-next-button:hover,
    .p-tabview-prev-button:hover {
        color: var(--p-tabview-nav-button-hover-color);
    }

    .p-tabview-prev-button {
        left: 0;
    }

    .p-tabview-next-button {
        right: 0;
    }

    .p-tabview-panels {
        background: var(--p-tabview-tab-panel-background);
        color: var(--p-tabview-tab-panel-color);
        padding: 0.875rem 1.125rem 1.125rem 1.125rem;
    }

    .p-tabview-ink-bar {
        z-index: 1;
        display: block;
        position: absolute;
        bottom: -1px;
        height: 1px;
        background: var(--p-tabview-tab-active-border-color);
        transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-tabs-active-bar-height: 1px;
        --p-tabs-active-bar-bottom: -1px;
        --p-tabs-active-bar-background: var(--p-primary-color);
        --p-tabs-nav-button-background: var(--p-content-background);
        --p-tabs-nav-button-color: var(--p-text-muted-color);
        --p-tabs-nav-button-hover-color: var(--p-text-color);
        --p-tabs-nav-button-width: 2.5rem;
        --p-tabs-nav-button-focus-ring-width: var(--p-focus-ring-width);
        --p-tabs-nav-button-focus-ring-style: var(--p-focus-ring-style);
        --p-tabs-nav-button-focus-ring-color: var(--p-focus-ring-color);
        --p-tabs-nav-button-focus-ring-offset: -1px;
        --p-tabs-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-tabs-tabpanel-background: var(--p-content-background);
        --p-tabs-tabpanel-color: var(--p-content-color);
        --p-tabs-tabpanel-padding: 0.875rem 1.125rem 1.125rem 1.125rem;
        --p-tabs-tabpanel-focus-ring-width: var(--p-focus-ring-width);
        --p-tabs-tabpanel-focus-ring-style: var(--p-focus-ring-style);
        --p-tabs-tabpanel-focus-ring-color: var(--p-focus-ring-color);
        --p-tabs-tabpanel-focus-ring-offset: var(--p-focus-ring-offset);
        --p-tabs-tabpanel-focus-ring-shadow: inset var(--p-focus-ring-shadow);
        --p-tabs-tab-background: transparent;
        --p-tabs-tab-hover-background: transparent;
        --p-tabs-tab-active-background: transparent;
        --p-tabs-tab-border-width: 0 0 1px 0;
        --p-tabs-tab-border-color: var(--p-content-border-color);
        --p-tabs-tab-hover-border-color: var(--p-content-border-color);
        --p-tabs-tab-active-border-color: var(--p-primary-color);
        --p-tabs-tab-color: var(--p-text-muted-color);
        --p-tabs-tab-hover-color: var(--p-text-color);
        --p-tabs-tab-active-color: var(--p-primary-color);
        --p-tabs-tab-padding: 1rem 1.125rem;
        --p-tabs-tab-font-weight: 600;
        --p-tabs-tab-margin: 0 0 -1px 0;
        --p-tabs-tab-gap: 0.5rem;
        --p-tabs-tab-focus-ring-width: var(--p-focus-ring-width);
        --p-tabs-tab-focus-ring-style: var(--p-focus-ring-style);
        --p-tabs-tab-focus-ring-color: var(--p-focus-ring-color);
        --p-tabs-tab-focus-ring-offset: -1px;
        --p-tabs-tab-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-tabs-tablist-border-width: 0 0 1px 0;
        --p-tabs-tablist-background: var(--p-content-background);
        --p-tabs-tablist-border-color: var(--p-content-border-color);
        --p-tabs-transition-duration: var(--p-transition-duration);
        --p-tabs-nav-button-shadow: 0px 0px 10px 50px rgba(255, 255, 255, 0.6);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-tabs {
        display: flex;
        flex-direction: column;
    }

    .p-tablist {
        display: flex;
        position: relative;
        overflow: hidden;
        background: var(--p-tabs-tablist-background);
    }

    .p-tablist-viewport {
        overflow-x: auto;
        overflow-y: hidden;
        scroll-behavior: smooth;
        scrollbar-width: none;
        overscroll-behavior: contain auto;
    }

    .p-tablist-viewport::-webkit-scrollbar {
        display: none;
    }

    .p-tablist-tab-list {
        position: relative;
        display: flex;
        border-style: solid;
        border-color: var(--p-tabs-tablist-border-color);
        border-width: var(--p-tabs-tablist-border-width);
    }

    .p-tablist-content {
        flex-grow: 1;
    }

    .p-tablist-nav-button {
        all: unset;
        position: absolute !important;
        flex-shrink: 0;
        inset-block-start: 0;
        z-index: 2;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--p-tabs-nav-button-background);
        color: var(--p-tabs-nav-button-color);
        width: var(--p-tabs-nav-button-width);
        transition: color var(--p-tabs-transition-duration), outline-color var(--p-tabs-transition-duration), box-shadow var(--p-tabs-transition-duration);
        box-shadow: var(--p-tabs-nav-button-shadow);
        outline-color: transparent;
        cursor: pointer;
    }

    .p-tablist-nav-button:focus-visible {
        z-index: 1;
        box-shadow: var(--p-tabs-nav-button-focus-ring-shadow);
        outline: var(--p-tabs-nav-button-focus-ring-width) var(--p-tabs-nav-button-focus-ring-style) var(--p-tabs-nav-button-focus-ring-color);
        outline-offset: var(--p-tabs-nav-button-focus-ring-offset);
    }

    .p-tablist-nav-button:hover {
        color: var(--p-tabs-nav-button-hover-color);
    }

    .p-tablist-prev-button {
        inset-inline-start: 0;
    }

    .p-tablist-next-button {
        inset-inline-end: 0;
    }

    .p-tablist-prev-button:dir(rtl),
    .p-tablist-next-button:dir(rtl) {
        transform: rotate(180deg);
    }

    .p-tab {
        flex-shrink: 0;
        cursor: pointer;
        user-select: none;
        position: relative;
        border-style: solid;
        white-space: nowrap;
        gap: var(--p-tabs-tab-gap);
        background: var(--p-tabs-tab-background);
        border-width: var(--p-tabs-tab-border-width);
        border-color: var(--p-tabs-tab-border-color);
        color: var(--p-tabs-tab-color);
        padding: var(--p-tabs-tab-padding);
        font-weight: var(--p-tabs-tab-font-weight);
        transition: background var(--p-tabs-transition-duration), border-color var(--p-tabs-transition-duration), color var(--p-tabs-transition-duration), outline-color var(--p-tabs-transition-duration), box-shadow var(--p-tabs-transition-duration);
        margin: var(--p-tabs-tab-margin);
        outline-color: transparent;
    }

    .p-tab:not(.p-disabled):focus-visible {
        z-index: 1;
        box-shadow: var(--p-tabs-tab-focus-ring-shadow);
        outline: var(--p-tabs-tab-focus-ring-width) var(--p-tabs-tab-focus-ring-style) var(--p-tabs-tab-focus-ring-color);
        outline-offset: var(--p-tabs-tab-focus-ring-offset);
    }

    .p-tab:not(.p-tab-active):not(.p-disabled):hover {
        background: var(--p-tabs-tab-hover-background);
        border-color: var(--p-tabs-tab-hover-border-color);
        color: var(--p-tabs-tab-hover-color);
    }

    .p-tab-active {
        background: var(--p-tabs-tab-active-background);
        border-color: var(--p-tabs-tab-active-border-color);
        color: var(--p-tabs-tab-active-color);
    }

    .p-tabpanels {
        background: var(--p-tabs-tabpanel-background);
        color: var(--p-tabs-tabpanel-color);
        padding: var(--p-tabs-tabpanel-padding);
        outline: 0 none;
    }

    .p-tabpanel:focus-visible {
        box-shadow: var(--p-tabs-tabpanel-focus-ring-shadow);
        outline: var(--p-tabs-tabpanel-focus-ring-width) var(--p-tabs-tabpanel-focus-ring-style) var(--p-tabs-tabpanel-focus-ring-color);
        outline-offset: var(--p-tabs-tabpanel-focus-ring-offset);
    }

    .p-tablist-active-bar {
        z-index: 1;
        display: block;
        position: absolute;
        inset-block-end: var(--p-tabs-active-bar-bottom);
        height: var(--p-tabs-active-bar-height);
        background: var(--p-tabs-active-bar-background);
        transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-toolbar-background: var(--p-content-background);
        --p-toolbar-border-color: var(--p-content-border-color);
        --p-toolbar-border-radius: var(--p-content-border-radius);
        --p-toolbar-color: var(--p-content-color);
        --p-toolbar-gap: 0.5rem;
        --p-toolbar-padding: 0.75rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: var(--p-toolbar-padding);
        background: var(--p-toolbar-background);
        border: 1px solid var(--p-toolbar-border-color);
        color: var(--p-toolbar-color);
        border-radius: var(--p-toolbar-border-radius);
        gap: var(--p-toolbar-gap);
    }

    .p-toolbar-start,
    .p-toolbar-center,
    .p-toolbar-end {
        display: flex;
        align-items: center;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-confirmdialog-content-gap: 1rem;
        --p-confirmdialog-icon-size: 2rem;
        --p-confirmdialog-icon-color: var(--p-overlay-modal-color);
    }
}

/* ========================================= */

@layer primevue {
    .p-confirmdialog .p-dialog-content {
        display: flex;
        align-items: center;
        gap: var(--p-confirmdialog-content-gap);
    }

    .p-confirmdialog-icon {
        color: var(--p-confirmdialog-icon-color);
        font-size: var(--p-confirmdialog-icon-size);
        width: var(--p-confirmdialog-icon-size);
        height: var(--p-confirmdialog-icon-size);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-confirmpopup-footer-gap: 0.5rem;
        --p-confirmpopup-footer-padding: 0 var(--p-overlay-popover-padding) var(--p-overlay-popover-padding) var(--p-overlay-popover-padding);
        --p-confirmpopup-icon-size: 1.5rem;
        --p-confirmpopup-icon-color: var(--p-overlay-popover-color);
        --p-confirmpopup-content-padding: var(--p-overlay-popover-padding);
        --p-confirmpopup-content-gap: 1rem;
        --p-confirmpopup-background: var(--p-overlay-popover-background);
        --p-confirmpopup-border-color: var(--p-overlay-popover-border-color);
        --p-confirmpopup-color: var(--p-overlay-popover-color);
        --p-confirmpopup-border-radius: var(--p-overlay-popover-border-radius);
        --p-confirmpopup-shadow: var(--p-overlay-popover-shadow);
        --p-confirmpopup-gutter: 10px;
        --p-confirmpopup-arrow-offset: 1.25rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-confirmpopup {
        position: absolute;
        margin-top: var(--p-confirmpopup-gutter);
        top: 0;
        left: 0;
        background: var(--p-confirmpopup-background);
        color: var(--p-confirmpopup-color);
        border: 1px solid var(--p-confirmpopup-border-color);
        border-radius: var(--p-confirmpopup-border-radius);
        box-shadow: var(--p-confirmpopup-shadow);
        will-change: transform;
    }

    .p-confirmpopup-content {
        display: flex;
        align-items: center;
        padding: var(--p-confirmpopup-content-padding);
        gap: var(--p-confirmpopup-content-gap);
    }

    .p-confirmpopup-icon {
        font-size: var(--p-confirmpopup-icon-size);
        width: var(--p-confirmpopup-icon-size);
        height: var(--p-confirmpopup-icon-size);
        color: var(--p-confirmpopup-icon-color);
    }

    .p-confirmpopup-footer {
        display: flex;
        justify-content: flex-end;
        gap: var(--p-confirmpopup-footer-gap);
        padding: var(--p-confirmpopup-footer-padding);
    }

    .p-confirmpopup-footer button {
        width: auto;
    }

    .p-confirmpopup-footer button:last-child {
        margin: 0;
    }

    .p-confirmpopup-flipped {
        margin-block-start: calc(var(--p-confirmpopup-gutter) * -1);
        margin-block-end: var(--p-confirmpopup-gutter);
    }

    .p-confirmpopup:after,
    .p-confirmpopup:before {
        bottom: 100%;
        left: calc(var(--p-confirmpopup-arrow-offset) + var(--p-confirmpopup-arrow-left));
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .p-confirmpopup:after {
        border-width: calc(var(--p-confirmpopup-gutter) - 2px);
        margin-left: calc(-1 * (var(--p-confirmpopup-gutter) - 2px));
        border-style: solid;
        border-color: transparent;
        border-bottom-color: var(--p-confirmpopup-background);
    }

    .p-confirmpopup:before {
        border-width: var(--p-confirmpopup-gutter);
        margin-left: calc(-1 * var(--p-confirmpopup-gutter));
        border-style: solid;
        border-color: transparent;
        border-bottom-color: var(--p-confirmpopup-border-color);
    }

    .p-confirmpopup-flipped:after,
    .p-confirmpopup-flipped:before {
        bottom: auto;
        top: 100%;
    }

    .p-confirmpopup-flipped:after {
        border-bottom-color: transparent;
        border-top-color: var(--p-confirmpopup-background);
    }

    .p-confirmpopup-flipped:before {
        border-bottom-color: transparent;
        border-top-color: var(--p-confirmpopup-border-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-dialog-footer-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
        --p-dialog-footer-gap: 0.5rem;
        --p-dialog-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
        --p-dialog-title-font-size: 1.25rem;
        --p-dialog-title-font-weight: 600;
        --p-dialog-header-padding: var(--p-overlay-modal-padding);
        --p-dialog-header-gap: 0.5rem;
        --p-dialog-background: var(--p-overlay-modal-background);
        --p-dialog-border-color: var(--p-overlay-modal-border-color);
        --p-dialog-color: var(--p-overlay-modal-color);
        --p-dialog-border-radius: var(--p-overlay-modal-border-radius);
        --p-dialog-shadow: var(--p-overlay-modal-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-dialog {
        max-height: 90%;
        transform: scale(1);
        border-radius: var(--p-dialog-border-radius);
        box-shadow: var(--p-dialog-shadow);
        background: var(--p-dialog-background);
        border: 1px solid var(--p-dialog-border-color);
        color: var(--p-dialog-color);
        will-change: transform;
    }

    .p-dialog-content {
        overflow-y: auto;
        padding: var(--p-dialog-content-padding);
    }

    .p-dialog-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        padding: var(--p-dialog-header-padding);
    }

    .p-dialog-title {
        font-weight: var(--p-dialog-title-font-weight);
        font-size: var(--p-dialog-title-font-size);
    }

    .p-dialog-footer {
        flex-shrink: 0;
        padding: var(--p-dialog-footer-padding);
        display: flex;
        justify-content: flex-end;
        gap: var(--p-dialog-footer-gap);
    }

    .p-dialog-header-actions {
        display: flex;
        align-items: center;
        gap: var(--p-dialog-header-gap);
    }

    .p-dialog-top .p-dialog,
    .p-dialog-bottom .p-dialog,
    .p-dialog-left .p-dialog,
    .p-dialog-right .p-dialog,
    .p-dialog-topleft .p-dialog,
    .p-dialog-topright .p-dialog,
    .p-dialog-bottomleft .p-dialog,
    .p-dialog-bottomright .p-dialog {
        margin: 1rem;
    }

    .p-dialog-maximized {
        width: 100vw !important;
        height: 100vh !important;
        top: 0px !important;
        left: 0px !important;
        max-height: 100%;
        height: 100%;
        border-radius: 0;
    }

    .p-dialog-maximized .p-dialog-content {
        flex-grow: 1;
    }

    .p-dialog .p-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px;
    }

    .p-dialog-enter-active {
        animation: p-animate-dialog-enter 300ms cubic-bezier(.19, 1, .22, 1);
    }

    .p-dialog-leave-active {
        animation: p-animate-dialog-leave 300ms cubic-bezier(.19, 1, .22, 1);
    }

    @keyframes p-animate-dialog-enter {
        from {
            opacity: 0;
            transform: scale(0.93);
        }
    }

    @keyframes p-animate-dialog-leave {
        to {
            opacity: 0;
            transform: scale(0.93);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-drawer-footer-padding: var(--p-overlay-modal-padding);
        --p-drawer-content-padding: 0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);
        --p-drawer-title-font-size: 1.5rem;
        --p-drawer-title-font-weight: 600;
        --p-drawer-header-padding: var(--p-overlay-modal-padding);
        --p-drawer-background: var(--p-overlay-modal-background);
        --p-drawer-border-color: var(--p-overlay-modal-border-color);
        --p-drawer-color: var(--p-overlay-modal-color);
        --p-drawer-shadow: var(--p-overlay-modal-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-drawer {
        display: flex;
        flex-direction: column;
        transform: translate3d(0px, 0px, 0px);
        position: relative;
        transition: transform 0.3s;
        background: var(--p-drawer-background);
        color: var(--p-drawer-color);
        border-style: solid;
        border-color: var(--p-drawer-border-color);
        box-shadow: var(--p-drawer-shadow);
    }

    .p-drawer-content {
        overflow-y: auto;
        flex-grow: 1;
        padding: var(--p-drawer-content-padding);
    }

    .p-drawer-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
        padding: var(--p-drawer-header-padding);
    }

    .p-drawer-footer {
        padding: var(--p-drawer-footer-padding);
    }

    .p-drawer-title {
        font-weight: var(--p-drawer-title-font-weight);
        font-size: var(--p-drawer-title-font-size);
    }

    .p-drawer-full .p-drawer {
        transition: none;
        transform: none;
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100%;
        top: 0px !important;
        left: 0px !important;
        border-width: 1px;
    }

    .p-drawer-left .p-drawer-enter-active {
        animation: p-animate-drawer-enter-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-left .p-drawer-leave-active {
        animation: p-animate-drawer-leave-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-right .p-drawer-enter-active {
        animation: p-animate-drawer-enter-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-right .p-drawer-leave-active {
        animation: p-animate-drawer-leave-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-top .p-drawer-enter-active {
        animation: p-animate-drawer-enter-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-top .p-drawer-leave-active {
        animation: p-animate-drawer-leave-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-bottom .p-drawer-enter-active {
        animation: p-animate-drawer-enter-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-bottom .p-drawer-leave-active {
        animation: p-animate-drawer-leave-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-full .p-drawer-enter-active {
        animation: p-animate-drawer-enter-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-full .p-drawer-leave-active {
        animation: p-animate-drawer-leave-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);
    }

    .p-drawer-left .p-drawer {
        width: 20rem;
        height: 100%;
        border-inline-end-width: 1px;
    }

    .p-drawer-right .p-drawer {
        width: 20rem;
        height: 100%;
        border-inline-start-width: 1px;
    }

    .p-drawer-top .p-drawer {
        height: 10rem;
        width: 100%;
        border-block-end-width: 1px;
    }

    .p-drawer-bottom .p-drawer {
        height: 10rem;
        width: 100%;
        border-block-start-width: 1px;
    }

    .p-drawer-left .p-drawer-content,
    .p-drawer-right .p-drawer-content,
    .p-drawer-top .p-drawer-content,
    .p-drawer-bottom .p-drawer-content {
        width: 100%;
        height: 100%;
    }

    .p-drawer-open {
        display: flex;
    }

    .p-drawer-mask:dir(rtl) {
        flex-direction: row-reverse;
    }

    @keyframes p-animate-drawer-enter-left {
        from {
            transform: translate3d(-100%, 0px, 0px);
        }
    }

    @keyframes p-animate-drawer-leave-left {
        to {
            transform: translate3d(-100%, 0px, 0px);
        }
    }

    @keyframes p-animate-drawer-enter-right {
        from {
            transform: translate3d(100%, 0px, 0px);
        }
    }

    @keyframes p-animate-drawer-leave-right {
        to {
            transform: translate3d(100%, 0px, 0px);
        }
    }

    @keyframes p-animate-drawer-enter-top {
        from {
            transform: translate3d(0px, -100%, 0px);
        }
    }

    @keyframes p-animate-drawer-leave-top {
        to {
            transform: translate3d(0px, -100%, 0px);
        }
    }

    @keyframes p-animate-drawer-enter-bottom {
        from {
            transform: translate3d(0px, 100%, 0px);
        }
    }

    @keyframes p-animate-drawer-leave-bottom {
        to {
            transform: translate3d(0px, 100%, 0px);
        }
    }

    @keyframes p-animate-drawer-enter-full {
        from {
            opacity: 0;
            transform: scale(0.93);
        }
    }

    @keyframes p-animate-drawer-leave-full {
        to {
            opacity: 0;
            transform: scale(0.93);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-popover-content-padding: var(--p-overlay-popover-padding);
        --p-popover-background: var(--p-overlay-popover-background);
        --p-popover-border-color: var(--p-overlay-popover-border-color);
        --p-popover-color: var(--p-overlay-popover-color);
        --p-popover-border-radius: var(--p-overlay-popover-border-radius);
        --p-popover-shadow: var(--p-overlay-popover-shadow);
        --p-popover-gutter: 10px;
        --p-popover-arrow-offset: 1.25rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-popover {
        margin-block-start: var(--p-popover-gutter);
        background: var(--p-popover-background);
        color: var(--p-popover-color);
        border: 1px solid var(--p-popover-border-color);
        border-radius: var(--p-popover-border-radius);
        box-shadow: var(--p-popover-shadow);
        will-change: transform;
    }

    .p-popover-content {
        padding: var(--p-popover-content-padding);
    }

    .p-popover-flipped {
        margin-block-start: calc(var(--p-popover-gutter) * -1);
        margin-block-end: var(--p-popover-gutter);
    }

    .p-popover:after,
    .p-popover:before {
        bottom: 100%;
        left: calc(var(--p-popover-arrow-offset) + var(--p-popover-arrow-left));
        content: ' ';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .p-popover:after {
        border-width: calc(var(--p-popover-gutter) - 2px);
        margin-left: calc(-1 * (var(--p-popover-gutter) - 2px));
        border-style: solid;
        border-color: transparent;
        border-bottom-color: var(--p-popover-background);
    }

    .p-popover:before {
        border-width: var(--p-popover-gutter);
        margin-left: calc(-1 * var(--p-popover-gutter));
        border-style: solid;
        border-color: transparent;
        border-bottom-color: var(--p-popover-border-color);
    }

    .p-popover-flipped:after,
    .p-popover-flipped:before {
        bottom: auto;
        top: 100%;
    }

    .p-popover.p-popover-flipped:after {
        border-bottom-color: transparent;
        border-top-color: var(--p-popover-background);
    }

    .p-popover.p-popover-flipped:before {
        border-bottom-color: transparent;
        border-top-color: var(--p-popover-border-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-fileupload-basic-gap: 0.5rem;
        --p-fileupload-progressbar-height: 0.25rem;
        --p-fileupload-file-list-gap: 0.5rem;
        --p-fileupload-file-padding: 1rem;
        --p-fileupload-file-gap: 1rem;
        --p-fileupload-file-border-color: var(--p-content-border-color);
        --p-fileupload-file-info-gap: 0.5rem;
        --p-fileupload-content-highlight-border-color: var(--p-primary-color);
        --p-fileupload-content-padding: 0 1.125rem 1.125rem 1.125rem;
        --p-fileupload-content-gap: 1rem;
        --p-fileupload-header-background: transparent;
        --p-fileupload-header-color: var(--p-text-color);
        --p-fileupload-header-padding: 1.125rem;
        --p-fileupload-header-border-color: unset;
        --p-fileupload-header-border-width: 0;
        --p-fileupload-header-border-radius: 0;
        --p-fileupload-header-gap: 0.5rem;
        --p-fileupload-background: var(--p-content-background);
        --p-fileupload-border-color: var(--p-content-border-color);
        --p-fileupload-color: var(--p-content-color);
        --p-fileupload-border-radius: var(--p-content-border-radius);
        --p-fileupload-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-fileupload input[type='file'] {
        display: none;
    }

    .p-fileupload-advanced {
        border: 1px solid var(--p-fileupload-border-color);
        border-radius: var(--p-fileupload-border-radius);
        background: var(--p-fileupload-background);
        color: var(--p-fileupload-color);
    }

    .p-fileupload-header {
        display: flex;
        align-items: center;
        padding: var(--p-fileupload-header-padding);
        background: var(--p-fileupload-header-background);
        color: var(--p-fileupload-header-color);
        border-style: solid;
        border-width: var(--p-fileupload-header-border-width);
        border-color: var(--p-fileupload-header-border-color);
        border-radius: var(--p-fileupload-header-border-radius);
        gap: var(--p-fileupload-header-gap);
    }

    .p-fileupload-content {
        border: 1px solid transparent;
        display: flex;
        flex-direction: column;
        gap: var(--p-fileupload-content-gap);
        transition: border-color var(--p-fileupload-transition-duration);
        padding: var(--p-fileupload-content-padding);
    }

    .p-fileupload-content .p-progressbar {
        width: 100%;
        height: var(--p-fileupload-progressbar-height);
    }

    .p-fileupload-file-list {
        display: flex;
        flex-direction: column;
        gap: var(--p-fileupload-filelist-gap);
    }

    .p-fileupload-file {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: var(--p-fileupload-file-padding);
        border-block-end: 1px solid var(--p-fileupload-file-border-color);
        gap: var(--p-fileupload-file-gap);
    }

    .p-fileupload-file:last-child {
        border-block-end: 0;
    }

    .p-fileupload-file-info {
        display: flex;
        flex-direction: column;
        gap: var(--p-fileupload-file-info-gap);
    }

    .p-fileupload-file-thumbnail {
        flex-shrink: 0;
    }

    .p-fileupload-file-actions {
        margin-inline-start: auto;
    }

    .p-fileupload-highlight {
        border: 1px dashed var(--p-fileupload-content-highlight-border-color);
    }

    .p-fileupload-basic .p-message {
        margin-block-end: var(--p-fileupload-basic-gap);
    }

    .p-fileupload-basic-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--p-fileupload-basic-gap);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-breadcrumb-separator-color: var(--p-navigation-item-icon-color);
        --p-breadcrumb-item-color: var(--p-text-muted-color);
        --p-breadcrumb-item-hover-color: var(--p-text-color);
        --p-breadcrumb-item-border-radius: var(--p-content-border-radius);
        --p-breadcrumb-item-gap: var(--p-navigation-item-gap);
        --p-breadcrumb-item-focus-ring-width: var(--p-focus-ring-width);
        --p-breadcrumb-item-focus-ring-style: var(--p-focus-ring-style);
        --p-breadcrumb-item-focus-ring-color: var(--p-focus-ring-color);
        --p-breadcrumb-item-focus-ring-offset: var(--p-focus-ring-offset);
        --p-breadcrumb-item-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-breadcrumb-item-icon-color: var(--p-navigation-item-icon-color);
        --p-breadcrumb-item-icon-hover-color: var(--p-navigation-item-icon-focus-color);
        --p-breadcrumb-padding: 1rem;
        --p-breadcrumb-background: var(--p-content-background);
        --p-breadcrumb-gap: 0.5rem;
        --p-breadcrumb-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-breadcrumb {
        background: var(--p-breadcrumb-background);
        padding: var(--p-breadcrumb-padding);
        overflow-x: auto;
    }

    .p-breadcrumb-list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: var(--p-breadcrumb-gap);
    }

    .p-breadcrumb-separator {
        display: flex;
        align-items: center;
        color: var(--p-breadcrumb-separator-color);
    }

    .p-breadcrumb-separator-icon:dir(rtl) {
        transform: rotate(180deg);
    }

    .p-breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .p-breadcrumb-item-link {
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: var(--p-breadcrumb-item-gap);
        transition: background var(--p-breadcrumb-transition-duration), color var(--p-breadcrumb-transition-duration), outline-color var(--p-breadcrumb-transition-duration), box-shadow var(--p-breadcrumb-transition-duration);
        border-radius: var(--p-breadcrumb-item-border-radius);
        outline-color: transparent;
        color: var(--p-breadcrumb-item-color);
    }

    .p-breadcrumb-item-link:focus-visible {
        box-shadow: var(--p-breadcrumb-item-focus-ring-shadow);
        outline: var(--p-breadcrumb-item-focus-ring-width) var(--p-breadcrumb-item-focus-ring-style) var(--p-breadcrumb-item-focus-ring-color);
        outline-offset: var(--p-breadcrumb-item-focus-ring-offset);
    }

    .p-breadcrumb-item-link:hover .p-breadcrumb-item-label {
        color: var(--p-breadcrumb-item-hover-color);
    }

    .p-breadcrumb-item-label {
        transition: inherit;
    }

    .p-breadcrumb-item-icon {
        color: var(--p-breadcrumb-item-icon-color);
        transition: inherit;
    }

    .p-breadcrumb-item-link:hover .p-breadcrumb-item-icon {
        color: var(--p-breadcrumb-item-icon-hover-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-contextmenu-separator-border-color: var(--p-content-border-color);
        --p-contextmenu-submenu-icon-size: var(--p-navigation-submenu-icon-size);
        --p-contextmenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
        --p-contextmenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
        --p-contextmenu-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
        --p-contextmenu-submenu-mobile-indent: 1rem;
        --p-contextmenu-item-focus-background: var(--p-navigation-item-focus-background);
        --p-contextmenu-item-active-background: var(--p-navigation-item-active-background);
        --p-contextmenu-item-color: var(--p-navigation-item-color);
        --p-contextmenu-item-focus-color: var(--p-navigation-item-focus-color);
        --p-contextmenu-item-active-color: var(--p-navigation-item-active-color);
        --p-contextmenu-item-padding: var(--p-navigation-item-padding);
        --p-contextmenu-item-border-radius: var(--p-navigation-item-border-radius);
        --p-contextmenu-item-gap: var(--p-navigation-item-gap);
        --p-contextmenu-item-icon-color: var(--p-navigation-item-icon-color);
        --p-contextmenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
        --p-contextmenu-item-icon-active-color: var(--p-navigation-item-icon-active-color);
        --p-contextmenu-list-padding: var(--p-navigation-list-padding);
        --p-contextmenu-list-gap: var(--p-navigation-list-gap);
        --p-contextmenu-background: var(--p-content-background);
        --p-contextmenu-border-color: var(--p-content-border-color);
        --p-contextmenu-color: var(--p-content-color);
        --p-contextmenu-border-radius: var(--p-content-border-radius);
        --p-contextmenu-shadow: var(--p-overlay-navigation-shadow);
        --p-contextmenu-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-contextmenu {
        background: var(--p-contextmenu-background);
        color: var(--p-contextmenu-color);
        border: 1px solid var(--p-contextmenu-border-color);
        border-radius: var(--p-contextmenu-border-radius);
        box-shadow: var(--p-contextmenu-shadow);
        min-width: 12.5rem;
    }

    .p-contextmenu-root-list,
    .p-contextmenu-submenu {
        margin: 0;
        padding: var(--p-contextmenu-list-padding);
        list-style: none;
        outline: 0 none;
        display: flex;
        flex-direction: column;
        gap: var(--p-contextmenu-list-gap);
    }

    .p-contextmenu-submenu {
        position: absolute;
        display: flex;
        flex-direction: column;
        min-width: 100%;
        z-index: 1;
        background: var(--p-contextmenu-background);
        color: var(--p-contextmenu-color);
        border: 1px solid var(--p-contextmenu-border-color);
        border-radius: var(--p-contextmenu-border-radius);
        box-shadow: var(--p-contextmenu-shadow);
    }

    .p-contextmenu-item {
        position: relative;
    }

    .p-contextmenu-item-content {
        transition: background var(--p-contextmenu-transition-duration), color var(--p-contextmenu-transition-duration);
        border-radius: var(--p-contextmenu-item-border-radius);
        color: var(--p-contextmenu-item-color);
    }

    .p-contextmenu-item-link {
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        color: inherit;
        padding: var(--p-contextmenu-item-padding);
        gap: var(--p-contextmenu-item-gap);
        user-select: none;
    }

    .p-contextmenu-item-label {
        line-height: 1;
    }

    .p-contextmenu-item-icon {
        color: var(--p-contextmenu-item-icon-color);
    }

    .p-contextmenu-submenu-icon {
        color: var(--p-contextmenu-submenu-icon-color);
        margin-left: auto;
        font-size: var(--p-contextmenu-submenu-icon-size);
        width: var(--p-contextmenu-submenu-icon-size);
        height: var(--p-contextmenu-submenu-icon-size);
    }

    .p-contextmenu-submenu-icon:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
    }

    .p-contextmenu-item.p-focus>.p-contextmenu-item-content {
        color: var(--p-contextmenu-item-focus-color);
        background: var(--p-contextmenu-item-focus-background);
    }

    .p-contextmenu-item.p-focus>.p-contextmenu-item-content .p-contextmenu-item-icon {
        color: var(--p-contextmenu-item-icon-focus-color);
    }

    .p-contextmenu-item.p-focus>.p-contextmenu-item-content .p-contextmenu-submenu-icon {
        color: var(--p-contextmenu-submenu-icon-focus-color);
    }

    .p-contextmenu-item:not(.p-disabled)>.p-contextmenu-item-content:hover {
        color: var(--p-contextmenu-item-focus-color);
        background: var(--p-contextmenu-item-focus-background);
    }

    .p-contextmenu-item:not(.p-disabled)>.p-contextmenu-item-content:hover .p-contextmenu-item-icon {
        color: var(--p-contextmenu-item-icon-focus-color);
    }

    .p-contextmenu-item:not(.p-disabled)>.p-contextmenu-item-content:hover .p-contextmenu-submenu-icon {
        color: var(--p-contextmenu-submenu-icon-focus-color);
    }

    .p-contextmenu-item-active>.p-contextmenu-item-content {
        color: var(--p-contextmenu-item-active-color);
        background: var(--p-contextmenu-item-active-background);
    }

    .p-contextmenu-item-active>.p-contextmenu-item-content .p-contextmenu-item-icon {
        color: var(--p-contextmenu-item-icon-active-color);
    }

    .p-contextmenu-item-active>.p-contextmenu-item-content .p-contextmenu-submenu-icon {
        color: var(--p-contextmenu-submenu-icon-active-color);
    }

    .p-contextmenu-separator {
        border-block-start: 1px solid var(--p-contextmenu-separator-border-color);
    }

    .p-contextmenu-mobile .p-contextmenu-submenu {
        position: static;
        box-shadow: none;
        border: 0 none;
        padding-inline-start: var(--p-tieredmenu-submenu-mobile-indent);
        padding-inline-end: 0;
    }

    .p-contextmenu-mobile .p-contextmenu-submenu-icon {
        transition: transform 0.2s;
        transform: rotate(90deg);
    }

    .p-contextmenu-mobile .p-contextmenu-item-active>.p-contextmenu-item-content .p-contextmenu-submenu-icon {
        transform: rotate(-90deg);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-dock-item-border-radius: var(--p-content-border-radius);
        --p-dock-item-padding: 0.5rem;
        --p-dock-item-size: 3rem;
        --p-dock-item-focus-ring-width: var(--p-focus-ring-width);
        --p-dock-item-focus-ring-style: var(--p-focus-ring-style);
        --p-dock-item-focus-ring-color: var(--p-focus-ring-color);
        --p-dock-item-focus-ring-offset: var(--p-focus-ring-offset);
        --p-dock-item-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-dock-background: rgba(255, 255, 255, 0.1);
        --p-dock-border-color: rgba(255, 255, 255, 0.2);
        --p-dock-padding: 0.5rem;
        --p-dock-border-radius: var(--p-border-radius-xl);
    }
}

/* ========================================= */

@layer primevue {
    .p-dock {
        position: absolute;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: none;
    }

    .p-dock-list-container {
        display: flex;
        pointer-events: auto;
        background: var(--p-dock-background);
        border: 1px solid var(--p-dock-border-color);
        padding: var(--p-dock-padding);
        border-radius: var(--p-dock-border-radius);
    }

    .p-dock-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 0 none;
    }

    .p-dock-item {
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        padding: var(--p-dock-item-padding);
        border-radius: var(--p-dock-item-border-radius);
    }

    .p-dock-item.p-focus {
        box-shadow: var(--p-dock-item-focus-ring-shadow);
        outline: var(--p-dock-item-focus-ring-width) var(--p-dock-item-focus-ring-style) var(--p-dock-item-focus-ring-color);
        outline-offset: var(--p-dock-item-focus-ring-offset);
    }

    .p-dock-item-link {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        cursor: default;
        width: var(--p-dock-item-size);
        height: var(--p-dock-item-size);
    }

    .p-dock-top {
        left: 0;
        top: 0;
        width: 100%;
    }

    .p-dock-bottom {
        left: 0;
        bottom: 0;
        width: 100%;
    }

    .p-dock-right {
        right: 0;
        top: 0;
        height: 100%;
    }

    .p-dock-right .p-dock-list {
        flex-direction: column;
    }

    .p-dock-left {
        left: 0;
        top: 0;
        height: 100%;
    }

    .p-dock-left .p-dock-list {
        flex-direction: column;
    }

    .p-dock-mobile.p-dock-top .p-dock-list-container,
    .p-dock-mobile.p-dock-bottom .p-dock-list-container {
        overflow-x: auto;
        width: 100%;
    }

    .p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,
    .p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
        margin: 0 auto;
    }

    .p-dock-mobile.p-dock-left .p-dock-list-container,
    .p-dock-mobile.p-dock-right .p-dock-list-container {
        overflow-y: auto;
        height: 100%;
    }

    .p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,
    .p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
        margin: auto 0;
    }

    .p-dock-mobile .p-dock-list .p-dock-item {
        transform: none;
        margin: 0;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-menu-separator-border-color: var(--p-content-border-color);
        --p-menu-submenu-label-padding: var(--p-navigation-submenu-label-padding);
        --p-menu-submenu-label-font-weight: var(--p-navigation-submenu-label-font-weight);
        --p-menu-submenu-label-background: var(--p-navigation-submenu-label-background);
        --p-menu-submenu-label-color: var(--p-navigation-submenu-label-color);
        --p-menu-item-focus-background: var(--p-navigation-item-focus-background);
        --p-menu-item-color: var(--p-navigation-item-color);
        --p-menu-item-focus-color: var(--p-navigation-item-focus-color);
        --p-menu-item-padding: var(--p-navigation-item-padding);
        --p-menu-item-border-radius: var(--p-navigation-item-border-radius);
        --p-menu-item-gap: var(--p-navigation-item-gap);
        --p-menu-item-icon-color: var(--p-navigation-item-icon-color);
        --p-menu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
        --p-menu-list-padding: var(--p-navigation-list-padding);
        --p-menu-list-gap: var(--p-navigation-list-gap);
        --p-menu-background: var(--p-content-background);
        --p-menu-border-color: var(--p-content-border-color);
        --p-menu-color: var(--p-content-color);
        --p-menu-border-radius: var(--p-content-border-radius);
        --p-menu-shadow: var(--p-overlay-navigation-shadow);
        --p-menu-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-menu {
        background: var(--p-menu-background);
        color: var(--p-menu-color);
        border: 1px solid var(--p-menu-border-color);
        border-radius: var(--p-menu-border-radius);
        min-width: 12.5rem;
    }

    .p-menu-list {
        margin: 0;
        padding: var(--p-menu-list-padding);
        outline: 0 none;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: var(--p-menu-list-gap);
    }

    .p-menu-item-content {
        transition: background var(--p-menu-transition-duration), color var(--p-menu-transition-duration);
        border-radius: var(--p-menu-item-border-radius);
        color: var(--p-menu-item-color);
        overflow: hidden;
    }

    .p-menu-item-link {
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        color: inherit;
        padding: var(--p-menu-item-padding);
        gap: var(--p-menu-item-gap);
        user-select: none;
        outline: 0 none;
    }

    .p-menu-item-label {
        line-height: 1;
    }

    .p-menu-item-icon {
        color: var(--p-menu-item-icon-color);
    }

    .p-menu-item.p-focus .p-menu-item-content {
        color: var(--p-menu-item-focus-color);
        background: var(--p-menu-item-focus-background);
    }

    .p-menu-item.p-focus .p-menu-item-icon {
        color: var(--p-menu-item-icon-focus-color);
    }

    .p-menu-item:not(.p-disabled) .p-menu-item-content:hover {
        color: var(--p-menu-item-focus-color);
        background: var(--p-menu-item-focus-background);
    }

    .p-menu-item:not(.p-disabled) .p-menu-item-content:hover .p-menu-item-icon {
        color: var(--p-menu-item-icon-focus-color);
    }

    .p-menu-overlay {
        box-shadow: var(--p-menu-shadow);
    }

    .p-menu-submenu-label {
        background: var(--p-menu-submenu-label-background);
        padding: var(--p-menu-submenu-label-padding);
        color: var(--p-menu-submenu-label-color);
        font-weight: var(--p-menu-submenu-label-font-weight);
    }

    .p-menu-separator {
        border-block-start: 1px solid var(--p-menu-separator-border-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-menubar-mobile-button-border-radius: 50%;
        --p-menubar-mobile-button-size: 1.75rem;
        --p-menubar-mobile-button-color: var(--p-text-muted-color);
        --p-menubar-mobile-button-hover-color: var(--p-text-hover-muted-color);
        --p-menubar-mobile-button-hover-background: var(--p-content-hover-background);
        --p-menubar-mobile-button-focus-ring-width: var(--p-focus-ring-width);
        --p-menubar-mobile-button-focus-ring-style: var(--p-focus-ring-style);
        --p-menubar-mobile-button-focus-ring-color: var(--p-focus-ring-color);
        --p-menubar-mobile-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-menubar-mobile-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-menubar-separator-border-color: var(--p-content-border-color);
        --p-menubar-submenu-padding: var(--p-navigation-list-padding);
        --p-menubar-submenu-gap: var(--p-navigation-list-gap);
        --p-menubar-submenu-background: var(--p-content-background);
        --p-menubar-submenu-border-color: var(--p-content-border-color);
        --p-menubar-submenu-border-radius: var(--p-content-border-radius);
        --p-menubar-submenu-shadow: var(--p-overlay-navigation-shadow);
        --p-menubar-submenu-mobile-indent: 1rem;
        --p-menubar-submenu-icon-size: var(--p-navigation-submenu-icon-size);
        --p-menubar-submenu-icon-color: var(--p-navigation-submenu-icon-color);
        --p-menubar-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
        --p-menubar-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
        --p-menubar-item-focus-background: var(--p-navigation-item-focus-background);
        --p-menubar-item-active-background: var(--p-navigation-item-active-background);
        --p-menubar-item-color: var(--p-navigation-item-color);
        --p-menubar-item-focus-color: var(--p-navigation-item-focus-color);
        --p-menubar-item-active-color: var(--p-navigation-item-active-color);
        --p-menubar-item-padding: var(--p-navigation-item-padding);
        --p-menubar-item-border-radius: var(--p-navigation-item-border-radius);
        --p-menubar-item-gap: var(--p-navigation-item-gap);
        --p-menubar-item-icon-color: var(--p-navigation-item-icon-color);
        --p-menubar-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
        --p-menubar-item-icon-active-color: var(--p-navigation-item-icon-active-color);
        --p-menubar-base-item-border-radius: var(--p-content-border-radius);
        --p-menubar-base-item-padding: var(--p-navigation-item-padding);
        --p-menubar-background: var(--p-content-background);
        --p-menubar-border-color: var(--p-content-border-color);
        --p-menubar-border-radius: var(--p-content-border-radius);
        --p-menubar-color: var(--p-content-color);
        --p-menubar-gap: 0.5rem;
        --p-menubar-padding: 0.5rem 0.75rem;
        --p-menubar-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-menubar {
        display: flex;
        align-items: center;
        background: var(--p-menubar-background);
        border: 1px solid var(--p-menubar-border-color);
        border-radius: var(--p-menubar-border-radius);
        color: var(--p-menubar-color);
        padding: var(--p-menubar-padding);
        gap: var(--p-menubar-gap);
    }

    .p-menubar-start,
    .p-megamenu-end {
        display: flex;
        align-items: center;
    }

    .p-menubar-root-list,
    .p-menubar-submenu {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        outline: 0 none;
    }

    .p-menubar-root-list {
        align-items: center;
        flex-wrap: wrap;
        gap: var(--p-menubar-gap);
    }

    .p-menubar-root-list>.p-menubar-item>.p-menubar-item-content {
        border-radius: var(--p-menubar-base-item-border-radius);
    }

    .p-menubar-root-list>.p-menubar-item>.p-menubar-item-content>.p-menubar-item-link {
        padding: var(--p-menubar-base-item-padding);
    }

    .p-menubar-item-content {
        transition: background var(--p-menubar-transition-duration), color var(--p-menubar-transition-duration);
        border-radius: var(--p-menubar-item-border-radius);
        color: var(--p-menubar-item-color);
    }

    .p-menubar-item-link {
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        color: inherit;
        padding: var(--p-menubar-item-padding);
        gap: var(--p-menubar-item-gap);
        user-select: none;
        outline: 0 none;
    }

    .p-menubar-item-label {
        line-height: 1;
    }

    .p-menubar-item-icon {
        color: var(--p-menubar-item-icon-color);
    }

    .p-menubar-submenu-icon {
        color: var(--p-menubar-submenu-icon-color);
        margin-left: auto;
        font-size: var(--p-menubar-submenu-icon-size);
        width: var(--p-menubar-submenu-icon-size);
        height: var(--p-menubar-submenu-icon-size);
    }

    .p-menubar-submenu .p-menubar-submenu-icon:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
    }

    .p-menubar-item.p-focus>.p-menubar-item-content {
        color: var(--p-menubar-item-focus-color);
        background: var(--p-menubar-item-focus-background);
    }

    .p-menubar-item.p-focus>.p-menubar-item-content .p-menubar-item-icon {
        color: var(--p-menubar-item-icon-focus-color);
    }

    .p-menubar-item.p-focus>.p-menubar-item-content .p-menubar-submenu-icon {
        color: var(--p-menubar-submenu-icon-focus-color);
    }

    .p-menubar-item:not(.p-disabled)>.p-menubar-item-content:hover {
        color: var(--p-menubar-item-focus-color);
        background: var(--p-menubar-item-focus-background);
    }

    .p-menubar-item:not(.p-disabled)>.p-menubar-item-content:hover .p-menubar-item-icon {
        color: var(--p-menubar-item-icon-focus-color);
    }

    .p-menubar-item:not(.p-disabled)>.p-menubar-item-content:hover .p-menubar-submenu-icon {
        color: var(--p-menubar-submenu-icon-focus-color);
    }

    .p-menubar-item-active>.p-menubar-item-content {
        color: var(--p-menubar-item-active-color);
        background: var(--p-menubar-item-active-background);
    }

    .p-menubar-item-active>.p-menubar-item-content .p-menubar-item-icon {
        color: var(--p-menubar-item-icon-active-color);
    }

    .p-menubar-item-active>.p-menubar-item-content .p-menubar-submenu-icon {
        color: var(--p-menubar-submenu-icon-active-color);
    }

    .p-menubar-submenu {
        display: none;
        position: absolute;
        min-width: 12.5rem;
        z-index: 1;
        background: var(--p-menubar-submenu-background);
        border: 1px solid var(--p-menubar-submenu-border-color);
        border-radius: var(--p-menubar-submenu-border-radius);
        box-shadow: var(--p-menubar-submenu-shadow);
        color: var(--p-menubar-submenu-color);
        flex-direction: column;
        padding: var(--p-menubar-submenu-padding);
        gap: var(--p-menubar-submenu-gap);
    }

    .p-menubar-submenu .p-menubar-separator {
        border-block-start: 1px solid var(--p-menubar-separator-border-color);
    }

    .p-menubar-submenu .p-menubar-item {
        position: relative;
    }

    .p-menubar-submenu>.p-menubar-item-active>.p-menubar-submenu {
        display: block;
        left: 100%;
        top: 0;
    }

    .p-menubar-end {
        margin-left: auto;
        align-self: center;
    }

    .p-menubar-end:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
    }

    .p-menubar-button {
        display: none;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        width: var(--p-menubar-mobile-button-size);
        height: var(--p-menubar-mobile-button-size);
        position: relative;
        color: var(--p-menubar-mobile-button-color);
        border: 0 none;
        background: transparent;
        border-radius: var(--p-menubar-mobile-button-border-radius);
        transition: background var(--p-menubar-transition-duration), color var(--p-menubar-transition-duration), outline-color var(--p-menubar-transition-duration);
        outline-color: transparent;
    }

    .p-menubar-button:hover {
        color: var(--p-menubar-mobile-button-hover-color);
        background: var(--p-menubar-mobile-button-hover-background);
    }

    .p-menubar-button:focus-visible {
        box-shadow: var(--p-menubar-mobile-button-focus-ring-shadow);
        outline: var(--p-menubar-mobile-button-focus-ring-width) var(--p-menubar-mobile-button-focus-ring-style) var(--p-menubar-mobile-button-focus-ring-color);
        outline-offset: var(--p-menubar-mobile-button-focus-ring-offset);
    }

    .p-menubar-mobile {
        position: relative;
    }

    .p-menubar-mobile .p-menubar-button {
        display: flex;
    }

    .p-menubar-mobile .p-menubar-root-list {
        position: absolute;
        display: none;
        width: 100%;
        flex-direction: column;
        top: 100%;
        left: 0;
        z-index: 1;
        padding: var(--p-menubar-submenu-padding);
        background: var(--p-menubar-submenu-background);
        border: 1px solid var(--p-menubar-submenu-border-color);
        box-shadow: var(--p-menubar-submenu-shadow);
        border-radius: var(--p-menubar-submenu-border-radius);
        gap: var(--p-menubar-submenu-gap);
    }

    .p-menubar-mobile .p-menubar-root-list:dir(rtl) {
        left: auto;
        right: 0;
    }

    .p-menubar-mobile .p-menubar-root-list>.p-menubar-item>.p-menubar-item-content>.p-menubar-item-link {
        padding: var(--p-menubar-item-padding);
    }

    .p-menubar-mobile-active .p-menubar-root-list {
        display: flex;
    }

    .p-menubar-mobile .p-menubar-root-list .p-menubar-item {
        width: 100%;
        position: static;
    }

    .p-menubar-mobile .p-menubar-root-list .p-menubar-separator {
        border-block-start: 1px solid var(--p-menubar-separator-border-color);
    }

    .p-menubar-mobile .p-menubar-root-list>.p-menubar-item>.p-menubar-item-content .p-menubar-submenu-icon {
        margin-left: auto;
        transition: transform 0.2s;
    }

    .p-menubar-mobile .p-menubar-root-list>.p-menubar-item>.p-menubar-item-content .p-menubar-submenu-icon:dir(rtl),
    .p-menubar-mobile .p-menubar-submenu-icon:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
    }

    .p-menubar-mobile .p-menubar-root-list>.p-menubar-item-active>.p-menubar-item-content .p-menubar-submenu-icon {
        transform: rotate(-180deg);
    }

    .p-menubar-mobile .p-menubar-submenu .p-menubar-submenu-icon {
        transition: transform 0.2s;
        transform: rotate(90deg);
    }

    .p-menubar-mobile .p-menubar-item-active>.p-menubar-item-content .p-menubar-submenu-icon {
        transform: rotate(-90deg);
    }

    .p-menubar-mobile .p-menubar-submenu {
        width: 100%;
        position: static;
        box-shadow: none;
        border: 0 none;
        padding-inline-start: var(--p-menubar-submenu-mobile-indent);
        padding-inline-end: 0;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-megamenu-mobile-button-border-radius: 50%;
        --p-megamenu-mobile-button-size: 1.75rem;
        --p-megamenu-mobile-button-color: var(--p-text-muted-color);
        --p-megamenu-mobile-button-hover-color: var(--p-text-hover-muted-color);
        --p-megamenu-mobile-button-hover-background: var(--p-content-hover-background);
        --p-megamenu-mobile-button-focus-ring-width: var(--p-focus-ring-width);
        --p-megamenu-mobile-button-focus-ring-style: var(--p-focus-ring-style);
        --p-megamenu-mobile-button-focus-ring-color: var(--p-focus-ring-color);
        --p-megamenu-mobile-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-megamenu-mobile-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-megamenu-separator-border-color: var(--p-content-border-color);
        --p-megamenu-submenu-icon-size: var(--p-navigation-submenu-icon-size);
        --p-megamenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
        --p-megamenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
        --p-megamenu-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
        --p-megamenu-submenu-label-padding: var(--p-navigation-submenu-label-padding);
        --p-megamenu-submenu-label-font-weight: var(--p-navigation-submenu-label-font-weight);
        --p-megamenu-submenu-label-background: var(--p-navigation-submenu-label-background);
        --p-megamenu-submenu-label-color: var(--p-navigation-submenu-label-color);
        --p-megamenu-submenu-padding: var(--p-navigation-list-padding);
        --p-megamenu-submenu-gap: var(--p-navigation-list-gap);
        --p-megamenu-overlay-padding: 0;
        --p-megamenu-overlay-background: var(--p-content-background);
        --p-megamenu-overlay-border-color: var(--p-content-border-color);
        --p-megamenu-overlay-border-radius: var(--p-content-border-radius);
        --p-megamenu-overlay-color: var(--p-content-color);
        --p-megamenu-overlay-shadow: var(--p-overlay-navigation-shadow);
        --p-megamenu-overlay-gap: 0.5rem;
        --p-megamenu-item-focus-background: var(--p-navigation-item-focus-background);
        --p-megamenu-item-active-background: var(--p-navigation-item-active-background);
        --p-megamenu-item-color: var(--p-navigation-item-color);
        --p-megamenu-item-focus-color: var(--p-navigation-item-focus-color);
        --p-megamenu-item-active-color: var(--p-navigation-item-active-color);
        --p-megamenu-item-padding: var(--p-navigation-item-padding);
        --p-megamenu-item-border-radius: var(--p-navigation-item-border-radius);
        --p-megamenu-item-gap: var(--p-navigation-item-gap);
        --p-megamenu-item-icon-color: var(--p-navigation-item-icon-color);
        --p-megamenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
        --p-megamenu-item-icon-active-color: var(--p-navigation-item-icon-active-color);
        --p-megamenu-base-item-border-radius: var(--p-content-border-radius);
        --p-megamenu-base-item-padding: var(--p-navigation-item-padding);
        --p-megamenu-background: var(--p-content-background);
        --p-megamenu-border-color: var(--p-content-border-color);
        --p-megamenu-border-radius: var(--p-content-border-radius);
        --p-megamenu-color: var(--p-content-color);
        --p-megamenu-gap: 0.5rem;
        --p-megamenu-transition-duration: var(--p-transition-duration);
        --p-megamenu-horizontal-orientation-padding: 0.5rem 0.75rem;
        --p-megamenu-horizontal-orientation-gap: 0.5rem;
        --p-megamenu-vertical-orientation-padding: var(--p-navigation-list-padding);
        --p-megamenu-vertical-orientation-gap: var(--p-navigation-list-gap);
    }
}

/* ========================================= */

@layer primevue {
    .p-megamenu {
        position: relative;
        display: flex;
        align-items: center;
        background: var(--p-megamenu-background);
        border: 1px solid var(--p-megamenu-border-color);
        border-radius: var(--p-megamenu-border-radius);
        color: var(--p-megamenu-color);
        gap: var(--p-megamenu-gap);
    }

    .p-megamenu-start,
    .p-megamenu-end {
        display: flex;
        align-items: center;
    }

    .p-megamenu-root-list {
        margin: 0;
        padding: 0;
        list-style: none;
        outline: 0 none;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: var(--p-megamenu-gap);
    }

    .p-megamenu-root-list>.p-megamenu-item>.p-megamenu-item-content {
        border-radius: var(--p-megamenu-base-item-border-radius);
    }

    .p-megamenu-root-list>.p-megamenu-item>.p-megamenu-item-content>.p-megamenu-item-link {
        padding: var(--p-megamenu-base-item-padding);
    }

    .p-megamenu-item-content {
        transition: background var(--p-megamenu-transition-duration), color var(--p-megamenu-transition-duration);
        border-radius: var(--p-megamenu-item-border-radius);
        color: var(--p-megamenu-item-color);
    }

    .p-megamenu-item-link {
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        color: inherit;
        padding: var(--p-megamenu-item-padding);
        gap: var(--p-megamenu-item-gap);
        user-select: none;
        outline: 0 none;
    }

    .p-megamenu-item-label {
        line-height: 1;
    }

    .p-megamenu-item-icon {
        color: var(--p-megamenu-item-icon-color);
    }

    .p-megamenu-submenu-icon {
        color: var(--p-megamenu-submenu-icon-color);
        font-size: var(--p-megamenu-submenu-icon-size);
        width: var(--p-megamenu-submenu-icon-size);
        height: var(--p-megamenu-submenu-icon-size);
    }

    .p-megamenu-item.p-focus>.p-megamenu-item-content {
        color: var(--p-megamenu-item-focus-color);
        background: var(--p-megamenu-item-focus-background);
    }

    .p-megamenu-item.p-focus>.p-megamenu-item-content .p-megamenu-item-icon {
        color: var(--p-megamenu-item-icon-focus-color);
    }

    .p-megamenu-item.p-focus>.p-megamenu-item-content .p-megamenu-submenu-icon {
        color: var(--p-megamenu-submenu-icon-focus-color);
    }

    .p-megamenu-item:not(.p-disabled)>.p-megamenu-item-content:hover {
        color: var(--p-megamenu-item-focus-color);
        background: var(--p-megamenu-item-focus-background);
    }

    .p-megamenu-item:not(.p-disabled)>.p-megamenu-item-content:hover .p-megamenu-item-icon {
        color: var(--p-megamenu-item-icon-focus-color);
    }

    .p-megamenu-item:not(.p-disabled)>.p-megamenu-item-content:hover .p-megamenu-submenu-icon {
        color: var(--p-megamenu-submenu-icon-focus-color);
    }

    .p-megamenu-item-active>.p-megamenu-item-content {
        color: var(--p-megamenu-item-active-color);
        background: var(--p-megamenu-item-active-background);
    }

    .p-megamenu-item-active>.p-megamenu-item-content .p-megamenu-item-icon {
        color: var(--p-megamenu-item-icon-active-color);
    }

    .p-megamenu-item-active>.p-megamenu-item-content .p-megamenu-submenu-icon {
        color: var(--p-megamenu-submenu-icon-active-color);
    }

    .p-megamenu-overlay {
        display: none;
        position: absolute;
        width: auto;
        z-index: 1;
        left: 0;
        min-width: 100%;
        padding: var(--p-megamenu-overlay-padding);
        background: var(--p-megamenu-overlay-background);
        color: var(--p-megamenu-overlay-color);
        border: 1px solid var(--p-megamenu-overlay-border-color);
        border-radius: var(--p-megamenu-overlay-border-radius);
        box-shadow: var(--p-megamenu-overlay-shadow);
    }

    .p-megamenu-overlay:dir(rtl) {
        left: auto;
        right: 0;
    }

    .p-megamenu-root-list>.p-megamenu-item-active>.p-megamenu-overlay {
        display: block;
    }

    .p-megamenu-submenu {
        margin: 0;
        list-style: none;
        padding: var(--p-megamenu-submenu-padding);
        min-width: 12.5rem;
        display: flex;
        flex-direction: column;
        gap: var(--p-megamenu-submenu-gap);
    }

    .p-megamenu-submenu-label {
        padding: var(--p-megamenu-submenu-label-padding);
        color: var(--p-megamenu-submenu-label-color);
        font-weight: var(--p-megamenu-submenu-label-font-weight);
        background: var(--p-megamenu-submenu-label-background);
    }

    .p-megamenu-separator {
        border-block-start: 1px solid var(--p-megamenu-separator-border-color);
    }

    .p-megamenu-horizontal {
        align-items: center;
        padding: var(--p-megamenu-horizontal-orientation-padding);
    }

    .p-megamenu-horizontal .p-megamenu-root-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: var(--p-megamenu-horizontal-orientation-gap);
    }

    .p-megamenu-horizontal .p-megamenu-end {
        margin-left: auto;
        align-self: center;
    }

    .p-megamenu-horizontal .p-megamenu-end:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
    }

    .p-megamenu-vertical {
        display: inline-flex;
        min-width: 12.5rem;
        flex-direction: column;
        align-items: stretch;
        padding: var(--p-megamenu-vertical-orientation-padding);
    }

    .p-megamenu-vertical .p-megamenu-root-list {
        align-items: stretch;
        flex-direction: column;
        gap: var(--p-megamenu-vertical-orientation-gap);
    }

    .p-megamenu-vertical .p-megamenu-root-list>.p-megamenu-item-active>.p-megamenu-overlay {
        left: 100%;
        top: 0;
    }

    .p-megamenu-vertical .p-megamenu-root-list>.p-megamenu-item-active>.p-megamenu-overlay:dir(rtl) {
        left: auto;
        right: 100%;
    }

    .p-megamenu-vertical .p-megamenu-root-list>.p-megamenu-item>.p-megamenu-item-content .p-megamenu-submenu-icon {
        margin-left: auto;
    }

    .p-megamenu-vertical .p-megamenu-root-list>.p-megamenu-item>.p-megamenu-item-content .p-megamenu-submenu-icon:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
        transform: rotate(180deg);
    }

    .p-megamenu-grid {
        display: flex;
    }

    .p-megamenu-col-2,
    .p-megamenu-col-3,
    .p-megamenu-col-4,
    .p-megamenu-col-6,
    .p-megamenu-col-12 {
        flex: 0 0 auto;
        padding: var(--p-megamenu-overlay-gap);
    }

    .p-megamenu-col-2 {
        width: 16.6667%;
    }

    .p-megamenu-col-3 {
        width: 25%;
    }

    .p-megamenu-col-4 {
        width: 33.3333%;
    }

    .p-megamenu-col-6 {
        width: 50%;
    }

    .p-megamenu-col-12 {
        width: 100%;
    }

    .p-megamenu-button {
        display: none;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        width: var(--p-megamenu-mobile-button-size);
        height: var(--p-megamenu-mobile-button-size);
        position: relative;
        color: var(--p-megamenu-mobile-button-color);
        border: 0 none;
        background: transparent;
        border-radius: var(--p-megamenu-mobile-button-border-radius);
        transition: background var(--p-megamenu-transition-duration), color var(--p-megamenu-transition-duration), outline-color var(--p-megamenu-transition-duration), box-shadow var(--p-megamenu-transition-duration);
        outline-color: transparent;
    }

    .p-megamenu-button:hover {
        color: var(--p-megamenu-mobile-button-hover-color);
        background: var(--p-megamenu-mobile-button-hover-background);
    }

    .p-megamenu-button:focus-visible {
        box-shadow: var(--p-megamenu-mobile-button-focus-ring-shadow);
        outline: var(--p-megamenu-mobile-button-focus-ring-width) var(--p-megamenu-mobile-button-focus-ring-style) var(--p-megamenu-mobile-button-focus-ring-color);
        outline-offset: var(--p-megamenu-mobile-button-focus-ring-offset);
    }

    .p-megamenu-mobile {
        display: flex;
    }

    .p-megamenu-mobile .p-megamenu-button {
        display: flex;
    }

    .p-megamenu-mobile .p-megamenu-root-list {
        position: absolute;
        display: none;
        flex-direction: column;
        top: 100%;
        left: 0;
        z-index: 1;
        width: 100%;
        padding: var(--p-megamenu-submenu-padding);
        gap: var(--p-megamenu-submenu-gap);
        background: var(--p-megamenu-overlay-background);
        border: 1px solid var(--p-megamenu-overlay-border-color);
        box-shadow: var(--p-megamenu-overlay-shadow);
    }

    .p-megamenu-mobile .p-megamenu-root-list:dir(rtl) {
        left: auto;
        right: 0;
    }

    .p-megamenu-mobile-active .p-megamenu-root-list {
        display: block;
    }

    .p-megamenu-mobile .p-megamenu-root-list .p-megamenu-item {
        width: 100%;
        position: static;
    }

    .p-megamenu-mobile .p-megamenu-overlay {
        position: static;
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
    }

    .p-megamenu-mobile .p-megamenu-grid {
        flex-wrap: wrap;
        overflow: auto;
        max-height: 90%;
    }

    .p-megamenu-mobile .p-megamenu-root-list>.p-megamenu-item>.p-megamenu-item-content .p-megamenu-submenu-icon {
        margin-left: auto;
        transition: transform 0.2s;
    }

    .p-megamenu-mobile .p-megamenu-root-list>.p-megamenu-item>.p-megamenu-item-content .p-megamenu-submenu-icon:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
    }

    .p-megamenu-mobile .p-megamenu-root-list>.p-megamenu-item-active>.p-megamenu-item-content .p-megamenu-submenu-icon {
        transform: rotate(-180deg);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-panelmenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
        --p-panelmenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
        --p-panelmenu-submenu-indent: 1rem;
        --p-panelmenu-item-focus-background: var(--p-navigation-item-focus-background);
        --p-panelmenu-item-color: var(--p-navigation-item-color);
        --p-panelmenu-item-focus-color: var(--p-navigation-item-focus-color);
        --p-panelmenu-item-gap: 0.5rem;
        --p-panelmenu-item-padding: var(--p-navigation-item-padding);
        --p-panelmenu-item-border-radius: var(--p-content-border-radius);
        --p-panelmenu-item-icon-color: var(--p-navigation-item-icon-color);
        --p-panelmenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
        --p-panelmenu-panel-background: var(--p-content-background);
        --p-panelmenu-panel-border-color: var(--p-content-border-color);
        --p-panelmenu-panel-border-width: 1px;
        --p-panelmenu-panel-color: var(--p-content-color);
        --p-panelmenu-panel-padding: 0.25rem 0.25rem;
        --p-panelmenu-panel-border-radius: var(--p-content-border-radius);
        --p-panelmenu-panel-last-border-width: 1px;
        --p-panelmenu-panel-last-bottom-border-radius: var(--p-content-border-radius);
        --p-panelmenu-panel-first-border-width: 1px;
        --p-panelmenu-panel-first-top-border-radius: var(--p-content-border-radius);
        --p-panelmenu-gap: 0.5rem;
        --p-panelmenu-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-panelmenu {
        display: flex;
        flex-direction: column;
        gap: var(--p-panelmenu-gap);
    }

    .p-panelmenu-panel {
        background: var(--p-panelmenu-panel-background);
        border-width: var(--p-panelmenu-panel-border-width);
        border-style: solid;
        border-color: var(--p-panelmenu-panel-border-color);
        color: var(--p-panelmenu-panel-color);
        border-radius: var(--p-panelmenu-panel-border-radius);
        padding: var(--p-panelmenu-panel-padding);
    }

    .p-panelmenu-panel:first-child {
        border-width: var(--p-panelmenu-panel-first-border-width);
        border-start-start-radius: var(--p-panelmenu-panel-first-top-border-radius);
        border-start-end-radius: var(--p-panelmenu-panel-first-top-border-radius);
    }

    .p-panelmenu-panel:last-child {
        border-width: var(--p-panelmenu-panel-last-border-width);
        border-end-start-radius: var(--p-panelmenu-panel-last-bottom-border-radius);
        border-end-end-radius: var(--p-panelmenu-panel-last-bottom-border-radius);
    }

    .p-panelmenu-header {
        outline: 0 none;
    }

    .p-panelmenu-header-content {
        border-radius: var(--p-panelmenu-item-border-radius);
        transition: background var(--p-panelmenu-transition-duration), color var(--p-panelmenu-transition-duration), outline-color var(--p-panelmenu-transition-duration), box-shadow var(--p-panelmenu-transition-duration);
        outline-color: transparent;
        color: var(--p-panelmenu-item-color);
    }

    .p-panelmenu-header-link {
        display: flex;
        gap: var(--p-panelmenu-item-gap);
        padding: var(--p-panelmenu-item-padding);
        align-items: center;
        user-select: none;
        cursor: pointer;
        position: relative;
        text-decoration: none;
        color: inherit;
    }

    .p-panelmenu-header-icon,
    .p-panelmenu-item-icon {
        color: var(--p-panelmenu-item-icon-color);
    }

    .p-panelmenu-submenu-icon {
        color: var(--p-panelmenu-submenu-icon-color);
    }

    .p-panelmenu-submenu-icon:dir(rtl) {
        transform: rotate(180deg);
    }

    .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
        background: var(--p-panelmenu-item-focus-background);
        color: var(--p-panelmenu-item-focus-color);
    }

    .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-icon {
        color: var(--p-panelmenu-item-icon-focus-color);
    }

    .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-submenu-icon {
        color: var(--p-panelmenu-submenu-icon-focus-color);
    }

    .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover {
        background: var(--p-panelmenu-item-focus-background);
        color: var(--p-panelmenu-item-focus-color);
    }

    .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-header-icon {
        color: var(--p-panelmenu-item-icon-focus-color);
    }

    .p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-submenu-icon {
        color: var(--p-panelmenu-submenu-icon-focus-color);
    }

    .p-panelmenu-submenu {
        margin: 0;
        padding: 0 0 0 var(--p-panelmenu-submenu-indent);
        outline: 0;
        list-style: none;
    }

    .p-panelmenu-submenu:dir(rtl) {
        padding: 0 var(--p-panelmenu-submenu-indent) 0 0;
    }

    .p-panelmenu-item-link {
        display: flex;
        gap: var(--p-panelmenu-item-gap);
        padding: var(--p-panelmenu-item-padding);
        align-items: center;
        user-select: none;
        cursor: pointer;
        text-decoration: none;
        color: inherit;
        position: relative;
        overflow: hidden;
    }

    .p-panelmenu-item-label {
        line-height: 1;
    }

    .p-panelmenu-item-content {
        border-radius: var(--p-panelmenu-item-border-radius);
        transition: background var(--p-panelmenu-transition-duration), color var(--p-panelmenu-transition-duration), outline-color var(--p-panelmenu-transition-duration), box-shadow var(--p-panelmenu-transition-duration);
        color: var(--p-panelmenu-item-color);
        outline-color: transparent;
    }

    .p-panelmenu-item.p-focus>.p-panelmenu-item-content {
        background: var(--p-panelmenu-item-focus-background);
        color: var(--p-panelmenu-item-focus-color);
    }

    .p-panelmenu-item.p-focus>.p-panelmenu-item-content .p-panelmenu-item-icon {
        color: var(--p-panelmenu-item-focus-color);
    }

    .p-panelmenu-item.p-focus>.p-panelmenu-item-content .p-panelmenu-submenu-icon {
        color: var(--p-panelmenu-submenu-icon-focus-color);
    }

    .p-panelmenu-item:not(.p-disabled)>.p-panelmenu-item-content:hover {
        background: var(--p-panelmenu-item-focus-background);
        color: var(--p-panelmenu-item-focus-color);
    }

    .p-panelmenu-item:not(.p-disabled)>.p-panelmenu-item-content:hover .p-panelmenu-item-icon {
        color: var(--p-panelmenu-item-icon-focus-color);
    }

    .p-panelmenu-item:not(.p-disabled)>.p-panelmenu-item-content:hover .p-panelmenu-submenu-icon {
        color: var(--p-panelmenu-submenu-icon-focus-color);
    }

    .p-panelmenu-content-container {
        display: grid;
        grid-template-rows: 1fr;
    }

    .p-panelmenu-content-wrapper {
        min-height: 0;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-steps-item-number-background: var(--p-content-background);
        --p-steps-item-number-active-background: var(--p-content-background);
        --p-steps-item-number-border-color: var(--p-content-border-color);
        --p-steps-item-number-active-border-color: var(--p-content-border-color);
        --p-steps-item-number-color: var(--p-text-muted-color);
        --p-steps-item-number-active-color: var(--p-primary-color);
        --p-steps-item-number-size: 2rem;
        --p-steps-item-number-font-size: 1.143rem;
        --p-steps-item-number-font-weight: 500;
        --p-steps-item-number-border-radius: 50%;
        --p-steps-item-number-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
        --p-steps-item-label-color: var(--p-text-muted-color);
        --p-steps-item-label-active-color: var(--p-primary-color);
        --p-steps-item-label-font-weight: 500;
        --p-steps-item-link-border-radius: var(--p-content-border-radius);
        --p-steps-item-link-gap: 0.5rem;
        --p-steps-item-link-focus-ring-width: var(--p-focus-ring-width);
        --p-steps-item-link-focus-ring-style: var(--p-focus-ring-style);
        --p-steps-item-link-focus-ring-color: var(--p-focus-ring-color);
        --p-steps-item-link-focus-ring-offset: var(--p-focus-ring-offset);
        --p-steps-item-link-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-steps-separator-background: var(--p-content-border-color);
        --p-steps-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-steps {
        position: relative;
    }

    .p-steps-list {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: flex;
    }

    .p-steps-item {
        position: relative;
        display: flex;
        justify-content: center;
        flex: 1 1 auto;
    }

    .p-steps-item.p-disabled,
    .p-steps-item.p-disabled * {
        opacity: 1;
        pointer-events: auto;
        user-select: auto;
        cursor: auto;
    }

    .p-steps-item:before {
        content: ' ';
        border-top: 2px solid var(--p-steps-separator-background);
        width: 100%;
        top: 50%;
        left: 0;
        display: block;
        position: absolute;
        margin-top: calc(-1rem + 1px);
    }

    .p-steps-item:first-child::before {
        width: calc(50% + 1rem);
        transform: translateX(100%);
    }

    .p-steps-item:last-child::before {
        width: 50%;
    }

    .p-steps-item-link {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        text-decoration: none;
        transition: outline-color var(--p-steps-transition-duration), box-shadow var(--p-steps-transition-duration);
        border-radius: var(--p-steps-item-link-border-radius);
        outline-color: transparent;
        gap: var(--p-steps-item-link-gap);
    }

    .p-steps-item-link:not(.p-disabled):focus-visible {
        box-shadow: var(--p-steps-item-link-focus-ring-shadow);
        outline: var(--p-steps-item-link-focus-ring-width) var(--p-steps-item-link-focus-ring-style) var(--p-steps-item-link-focus-ring-color);
        outline-offset: var(--p-steps-item-link-focus-ring-offset);
    }

    .p-steps-item-label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: var(--p-steps-item-label-color);
        display: block;
        font-weight: var(--p-steps-item-label-font-weight);
    }

    .p-steps-item-number {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--p-steps-item-number-color);
        border: 2px solid var(--p-steps-item-number-border-color);
        background: var(--p-steps-item-number-background);
        min-width: var(--p-steps-item-number-size);
        height: var(--p-steps-item-number-size);
        line-height: var(--p-steps-item-number-size);
        font-size: var(--p-steps-item-number-font-size);
        z-index: 1;
        border-radius: var(--p-steps-item-number-border-radius);
        position: relative;
        font-weight: var(--p-steps-item-number-font-weight);
    }

    .p-steps-item-number::after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: var(--p-steps-item-number-border-radius);
        box-shadow: var(--p-steps-item-number-shadow);
    }

    .p-steps:not(.p-readonly) .p-steps-item {
        cursor: pointer;
    }

    .p-steps-item-active .p-steps-item-number {
        background: var(--p-steps-item-number-active-background);
        border-color: var(--p-steps-item-number-active-border-color);
        color: var(--p-steps-item-number-active-color);
    }

    .p-steps-item-active .p-steps-item-label {
        color: var(--p-steps-item-label-active-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-tabmenu-active-bar-height: 1px;
        --p-tabmenu-active-bar-bottom: -1px;
        --p-tabmenu-active-bar-background: var(--p-primary-color);
        --p-tabmenu-item-icon-color: var(--p-text-muted-color);
        --p-tabmenu-item-icon-hover-color: var(--p-text-color);
        --p-tabmenu-item-icon-active-color: var(--p-primary-color);
        --p-tabmenu-item-background: transparent;
        --p-tabmenu-item-hover-background: transparent;
        --p-tabmenu-item-active-background: transparent;
        --p-tabmenu-item-border-width: 0 0 1px 0;
        --p-tabmenu-item-border-color: var(--p-content-border-color);
        --p-tabmenu-item-hover-border-color: var(--p-content-border-color);
        --p-tabmenu-item-active-border-color: var(--p-primary-color);
        --p-tabmenu-item-color: var(--p-text-muted-color);
        --p-tabmenu-item-hover-color: var(--p-text-color);
        --p-tabmenu-item-active-color: var(--p-primary-color);
        --p-tabmenu-item-padding: 1rem 1.125rem;
        --p-tabmenu-item-font-weight: 600;
        --p-tabmenu-item-margin: 0 0 -1px 0;
        --p-tabmenu-item-gap: 0.5rem;
        --p-tabmenu-item-focus-ring-width: var(--p-focus-ring-width);
        --p-tabmenu-item-focus-ring-style: var(--p-focus-ring-style);
        --p-tabmenu-item-focus-ring-color: var(--p-focus-ring-color);
        --p-tabmenu-item-focus-ring-offset: var(--p-focus-ring-offset);
        --p-tabmenu-item-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-tabmenu-tablist-border-width: 0 0 1px 0;
        --p-tabmenu-tablist-background: var(--p-content-background);
        --p-tabmenu-tablist-border-color: var(--p-content-border-color);
        --p-tabmenu-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-tabmenu {
        overflow-x: auto;
    }

    .p-tabmenu-tablist {
        display: flex;
        margin: 0;
        padding: 0;
        list-style-type: none;
        background: var(--p-tabmenu-tablist-background);
        border-style: solid;
        border-color: var(--p-tabmenu-tablist-border-color);
        border-width: var(--p-tabmenu-tablist-border-width);
        position: relative;
    }

    .p-tabmenu-item-link {
        cursor: pointer;
        user-select: none;
        display: flex;
        align-items: center;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        background: var(--p-tabmenu-item-background);
        border-style: solid;
        border-width: var(--p-tabmenu-item-border-width);
        border-color: var(--p-tabmenu-item-border-color);
        color: var(--p-tabmenu-item-color);
        padding: var(--p-tabmenu-item-padding);
        font-weight: var(--p-tabmenu-item-font-weight);
        transition: background var(--p-tabmenu-transition-duration), border-color var(--p-tabmenu-transition-duration), color var(--p-tabmenu-transition-duration), outline-color var(--p-tabmenu-transition-duration), box-shadow var(--p-tabmenu-transition-duration);
        margin: var(--p-tabmenu-item-margin);
        outline-color: transparent;
        gap: var(--p-tabmenu-item-gap);
    }

    .p-tabmenu-item-link:focus-visible {
        z-index: 1;
        box-shadow: var(--p-tabmenu-item-focus-ring-shadow);
        outline: var(--p-tabmenu-item-focus-ring-width) var(--p-tabmenu-item-focus-ring-style) var(--p-tabmenu-item-focus-ring-color);
        outline-offset: var(--p-tabmenu-item-focus-ring-offset);
    }

    .p-tabmenu-item-icon {
        color: var(--p-tabmenu-item-icon-color);
        transition: background var(--p-tabmenu-transition-duration), border-color var(--p-tabmenu-transition-duration), color var(--p-tabmenu-transition-duration), outline-color var(--p-tabmenu-transition-duration), box-shadow var(--p-tabmenu-transition-duration);
    }

    .p-tabmenu-item-label {
        line-height: 1;
    }

    .p-tabmenu-item:not(.p-tabmenu-item-active):not(.p-disabled):hover .p-tabmenu-item-link {
        background: var(--p-tabmenu-item-hover-background);
        border-color: var(--p-tabmenu-item-hover-border-color);
        color: var(--p-tabmenu-item-hover-color);
    }

    .p-tabmenu-item:not(.p-tabmenu-item-active):not(.p-disabled):hover .p-tabmenu-item-icon {
        color: var(--p-tabmenu-item-icon-hover-color);
    }

    .p-tabmenu-item-active .p-tabmenu-item-link {
        background: var(--p-tabmenu-item-active-background);
        border-color: var(--p-tabmenu-item-active-border-color);
        color: var(--p-tabmenu-item-active-color);
    }

    .p-tabmenu-item-active .p-tabmenu-item-icon {
        color: var(--p-tabmenu-item-icon-active-color);
    }

    .p-tabmenu-active-bar {
        z-index: 1;
        display: block;
        position: absolute;
        bottom: var(--p-tabmenu-active-bar-bottom);
        height: var(--p-tabmenu-active-bar-height);
        background: var(--p-tabmenu-active-bar-background);
        transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
    }

    .p-tabmenu::-webkit-scrollbar {
        display: none;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-tieredmenu-separator-border-color: var(--p-content-border-color);
        --p-tieredmenu-submenu-icon-size: var(--p-navigation-submenu-icon-size);
        --p-tieredmenu-submenu-icon-color: var(--p-navigation-submenu-icon-color);
        --p-tieredmenu-submenu-icon-focus-color: var(--p-navigation-submenu-icon-focus-color);
        --p-tieredmenu-submenu-icon-active-color: var(--p-navigation-submenu-icon-active-color);
        --p-tieredmenu-submenu-mobile-indent: 1rem;
        --p-tieredmenu-item-focus-background: var(--p-navigation-item-focus-background);
        --p-tieredmenu-item-active-background: var(--p-navigation-item-active-background);
        --p-tieredmenu-item-color: var(--p-navigation-item-color);
        --p-tieredmenu-item-focus-color: var(--p-navigation-item-focus-color);
        --p-tieredmenu-item-active-color: var(--p-navigation-item-active-color);
        --p-tieredmenu-item-padding: var(--p-navigation-item-padding);
        --p-tieredmenu-item-border-radius: var(--p-navigation-item-border-radius);
        --p-tieredmenu-item-gap: var(--p-navigation-item-gap);
        --p-tieredmenu-item-icon-color: var(--p-navigation-item-icon-color);
        --p-tieredmenu-item-icon-focus-color: var(--p-navigation-item-icon-focus-color);
        --p-tieredmenu-item-icon-active-color: var(--p-navigation-item-icon-active-color);
        --p-tieredmenu-list-padding: var(--p-navigation-list-padding);
        --p-tieredmenu-list-gap: var(--p-navigation-list-gap);
        --p-tieredmenu-background: var(--p-content-background);
        --p-tieredmenu-border-color: var(--p-content-border-color);
        --p-tieredmenu-color: var(--p-content-color);
        --p-tieredmenu-border-radius: var(--p-content-border-radius);
        --p-tieredmenu-shadow: var(--p-overlay-navigation-shadow);
        --p-tieredmenu-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-tieredmenu {
        background: var(--p-tieredmenu-background);
        color: var(--p-tieredmenu-color);
        border: 1px solid var(--p-tieredmenu-border-color);
        border-radius: var(--p-tieredmenu-border-radius);
        min-width: 12.5rem;
    }

    .p-tieredmenu-root-list,
    .p-tieredmenu-submenu {
        margin: 0;
        padding: var(--p-tieredmenu-list-padding);
        list-style: none;
        outline: 0 none;
        display: flex;
        flex-direction: column;
        gap: var(--p-tieredmenu-list-gap);
    }

    .p-tieredmenu-submenu {
        position: absolute;
        min-width: 100%;
        z-index: 1;
        background: var(--p-tieredmenu-background);
        color: var(--p-tieredmenu-color);
        border: 1px solid var(--p-tieredmenu-border-color);
        border-radius: var(--p-tieredmenu-border-radius);
        box-shadow: var(--p-tieredmenu-shadow);
    }

    .p-tieredmenu-item {
        position: relative;
    }

    .p-tieredmenu-item-content {
        transition: background var(--p-tieredmenu-transition-duration), color var(--p-tieredmenu-transition-duration);
        border-radius: var(--p-tieredmenu-item-border-radius);
        color: var(--p-tieredmenu-item-color);
    }

    .p-tieredmenu-item-link {
        cursor: pointer;
        display: flex;
        align-items: center;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        color: inherit;
        padding: var(--p-tieredmenu-item-padding);
        gap: var(--p-tieredmenu-item-gap);
        user-select: none;
        outline: 0 none;
    }

    .p-tieredmenu-item-label {
        line-height: 1;
    }

    .p-tieredmenu-item-icon {
        color: var(--p-tieredmenu-item-icon-color);
    }

    .p-tieredmenu-submenu-icon {
        color: var(--p-tieredmenu-submenu-icon-color);
        margin-left: auto;
        font-size: var(--p-tieredmenu-submenu-icon-size);
        width: var(--p-tieredmenu-submenu-icon-size);
        height: var(--p-tieredmenu-submenu-icon-size);
    }

    .p-tieredmenu-submenu-icon:dir(rtl) {
        margin-left: 0;
        margin-right: auto;
    }

    .p-tieredmenu-item.p-focus>.p-tieredmenu-item-content {
        color: var(--p-tieredmenu-item-focus-color);
        background: var(--p-tieredmenu-item-focus-background);
    }

    .p-tieredmenu-item.p-focus>.p-tieredmenu-item-content .p-tieredmenu-item-icon {
        color: var(--p-tieredmenu-item-icon-focus-color);
    }

    .p-tieredmenu-item.p-focus>.p-tieredmenu-item-content .p-tieredmenu-submenu-icon {
        color: var(--p-tieredmenu-submenu-icon-focus-color);
    }

    .p-tieredmenu-item:not(.p-disabled)>.p-tieredmenu-item-content:hover {
        color: var(--p-tieredmenu-item-focus-color);
        background: var(--p-tieredmenu-item-focus-background);
    }

    .p-tieredmenu-item:not(.p-disabled)>.p-tieredmenu-item-content:hover .p-tieredmenu-item-icon {
        color: var(--p-tieredmenu-item-icon-focus-color);
    }

    .p-tieredmenu-item:not(.p-disabled)>.p-tieredmenu-item-content:hover .p-tieredmenu-submenu-icon {
        color: var(--p-tieredmenu-submenu-icon-focus-color);
    }

    .p-tieredmenu-item-active>.p-tieredmenu-item-content {
        color: var(--p-tieredmenu-item-active-color);
        background: var(--p-tieredmenu-item-active-background);
    }

    .p-tieredmenu-item-active>.p-tieredmenu-item-content .p-tieredmenu-item-icon {
        color: var(--p-tieredmenu-item-icon-active-color);
    }

    .p-tieredmenu-item-active>.p-tieredmenu-item-content .p-tieredmenu-submenu-icon {
        color: var(--p-tieredmenu-submenu-icon-active-color);
    }

    .p-tieredmenu-separator {
        border-block-start: 1px solid var(--p-tieredmenu-separator-border-color);
    }

    .p-tieredmenu-overlay {
        box-shadow: var(--p-tieredmenu-shadow);
        will-change: transform;
    }

    .p-tieredmenu-mobile .p-tieredmenu-submenu {
        position: static;
        box-shadow: none;
        border: 0 none;
        padding-inline-start: var(--p-tieredmenu-submenu-mobile-indent);
        padding-inline-end: 0;
    }

    .p-tieredmenu-mobile .p-tieredmenu-submenu:dir(rtl) {
        padding-inline-start: 0;
        padding-inline-end: var(--p-tieredmenu-submenu-mobile-indent);
    }

    .p-tieredmenu-mobile .p-tieredmenu-submenu-icon {
        transition: transform 0.2s;
        transform: rotate(90deg);
    }

    .p-tieredmenu-mobile .p-tieredmenu-item-active>.p-tieredmenu-item-content .p-tieredmenu-submenu-icon {
        transform: rotate(-90deg);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-message-simple-content-padding: 0;
        --p-message-outlined-border-width: 1px;
        --p-message-close-icon-size: 1rem;
        --p-message-close-icon-lg-size: 1.125rem;
        --p-message-close-icon-sm-size: 0.875rem;
        --p-message-close-button-width: 1.75rem;
        --p-message-close-button-height: 1.75rem;
        --p-message-close-button-border-radius: 50%;
        --p-message-close-button-focus-ring-width: var(--p-focus-ring-width);
        --p-message-close-button-focus-ring-style: var(--p-focus-ring-style);
        --p-message-close-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-message-icon-size: 1.125rem;
        --p-message-icon-lg-size: 1.25rem;
        --p-message-icon-sm-size: 1rem;
        --p-message-text-font-size: 1rem;
        --p-message-text-font-weight: 500;
        --p-message-text-lg-font-size: 1.125rem;
        --p-message-text-sm-font-size: 0.875rem;
        --p-message-content-padding: 0.5rem 0.75rem;
        --p-message-content-gap: 0.5rem;
        --p-message-content-lg-padding: 0.625rem 0.875rem;
        --p-message-content-sm-padding: 0.375rem 0.625rem;
        --p-message-border-radius: var(--p-content-border-radius);
        --p-message-border-width: 1px;
        --p-message-transition-duration: var(--p-transition-duration);
        --p-message-contrast-background: var(--p-surface-900);
        --p-message-contrast-border-color: var(--p-surface-950);
        --p-message-contrast-color: var(--p-surface-50);
        --p-message-contrast-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-950), transparent 96%);
        --p-message-contrast-simple-color: var(--p-surface-950);
        --p-message-contrast-outlined-color: var(--p-surface-950);
        --p-message-contrast-outlined-border-color: var(--p-surface-950);
        --p-message-contrast-close-button-hover-background: var(--p-surface-800);
        --p-message-contrast-close-button-focus-ring-color: var(--p-surface-50);
        --p-message-contrast-close-button-focus-ring-shadow: none;
        --p-message-secondary-background: var(--p-surface-100);
        --p-message-secondary-border-color: var(--p-surface-200);
        --p-message-secondary-color: var(--p-surface-600);
        --p-message-secondary-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-500), transparent 96%);
        --p-message-secondary-simple-color: var(--p-surface-500);
        --p-message-secondary-outlined-color: var(--p-surface-500);
        --p-message-secondary-outlined-border-color: var(--p-surface-500);
        --p-message-secondary-close-button-hover-background: var(--p-surface-200);
        --p-message-secondary-close-button-focus-ring-color: var(--p-surface-600);
        --p-message-secondary-close-button-focus-ring-shadow: none;
        --p-message-error-background: color-mix(in srgb, var(--p-red-50), transparent 5%);
        --p-message-error-border-color: var(--p-red-200);
        --p-message-error-color: var(--p-red-600);
        --p-message-error-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-red-500), transparent 96%);
        --p-message-error-simple-color: var(--p-red-600);
        --p-message-error-outlined-color: var(--p-red-600);
        --p-message-error-outlined-border-color: var(--p-red-600);
        --p-message-error-close-button-hover-background: var(--p-red-100);
        --p-message-error-close-button-focus-ring-color: var(--p-red-600);
        --p-message-error-close-button-focus-ring-shadow: none;
        --p-message-warn-background: color-mix(in srgb, var(--p-yellow-50), transparent 5%);
        --p-message-warn-border-color: var(--p-yellow-200);
        --p-message-warn-color: var(--p-yellow-600);
        --p-message-warn-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-yellow-500), transparent 96%);
        --p-message-warn-simple-color: var(--p-yellow-600);
        --p-message-warn-outlined-color: var(--p-yellow-600);
        --p-message-warn-outlined-border-color: var(--p-yellow-600);
        --p-message-warn-close-button-hover-background: var(--p-yellow-100);
        --p-message-warn-close-button-focus-ring-color: var(--p-yellow-600);
        --p-message-warn-close-button-focus-ring-shadow: none;
        --p-message-success-background: color-mix(in srgb, var(--p-green-50), transparent 5%);
        --p-message-success-border-color: var(--p-green-200);
        --p-message-success-color: var(--p-green-600);
        --p-message-success-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-green-500), transparent 96%);
        --p-message-success-simple-color: var(--p-green-600);
        --p-message-success-outlined-color: var(--p-green-600);
        --p-message-success-outlined-border-color: var(--p-green-600);
        --p-message-success-close-button-hover-background: var(--p-green-100);
        --p-message-success-close-button-focus-ring-color: var(--p-green-600);
        --p-message-success-close-button-focus-ring-shadow: none;
        --p-message-info-background: color-mix(in srgb, var(--p-blue-50), transparent 5%);
        --p-message-info-border-color: var(--p-blue-200);
        --p-message-info-color: var(--p-blue-600);
        --p-message-info-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-blue-500), transparent 96%);
        --p-message-info-simple-color: var(--p-blue-600);
        --p-message-info-outlined-color: var(--p-blue-600);
        --p-message-info-outlined-border-color: var(--p-blue-600);
        --p-message-info-close-button-hover-background: var(--p-blue-100);
        --p-message-info-close-button-focus-ring-color: var(--p-blue-600);
        --p-message-info-close-button-focus-ring-shadow: none;
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-message {
        display: grid;
        grid-template-rows: 1fr;
        border-radius: var(--p-message-border-radius);
        outline-width: var(--p-message-border-width);
        outline-style: solid;
    }

    .p-message-content-wrapper {
        min-height: 0;
    }

    .p-message-content {
        display: flex;
        align-items: center;
        padding: var(--p-message-content-padding);
        gap: var(--p-message-content-gap);
    }

    .p-message-icon {
        flex-shrink: 0;
    }

    .p-message-close-button {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        margin-inline-start: auto;
        overflow: hidden;
        position: relative;
        width: var(--p-message-close-button-width);
        height: var(--p-message-close-button-height);
        border-radius: var(--p-message-close-button-border-radius);
        background: transparent;
        transition: background var(--p-message-transition-duration), color var(--p-message-transition-duration), outline-color var(--p-message-transition-duration), box-shadow var(--p-message-transition-duration), opacity 0.3s;
        outline-color: transparent;
        color: inherit;
        padding: 0;
        border: none;
        cursor: pointer;
        user-select: none;
    }

    .p-message-close-icon {
        font-size: var(--p-message-close-icon-size);
        width: var(--p-message-close-icon-size);
        height: var(--p-message-close-icon-size);
    }

    .p-message-close-button:focus-visible {
        outline-width: var(--p-message-close-button-focus-ring-width);
        outline-style: var(--p-message-close-button-focus-ring-style);
        outline-offset: var(--p-message-close-button-focus-ring-offset);
    }

    .p-message-info {
        background: var(--p-message-info-background);
        outline-color: var(--p-message-info-border-color);
        color: var(--p-message-info-color);
        box-shadow: var(--p-message-info-shadow);
    }

    .p-message-info .p-message-close-button:focus-visible {
        outline-color: var(--p-message-info-close-button-focus-ring-color);
        box-shadow: var(--p-message-info-close-button-focus-ring-shadow);
    }

    .p-message-info .p-message-close-button:hover {
        background: var(--p-message-info-close-button-hover-background);
    }

    .p-message-info.p-message-outlined {
        color: var(--p-message-info-outlined-color);
        outline-color: var(--p-message-info-outlined-border-color);
    }

    .p-message-info.p-message-simple {
        color: var(--p-message-info-simple-color);
    }

    .p-message-success {
        background: var(--p-message-success-background);
        outline-color: var(--p-message-success-border-color);
        color: var(--p-message-success-color);
        box-shadow: var(--p-message-success-shadow);
    }

    .p-message-success .p-message-close-button:focus-visible {
        outline-color: var(--p-message-success-close-button-focus-ring-color);
        box-shadow: var(--p-message-success-close-button-focus-ring-shadow);
    }

    .p-message-success .p-message-close-button:hover {
        background: var(--p-message-success-close-button-hover-background);
    }

    .p-message-success.p-message-outlined {
        color: var(--p-message-success-outlined-color);
        outline-color: var(--p-message-success-outlined-border-color);
    }

    .p-message-success.p-message-simple {
        color: var(--p-message-success-simple-color);
    }

    .p-message-warn {
        background: var(--p-message-warn-background);
        outline-color: var(--p-message-warn-border-color);
        color: var(--p-message-warn-color);
        box-shadow: var(--p-message-warn-shadow);
    }

    .p-message-warn .p-message-close-button:focus-visible {
        outline-color: var(--p-message-warn-close-button-focus-ring-color);
        box-shadow: var(--p-message-warn-close-button-focus-ring-shadow);
    }

    .p-message-warn .p-message-close-button:hover {
        background: var(--p-message-warn-close-button-hover-background);
    }

    .p-message-warn.p-message-outlined {
        color: var(--p-message-warn-outlined-color);
        outline-color: var(--p-message-warn-outlined-border-color);
    }

    .p-message-warn.p-message-simple {
        color: var(--p-message-warn-simple-color);
    }

    .p-message-error {
        background: var(--p-message-error-background);
        outline-color: var(--p-message-error-border-color);
        color: var(--p-message-error-color);
        box-shadow: var(--p-message-error-shadow);
    }

    .p-message-error .p-message-close-button:focus-visible {
        outline-color: var(--p-message-error-close-button-focus-ring-color);
        box-shadow: var(--p-message-error-close-button-focus-ring-shadow);
    }

    .p-message-error .p-message-close-button:hover {
        background: var(--p-message-error-close-button-hover-background);
    }

    .p-message-error.p-message-outlined {
        color: var(--p-message-error-outlined-color);
        outline-color: var(--p-message-error-outlined-border-color);
    }

    .p-message-error.p-message-simple {
        color: var(--p-message-error-simple-color);
    }

    .p-message-secondary {
        background: var(--p-message-secondary-background);
        outline-color: var(--p-message-secondary-border-color);
        color: var(--p-message-secondary-color);
        box-shadow: var(--p-message-secondary-shadow);
    }

    .p-message-secondary .p-message-close-button:focus-visible {
        outline-color: var(--p-message-secondary-close-button-focus-ring-color);
        box-shadow: var(--p-message-secondary-close-button-focus-ring-shadow);
    }

    .p-message-secondary .p-message-close-button:hover {
        background: var(--p-message-secondary-close-button-hover-background);
    }

    .p-message-secondary.p-message-outlined {
        color: var(--p-message-secondary-outlined-color);
        outline-color: var(--p-message-secondary-outlined-border-color);
    }

    .p-message-secondary.p-message-simple {
        color: var(--p-message-secondary-simple-color);
    }

    .p-message-contrast {
        background: var(--p-message-contrast-background);
        outline-color: var(--p-message-contrast-border-color);
        color: var(--p-message-contrast-color);
        box-shadow: var(--p-message-contrast-shadow);
    }

    .p-message-contrast .p-message-close-button:focus-visible {
        outline-color: var(--p-message-contrast-close-button-focus-ring-color);
        box-shadow: var(--p-message-contrast-close-button-focus-ring-shadow);
    }

    .p-message-contrast .p-message-close-button:hover {
        background: var(--p-message-contrast-close-button-hover-background);
    }

    .p-message-contrast.p-message-outlined {
        color: var(--p-message-contrast-outlined-color);
        outline-color: var(--p-message-contrast-outlined-border-color);
    }

    .p-message-contrast.p-message-simple {
        color: var(--p-message-contrast-simple-color);
    }

    .p-message-text {
        font-size: var(--p-message-text-font-size);
        font-weight: var(--p-message-text-font-weight);
    }

    .p-message-icon {
        font-size: var(--p-message-icon-size);
        width: var(--p-message-icon-size);
        height: var(--p-message-icon-size);
    }

    .p-message-sm .p-message-content {
        padding: var(--p-message-content-sm-padding);
    }

    .p-message-sm .p-message-text {
        font-size: var(--p-message-text-sm-font-size);
    }

    .p-message-sm .p-message-icon {
        font-size: var(--p-message-icon-sm-size);
        width: var(--p-message-icon-sm-size);
        height: var(--p-message-icon-sm-size);
    }

    .p-message-sm .p-message-close-icon {
        font-size: var(--p-message-close-icon-sm-size);
        width: var(--p-message-close-icon-sm-size);
        height: var(--p-message-close-icon-sm-size);
    }

    .p-message-lg .p-message-content {
        padding: var(--p-message-content-lg-padding);
    }

    .p-message-lg .p-message-text {
        font-size: var(--p-message-text-lg-font-size);
    }

    .p-message-lg .p-message-icon {
        font-size: var(--p-message-icon-lg-size);
        width: var(--p-message-icon-lg-size);
        height: var(--p-message-icon-lg-size);
    }

    .p-message-lg .p-message-close-icon {
        font-size: var(--p-message-close-icon-lg-size);
        width: var(--p-message-close-icon-lg-size);
        height: var(--p-message-close-icon-lg-size);
    }

    .p-message-outlined {
        background: transparent;
        outline-width: var(--p-message-outlined-border-width);
    }

    .p-message-simple {
        background: transparent;
        outline-color: transparent;
        box-shadow: none;
    }

    .p-message-simple .p-message-content {
        padding: var(--p-message-simple-content-padding);
    }

    .p-message-outlined .p-message-close-button:hover,
    .p-message-simple .p-message-close-button:hover {
        background: transparent;
    }

    .p-message-enter-active {
        animation: p-animate-message-enter 0.3s ease-out forwards;
        overflow: hidden;
    }

    .p-message-leave-active {
        animation: p-animate-message-leave 0.15s ease-in forwards;
        overflow: hidden;
    }

    @keyframes p-animate-message-enter {
        from {
            opacity: 0;
            grid-template-rows: 0fr;
        }

        to {
            opacity: 1;
            grid-template-rows: 1fr;
        }
    }

    @keyframes p-animate-message-leave {
        from {
            opacity: 1;
            grid-template-rows: 1fr;
        }

        to {
            opacity: 0;
            margin: 0;
            grid-template-rows: 0fr;
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-inlinemessage-icon-size: 1rem;
        --p-inlinemessage-text-font-weight: 500;
        --p-inlinemessage-padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
        --p-inlinemessage-border-radius: var(--p-content-border-radius);
        --p-inlinemessage-gap: 0.5rem;
        --p-inlinemessage-contrast-background: var(--p-surface-900);
        --p-inlinemessage-contrast-border-color: var(--p-surface-950);
        --p-inlinemessage-contrast-color: var(--p-surface-50);
        --p-inlinemessage-contrast-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-950), transparent 96%);
        --p-inlinemessage-secondary-background: var(--p-surface-100);
        --p-inlinemessage-secondary-border-color: var(--p-surface-200);
        --p-inlinemessage-secondary-color: var(--p-surface-600);
        --p-inlinemessage-secondary-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-500), transparent 96%);
        --p-inlinemessage-error-background: color-mix(in srgb, var(--p-red-50), transparent 5%);
        --p-inlinemessage-error-border-color: var(--p-red-200);
        --p-inlinemessage-error-color: var(--p-red-600);
        --p-inlinemessage-error-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-red-500), transparent 96%);
        --p-inlinemessage-warn-background: color-mix(in srgb, var(--p-yellow-50), transparent 5%);
        --p-inlinemessage-warn-border-color: var(--p-yellow-200);
        --p-inlinemessage-warn-color: var(--p-yellow-600);
        --p-inlinemessage-warn-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-yellow-500), transparent 96%);
        --p-inlinemessage-success-background: color-mix(in srgb, var(--p-green-50), transparent 5%);
        --p-inlinemessage-success-border-color: var(--p-green-200);
        --p-inlinemessage-success-color: var(--p-green-600);
        --p-inlinemessage-success-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-green-500), transparent 96%);
        --p-inlinemessage-info-background: color-mix(in srgb, var(--p-blue-50), transparent 5%);
        --p-inlinemessage-info-border-color: var(--p-blue-200);
        --p-inlinemessage-info-color: var(--p-blue-600);
        --p-inlinemessage-info-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-blue-500), transparent 96%);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-inlinemessage {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: var(--p-inlinemessage-padding);
        border-radius: var(--p-inlinemessage-border-radius);
        gap: var(--p-inlinemessage-gap);
    }

    .p-inlinemessage-text {
        font-weight: var(--p-inlinemessage-text-font-weight);
    }

    .p-inlinemessage-icon {
        flex-shrink: 0;
        font-size: var(--p-inlinemessage-icon-size);
        width: var(--p-inlinemessage-icon-size);
        height: var(--p-inlinemessage-icon-size);
    }

    .p-inlinemessage-icon-only .p-inlinemessage-text {
        visibility: hidden;
        width: 0;
    }

    .p-inlinemessage-info {
        background: var(--p-inlinemessage-info-background);
        border: 1px solid var(--p-inlinemessage-info-border-color);
        color: var(--p-inlinemessage-info-color);
        box-shadow: var(--p-inlinemessage-info-shadow);
    }

    .p-inlinemessage-info .p-inlinemessage-icon {
        color: var(--p-inlinemessage-info-color);
    }

    .p-inlinemessage-success {
        background: var(--p-inlinemessage-success-background);
        border: 1px solid var(--p-inlinemessage-success-border-color);
        color: var(--p-inlinemessage-success-color);
        box-shadow: var(--p-inlinemessage-success-shadow);
    }

    .p-inlinemessage-success .p-inlinemessage-icon {
        color: var(--p-inlinemessage-success-color);
    }

    .p-inlinemessage-warn {
        background: var(--p-inlinemessage-warn-background);
        border: 1px solid var(--p-inlinemessage-warn-border-color);
        color: var(--p-inlinemessage-warn-color);
        box-shadow: var(--p-inlinemessage-warn-shadow);
    }

    .p-inlinemessage-warn .p-inlinemessage-icon {
        color: var(--p-inlinemessage-warn-color);
    }

    .p-inlinemessage-error {
        background: var(--p-inlinemessage-error-background);
        border: 1px solid var(--p-inlinemessage-error-border-color);
        color: var(--p-inlinemessage-error-color);
        box-shadow: var(--p-inlinemessage-error-shadow);
    }

    .p-inlinemessage-error .p-inlinemessage-icon {
        color: var(--p-inlinemessage-error-color);
    }

    .p-inlinemessage-secondary {
        background: var(--p-inlinemessage-secondary-background);
        border: 1px solid var(--p-inlinemessage-secondary-border-color);
        color: var(--p-inlinemessage-secondary-color);
        box-shadow: var(--p-inlinemessage-secondary-shadow);
    }

    .p-inlinemessage-secondary .p-inlinemessage-icon {
        color: var(--p-inlinemessage-secondary-color);
    }

    .p-inlinemessage-contrast {
        background: var(--p-inlinemessage-contrast-background);
        border: 1px solid var(--p-inlinemessage-contrast-border-color);
        color: var(--p-inlinemessage-contrast-color);
        box-shadow: var(--p-inlinemessage-contrast-shadow);
    }

    .p-inlinemessage-contrast .p-inlinemessage-icon {
        color: var(--p-inlinemessage-contrast-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-toast-close-icon-size: 1rem;
        --p-toast-close-button-width: 1.75rem;
        --p-toast-close-button-height: 1.75rem;
        --p-toast-close-button-border-radius: 50%;
        --p-toast-close-button-focus-ring-width: var(--p-focus-ring-width);
        --p-toast-close-button-focus-ring-style: var(--p-focus-ring-style);
        --p-toast-close-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-toast-detail-font-weight: 500;
        --p-toast-detail-font-size: 0.875rem;
        --p-toast-summary-font-weight: 500;
        --p-toast-summary-font-size: 1rem;
        --p-toast-text-gap: 0.5rem;
        --p-toast-content-padding: var(--p-overlay-popover-padding);
        --p-toast-content-gap: 0.5rem;
        --p-toast-icon-size: 1.125rem;
        --p-toast-width: 25rem;
        --p-toast-border-radius: var(--p-content-border-radius);
        --p-toast-border-width: 1px;
        --p-toast-transition-duration: var(--p-transition-duration);
        --p-toast-contrast-background: var(--p-surface-900);
        --p-toast-contrast-border-color: var(--p-surface-950);
        --p-toast-contrast-color: var(--p-surface-50);
        --p-toast-contrast-detail-color: var(--p-surface-0);
        --p-toast-contrast-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-950), transparent 96%);
        --p-toast-contrast-close-button-hover-background: var(--p-surface-800);
        --p-toast-contrast-close-button-focus-ring-color: var(--p-surface-50);
        --p-toast-contrast-close-button-focus-ring-shadow: none;
        --p-toast-secondary-background: var(--p-surface-100);
        --p-toast-secondary-border-color: var(--p-surface-200);
        --p-toast-secondary-color: var(--p-surface-600);
        --p-toast-secondary-detail-color: var(--p-surface-700);
        --p-toast-secondary-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-surface-500), transparent 96%);
        --p-toast-secondary-close-button-hover-background: var(--p-surface-200);
        --p-toast-secondary-close-button-focus-ring-color: var(--p-surface-600);
        --p-toast-secondary-close-button-focus-ring-shadow: none;
        --p-toast-error-background: color-mix(in srgb, var(--p-red-50), transparent 5%);
        --p-toast-error-border-color: var(--p-red-200);
        --p-toast-error-color: var(--p-red-600);
        --p-toast-error-detail-color: var(--p-surface-700);
        --p-toast-error-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-red-500), transparent 96%);
        --p-toast-error-close-button-hover-background: var(--p-red-100);
        --p-toast-error-close-button-focus-ring-color: var(--p-red-600);
        --p-toast-error-close-button-focus-ring-shadow: none;
        --p-toast-warn-background: color-mix(in srgb, var(--p-yellow-50), transparent 5%);
        --p-toast-warn-border-color: var(--p-yellow-200);
        --p-toast-warn-color: var(--p-yellow-600);
        --p-toast-warn-detail-color: var(--p-surface-700);
        --p-toast-warn-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-yellow-500), transparent 96%);
        --p-toast-warn-close-button-hover-background: var(--p-yellow-100);
        --p-toast-warn-close-button-focus-ring-color: var(--p-yellow-600);
        --p-toast-warn-close-button-focus-ring-shadow: none;
        --p-toast-success-background: color-mix(in srgb, var(--p-green-50), transparent 5%);
        --p-toast-success-border-color: var(--p-green-200);
        --p-toast-success-color: var(--p-green-600);
        --p-toast-success-detail-color: var(--p-surface-700);
        --p-toast-success-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-green-500), transparent 96%);
        --p-toast-success-close-button-hover-background: var(--p-green-100);
        --p-toast-success-close-button-focus-ring-color: var(--p-green-600);
        --p-toast-success-close-button-focus-ring-shadow: none;
        --p-toast-info-background: color-mix(in srgb, var(--p-blue-50), transparent 5%);
        --p-toast-info-border-color: var(--p-blue-200);
        --p-toast-info-color: var(--p-blue-600);
        --p-toast-info-detail-color: var(--p-surface-700);
        --p-toast-info-shadow: 0px 4px 8px 0px color-mix(in srgb, var(--p-blue-500), transparent 96%);
        --p-toast-info-close-button-hover-background: var(--p-blue-100);
        --p-toast-info-close-button-focus-ring-color: var(--p-blue-600);
        --p-toast-info-close-button-focus-ring-shadow: none;
        --p-toast-blur: 1.5px;
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-toast {
        width: var(--p-toast-width);
        white-space: pre-line;
        word-break: break-word;
    }

    .p-toast-message {
        margin: 0 0 1rem 0;
        display: grid;
        grid-template-rows: 1fr;
    }

    .p-toast-message-icon {
        flex-shrink: 0;
        font-size: var(--p-toast-icon-size);
        width: var(--p-toast-icon-size);
        height: var(--p-toast-icon-size);
    }

    .p-toast-message-content {
        display: flex;
        align-items: flex-start;
        padding: var(--p-toast-content-padding);
        gap: var(--p-toast-content-gap);
        min-height: 0;
        overflow: hidden;
        transition: padding 250ms ease-in;
    }

    .p-toast-message-text {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        gap: var(--p-toast-text-gap);
    }

    .p-toast-summary {
        font-weight: var(--p-toast-summary-font-weight);
        font-size: var(--p-toast-summary-font-size);
    }

    .p-toast-detail {
        font-weight: var(--p-toast-detail-font-weight);
        font-size: var(--p-toast-detail-font-size);
    }

    .p-toast-close-button {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        background: transparent;
        transition: background var(--p-toast-transition-duration), color var(--p-toast-transition-duration), outline-color var(--p-toast-transition-duration), box-shadow var(--p-toast-transition-duration);
        outline-color: transparent;
        color: inherit;
        width: var(--p-toast-close-button-width);
        height: var(--p-toast-close-button-height);
        border-radius: var(--p-toast-close-button-border-radius);
        margin: -25% 0 0 0;
        right: -25%;
        padding: 0;
        border: none;
        user-select: none;
    }

    .p-toast-close-button:dir(rtl) {
        margin: -25% 0 0 auto;
        left: -25%;
        right: auto;
    }

    .p-toast-message-info,
    .p-toast-message-success,
    .p-toast-message-warn,
    .p-toast-message-error,
    .p-toast-message-secondary,
    .p-toast-message-contrast {
        border-width: var(--p-toast-border-width);
        border-style: solid;
        backdrop-filter: blur(var(--p-toast-blur));
        border-radius: var(--p-toast-border-radius);
    }

    .p-toast-close-icon {
        font-size: var(--p-toast-close-icon-size);
        width: var(--p-toast-close-icon-size);
        height: var(--p-toast-close-icon-size);
    }

    .p-toast-close-button:focus-visible {
        outline-width: var(--p-focus-ring-width);
        outline-style: var(--p-focus-ring-style);
        outline-offset: var(--p-focus-ring-offset);
    }

    .p-toast-message-info {
        background: var(--p-toast-info-background);
        border-color: var(--p-toast-info-border-color);
        color: var(--p-toast-info-color);
        box-shadow: var(--p-toast-info-shadow);
    }

    .p-toast-message-info .p-toast-detail {
        color: var(--p-toast-info-detail-color);
    }

    .p-toast-message-info .p-toast-close-button:focus-visible {
        outline-color: var(--p-toast-info-close-button-focus-ring-color);
        box-shadow: var(--p-toast-info-close-button-focus-ring-shadow);
    }

    .p-toast-message-info .p-toast-close-button:hover {
        background: var(--p-toast-info-close-button-hover-background);
    }

    .p-toast-message-success {
        background: var(--p-toast-success-background);
        border-color: var(--p-toast-success-border-color);
        color: var(--p-toast-success-color);
        box-shadow: var(--p-toast-success-shadow);
    }

    .p-toast-message-success .p-toast-detail {
        color: var(--p-toast-success-detail-color);
    }

    .p-toast-message-success .p-toast-close-button:focus-visible {
        outline-color: var(--p-toast-success-close-button-focus-ring-color);
        box-shadow: var(--p-toast-success-close-button-focus-ring-shadow);
    }

    .p-toast-message-success .p-toast-close-button:hover {
        background: var(--p-toast-success-close-button-hover-background);
    }

    .p-toast-message-warn {
        background: var(--p-toast-warn-background);
        border-color: var(--p-toast-warn-border-color);
        color: var(--p-toast-warn-color);
        box-shadow: var(--p-toast-warn-shadow);
    }

    .p-toast-message-warn .p-toast-detail {
        color: var(--p-toast-warn-detail-color);
    }

    .p-toast-message-warn .p-toast-close-button:focus-visible {
        outline-color: var(--p-toast-warn-close-button-focus-ring-color);
        box-shadow: var(--p-toast-warn-close-button-focus-ring-shadow);
    }

    .p-toast-message-warn .p-toast-close-button:hover {
        background: var(--p-toast-warn-close-button-hover-background);
    }

    .p-toast-message-error {
        background: var(--p-toast-error-background);
        border-color: var(--p-toast-error-border-color);
        color: var(--p-toast-error-color);
        box-shadow: var(--p-toast-error-shadow);
    }

    .p-toast-message-error .p-toast-detail {
        color: var(--p-toast-error-detail-color);
    }

    .p-toast-message-error .p-toast-close-button:focus-visible {
        outline-color: var(--p-toast-error-close-button-focus-ring-color);
        box-shadow: var(--p-toast-error-close-button-focus-ring-shadow);
    }

    .p-toast-message-error .p-toast-close-button:hover {
        background: var(--p-toast-error-close-button-hover-background);
    }

    .p-toast-message-secondary {
        background: var(--p-toast-secondary-background);
        border-color: var(--p-toast-secondary-border-color);
        color: var(--p-toast-secondary-color);
        box-shadow: var(--p-toast-secondary-shadow);
    }

    .p-toast-message-secondary .p-toast-detail {
        color: var(--p-toast-secondary-detail-color);
    }

    .p-toast-message-secondary .p-toast-close-button:focus-visible {
        outline-color: var(--p-toast-secondary-close-button-focus-ring-color);
        box-shadow: var(--p-toast-secondary-close-button-focus-ring-shadow);
    }

    .p-toast-message-secondary .p-toast-close-button:hover {
        background: var(--p-toast-secondary-close-button-hover-background);
    }

    .p-toast-message-contrast {
        background: var(--p-toast-contrast-background);
        border-color: var(--p-toast-contrast-border-color);
        color: var(--p-toast-contrast-color);
        box-shadow: var(--p-toast-contrast-shadow);
    }

    .p-toast-message-contrast .p-toast-detail {
        color: var(--p-toast-contrast-detail-color);
    }

    .p-toast-message-contrast .p-toast-close-button:focus-visible {
        outline-color: var(--p-toast-contrast-close-button-focus-ring-color);
        box-shadow: var(--p-toast-contrast-close-button-focus-ring-shadow);
    }

    .p-toast-message-contrast .p-toast-close-button:hover {
        background: var(--p-toast-contrast-close-button-hover-background);
    }

    .p-toast-top-center {
        transform: translateX(-50%);
    }

    .p-toast-bottom-center {
        transform: translateX(-50%);
    }

    .p-toast-center {
        min-width: 20vw;
        transform: translate(-50%, -50%);
    }

    .p-toast-message-enter-active {
        animation: p-animate-toast-enter 300ms ease-out;
    }

    .p-toast-message-leave-active {
        animation: p-animate-toast-leave 250ms ease-in;
    }

    .p-toast-message-leave-to .p-toast-message-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    @keyframes p-animate-toast-enter {
        from {
            opacity: 0;
            transform: scale(0.6);
        }

        to {
            opacity: 1;
            grid-template-rows: 1fr;
        }
    }

    @keyframes p-animate-toast-leave {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
            margin-bottom: 0;
            grid-template-rows: 0fr;
            transform: translateY(-100%) scale(0.6);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-carousel-indicator-width: 2rem;
        --p-carousel-indicator-height: 0.5rem;
        --p-carousel-indicator-border-radius: var(--p-content-border-radius);
        --p-carousel-indicator-focus-ring-width: var(--p-focus-ring-width);
        --p-carousel-indicator-focus-ring-style: var(--p-focus-ring-style);
        --p-carousel-indicator-focus-ring-color: var(--p-focus-ring-color);
        --p-carousel-indicator-focus-ring-offset: var(--p-focus-ring-offset);
        --p-carousel-indicator-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-carousel-indicator-list-padding: 1rem;
        --p-carousel-indicator-list-gap: 0.5rem;
        --p-carousel-content-gap: 0.25rem;
        --p-carousel-transition-duration: var(--p-transition-duration);
        --p-carousel-indicator-background: var(--p-surface-200);
        --p-carousel-indicator-hover-background: var(--p-surface-300);
        --p-carousel-indicator-active-background: var(--p-primary-color);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-carousel {
        display: flex;
        flex-direction: column;
    }

    .p-carousel-content-container {
        display: flex;
        flex-direction: column;
        overflow: auto;
    }

    .p-carousel-content {
        display: flex;
        flex-direction: row;
        gap: var(--p-carousel-content-gap);
    }

    .p-carousel-content:dir(rtl) {
        flex-direction: row-reverse;
    }

    .p-carousel-viewport {
        overflow: hidden;
        width: 100%;
    }

    .p-carousel-item-list {
        display: flex;
        flex-direction: row;
    }

    .p-carousel-item-list:dir(rtl) {
        flex-direction: row-reverse;
    }

    .p-carousel-prev-button,
    .p-carousel-next-button {
        align-self: center;
        flex-shrink: 0;
    }

    .p-carousel-indicator-list {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        padding: var(--p-carousel-indicator-list-padding);
        gap: var(--p-carousel-indicator-list-gap);
        margin: 0;
        list-style: none;
    }

    .p-carousel-indicator-button {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--p-carousel-indicator-background);
        width: var(--p-carousel-indicator-width);
        height: var(--p-carousel-indicator-height);
        border: 0 none;
        transition: background var(--p-carousel-transition-duration), color var(--p-carousel-transition-duration), outline-color var(--p-carousel-transition-duration), box-shadow var(--p-carousel-transition-duration);
        outline-color: transparent;
        border-radius: var(--p-carousel-indicator-border-radius);
        padding: 0;
        margin: 0;
        user-select: none;
        cursor: pointer;
    }

    .p-carousel-indicator-button:focus-visible {
        box-shadow: var(--p-carousel-indicator-focus-ring-shadow);
        outline: var(--p-carousel-indicator-focus-ring-width) var(--p-carousel-indicator-focus-ring-style) var(--p-carousel-indicator-focus-ring-color);
        outline-offset: var(--p-carousel-indicator-focus-ring-offset);
    }

    .p-carousel-indicator-button:hover {
        background: var(--p-carousel-indicator-hover-background);
    }

    .p-carousel-indicator-active .p-carousel-indicator-button {
        background: var(--p-carousel-indicator-active-background);
    }

    .p-carousel-vertical .p-carousel-content {
        flex-direction: column;
    }

    .p-carousel-vertical .p-carousel-item-list {
        flex-direction: column;
        height: 100%;
    }

    .p-items-hidden .p-carousel-item {
        visibility: hidden;
    }

    .p-items-hidden .p-carousel-item.p-carousel-item-active {
        visibility: visible;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-galleria-close-button-icon-size: 1.5rem;
        --p-galleria-close-button-size: 3rem;
        --p-galleria-close-button-gutter: 0.5rem;
        --p-galleria-close-button-background: rgba(255, 255, 255, 0.1);
        --p-galleria-close-button-hover-background: rgba(255, 255, 255, 0.2);
        --p-galleria-close-button-color: var(--p-surface-50);
        --p-galleria-close-button-hover-color: var(--p-surface-0);
        --p-galleria-close-button-border-radius: 50%;
        --p-galleria-close-button-focus-ring-width: var(--p-focus-ring-width);
        --p-galleria-close-button-focus-ring-style: var(--p-focus-ring-style);
        --p-galleria-close-button-focus-ring-color: var(--p-focus-ring-color);
        --p-galleria-close-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-galleria-close-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-galleria-inset-indicator-button-background: rgba(255, 255, 255, 0.4);
        --p-galleria-inset-indicator-button-hover-background: rgba(255, 255, 255, 0.6);
        --p-galleria-inset-indicator-button-active-background: rgba(255, 255, 255, 0.9);
        --p-galleria-inset-indicator-list-background: rgba(0, 0, 0, 0.5);
        --p-galleria-indicator-button-width: 1rem;
        --p-galleria-indicator-button-height: 1rem;
        --p-galleria-indicator-button-active-background: var(--p-primary-color);
        --p-galleria-indicator-button-border-radius: 50%;
        --p-galleria-indicator-button-focus-ring-width: var(--p-focus-ring-width);
        --p-galleria-indicator-button-focus-ring-style: var(--p-focus-ring-style);
        --p-galleria-indicator-button-focus-ring-color: var(--p-focus-ring-color);
        --p-galleria-indicator-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-galleria-indicator-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-galleria-indicator-list-gap: 0.5rem;
        --p-galleria-indicator-list-padding: 1rem;
        --p-galleria-caption-background: rgba(0, 0, 0, 0.5);
        --p-galleria-caption-color: var(--p-surface-100);
        --p-galleria-caption-padding: 1rem;
        --p-galleria-thumbnail-nav-button-icon-size: 1rem;
        --p-galleria-thumbnail-nav-button-size: 2rem;
        --p-galleria-thumbnail-nav-button-border-radius: var(--p-content-border-radius);
        --p-galleria-thumbnail-nav-button-gutter: 0.5rem;
        --p-galleria-thumbnail-nav-button-focus-ring-width: var(--p-focus-ring-width);
        --p-galleria-thumbnail-nav-button-focus-ring-style: var(--p-focus-ring-style);
        --p-galleria-thumbnail-nav-button-focus-ring-color: var(--p-focus-ring-color);
        --p-galleria-thumbnail-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-galleria-thumbnail-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-galleria-thumbnails-content-background: var(--p-content-background);
        --p-galleria-thumbnails-content-padding: 1rem 0.25rem;
        --p-galleria-nav-icon-size: 1.5rem;
        --p-galleria-nav-button-background: rgba(255, 255, 255, 0.1);
        --p-galleria-nav-button-hover-background: rgba(255, 255, 255, 0.2);
        --p-galleria-nav-button-color: var(--p-surface-100);
        --p-galleria-nav-button-hover-color: var(--p-surface-0);
        --p-galleria-nav-button-size: 3rem;
        --p-galleria-nav-button-gutter: 0.5rem;
        --p-galleria-nav-button-focus-ring-width: var(--p-focus-ring-width);
        --p-galleria-nav-button-focus-ring-style: var(--p-focus-ring-style);
        --p-galleria-nav-button-focus-ring-color: var(--p-focus-ring-color);
        --p-galleria-nav-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-galleria-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-galleria-nav-button-next-border-radius: 50%;
        --p-galleria-nav-button-prev-border-radius: 50%;
        --p-galleria-border-width: 1px;
        --p-galleria-border-color: var(--p-content-border-color);
        --p-galleria-border-radius: var(--p-content-border-radius);
        --p-galleria-transition-duration: var(--p-transition-duration);
        --p-galleria-indicator-button-background: var(--p-surface-200);
        --p-galleria-indicator-button-hover-background: var(--p-surface-300);
        --p-galleria-thumbnail-nav-button-hover-background: var(--p-surface-100);
        --p-galleria-thumbnail-nav-button-color: var(--p-surface-600);
        --p-galleria-thumbnail-nav-button-hover-color: var(--p-surface-700);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-galleria {
        overflow: hidden;
        border-style: solid;
        border-width: var(--p-galleria-border-width);
        border-color: var(--p-galleria-border-color);
        border-radius: var(--p-galleria-border-radius);
    }

    .p-galleria-content {
        display: flex;
        flex-direction: column;
    }

    .p-galleria-items-container {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .p-galleria-items {
        position: relative;
        display: flex;
        height: 100%;
    }

    .p-galleria-nav-button {
        position: absolute !important;
        top: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        background: var(--p-galleria-nav-button-background);
        color: var(--p-galleria-nav-button-color);
        width: var(--p-galleria-nav-button-size);
        height: var(--p-galleria-nav-button-size);
        transition: background var(--p-galleria-transition-duration), color var(--p-galleria-transition-duration), outline-color var(--p-galleria-transition-duration), box-shadow var(--p-galleria-transition-duration);
        margin: calc(-1 * calc(var(--p-galleria-nav-button-size)) / 2) var(--p-galleria-nav-button-gutter) 0 var(--p-galleria-nav-button-gutter);
        padding: 0;
        user-select: none;
        border: 0 none;
        cursor: pointer;
        outline-color: transparent;
    }

    .p-galleria-nav-button:not(.p-disabled):hover {
        background: var(--p-galleria-nav-button-hover-background);
        color: var(--p-galleria-nav-button-hover-color);
    }

    .p-galleria-nav-button:not(.p-disabled):focus-visible {
        box-shadow: var(--p-galleria-nav-button-focus-ring-shadow);
        outline: var(--p-galleria-nav-button-focus-ring-width) var(--p-galleria-nav-button-focus-ring-style) var(--p-galleria-nav-button-focus-ring-color);
        outline-offset: var(--p-galleria-nav-button-focus-ring-offset);
    }

    .p-galleria-next-icon,
    .p-galleria-prev-icon {
        font-size: var(--p-galleria-nav-icon-size);
        width: var(--p-galleria-nav-icon-size);
        height: var(--p-galleria-nav-icon-size);
    }

    .p-galleria-prev-button {
        border-radius: var(--p-galleria-nav-button-prev-border-radius);
        left: 0;
    }

    .p-galleria-next-button {
        border-radius: var(--p-galleria-nav-button-next-border-radius);
        right: 0;
    }

    .p-galleria-prev-button:dir(rtl) {
        left: auto;
        right: 0;
        transform: rotate(180deg);
    }

    .p-galleria-next-button:dir(rtl) {
        right: auto;
        left: 0;
        transform: rotate(180deg);
    }

    .p-galleria-item {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }

    .p-galleria-hover-navigators .p-galleria-nav-button {
        pointer-events: none;
        opacity: 0;
        transition: opacity var(--p-galleria-transition-duration) ease-in-out;
    }

    .p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button {
        pointer-events: all;
        opacity: 1;
    }

    .p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button.p-disabled {
        pointer-events: none;
    }

    .p-galleria-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: var(--p-galleria-caption-background);
        color: var(--p-galleria-caption-color);
        padding: var(--p-galleria-caption-padding);
    }

    .p-galleria-thumbnails {
        display: flex;
        flex-direction: column;
        overflow: auto;
        flex-shrink: 0;
    }

    .p-galleria-thumbnail-nav-button {
        align-self: center;
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        margin: 0 var(--p-galleria-thumbnail-nav-button-gutter);
        padding: 0;
        border: none;
        user-select: none;
        cursor: pointer;
        background: transparent;
        color: var(--p-galleria-thumbnail-nav-button-color);
        width: var(--p-galleria-thumbnail-nav-button-size);
        height: var(--p-galleria-thumbnail-nav-button-size);
        transition: background var(--p-galleria-transition-duration), color var(--p-galleria-transition-duration), outline-color var(--p-galleria-transition-duration);
        outline-color: transparent;
        border-radius: var(--p-galleria-thumbnail-nav-button-border-radius);
    }

    .p-galleria-thumbnail-nav-button:hover {
        background: var(--p-galleria-thumbnail-nav-button-hover-background);
        color: var(--p-galleria-thumbnail-nav-button-hover-color);
    }

    .p-galleria-thumbnail-nav-button:focus-visible {
        box-shadow: var(--p-galleria-thumbnail-nav-button-focus-ring-shadow);
        outline: var(--p-galleria-thumbnail-nav-button-focus-ring-width) var(--p-galleria-thumbnail-nav-button-focus-ring-style) var(--p-galleria-thumbnail-nav-button-focus-ring-color);
        outline-offset: var(--p-galleria-thumbnail-nav-button-focus-ring-offset);
    }

    .p-galleria-thumbnail-nav-button .p-galleria-thumbnail-next-icon,
    .p-galleria-thumbnail-nav-button .p-galleria-thumbnail-prev-icon {
        font-size: var(--p-galleria-thumbnail-nav-button-icon-size);
        width: var(--p-galleria-thumbnail-nav-button-icon-size);
        height: var(--p-galleria-thumbnail-nav-button-icon-size);
    }

    .p-galleria-thumbnails-content {
        display: flex;
        flex-direction: row;
        background: var(--p-galleria-thumbnails-content-background);
        padding: var(--p-galleria-thumbnails-content-padding);
    }

    .p-galleria-thumbnails-viewport {
        overflow: hidden;
        width: 100%;
    }

    .p-galleria:not(.p-galleria-thumbnails-right):not(.p-galleria-thumbnails-left) .p-galleria-thumbnail-prev-button:dir(rtl),
    .p-galleria:not(.p-galleria-thumbnails-right):not(.p-galleria-thumbnails-left) .p-galleria-thumbnail-next-button:dir(rtl) {
        transform: rotate(180deg);
    }

    .p-galleria-thumbnail-items {
        display: flex;
    }

    .p-galleria-thumbnail-items:dir(rtl) {
        flex-direction: row-reverse;
    }

    .p-galleria-thumbnail-item {
        overflow: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        opacity: 0.5;
    }

    .p-galleria-thumbnail {
        outline-color: transparent;
    }

    .p-galleria-thumbnail-item:hover {
        opacity: 1;
        transition: opacity 0.3s;
    }

    .p-galleria-thumbnail-item-current {
        opacity: 1;
    }

    .p-galleria-thumbnails-left .p-galleria-content,
    .p-galleria-thumbnails-right .p-galleria-content {
        flex-direction: row;
    }

    .p-galleria-thumbnails-left .p-galleria-items-container,
    .p-galleria-thumbnails-right .p-galleria-items-container {
        flex-direction: row;
    }

    .p-galleria-thumbnails-left .p-galleria-items-container,
    .p-galleria-thumbnails-top .p-galleria-items-container {
        order: 2;
    }

    .p-galleria-thumbnails-left .p-galleria-thumbnails,
    .p-galleria-thumbnails-top .p-galleria-thumbnails {
        order: 1;
    }

    .p-galleria-thumbnails-left .p-galleria-thumbnails-content,
    .p-galleria-thumbnails-right .p-galleria-thumbnails-content {
        flex-direction: column;
        flex-grow: 1;
    }

    .p-galleria-thumbnails-left .p-galleria-thumbnail-items,
    .p-galleria-thumbnails-right .p-galleria-thumbnail-items {
        flex-direction: column;
        height: 100%;
    }

    .p-galleria-indicator-list {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--p-galleria-indicator-list-padding);
        gap: var(--p-galleria-indicator-list-gap);
        margin: 0;
        list-style: none;
    }

    .p-galleria-indicator-button {
        display: inline-flex;
        align-items: center;
        background: var(--p-galleria-indicator-button-background);
        width: var(--p-galleria-indicator-button-width);
        height: var(--p-galleria-indicator-button-height);
        transition: background var(--p-galleria-transition-duration), color var(--p-galleria-transition-duration), outline-color var(--p-galleria-transition-duration), box-shadow var(--p-galleria-transition-duration);
        outline-color: transparent;
        border-radius: var(--p-galleria-indicator-button-border-radius);
        margin: 0;
        padding: 0;
        border: none;
        user-select: none;
        cursor: pointer;
    }

    .p-galleria-indicator-button:hover {
        background: var(--p-galleria-indicator-button-hover-background);
    }

    .p-galleria-indicator-button:focus-visible {
        box-shadow: var(--p-galleria-indicator-button-focus-ring-shadow);
        outline: var(--p-galleria-indicator-button-focus-ring-width) var(--p-galleria-indicator-button-focus-ring-style) var(--p-galleria-indicator-button-focus-ring-color);
        outline-offset: var(--p-galleria-indicator-button-focus-ring-offset);
    }

    .p-galleria-indicator-active .p-galleria-indicator-button {
        background: var(--p-galleria-indicator-button-active-background);
    }

    .p-galleria-indicators-left .p-galleria-items-container,
    .p-galleria-indicators-right .p-galleria-items-container {
        flex-direction: row;
        align-items: center;
    }

    .p-galleria-indicators-left .p-galleria-items,
    .p-galleria-indicators-top .p-galleria-items {
        order: 2;
    }

    .p-galleria-indicators-left .p-galleria-indicator-list,
    .p-galleria-indicators-top .p-galleria-indicator-list {
        order: 1;
    }

    .p-galleria-indicators-left .p-galleria-indicator-list,
    .p-galleria-indicators-right .p-galleria-indicator-list {
        flex-direction: column;
    }

    .p-galleria-inset-indicators .p-galleria-indicator-list {
        position: absolute;
        display: flex;
        z-index: 1;
        background: var(--p-galleria-inset-indicator-list-background);
    }

    .p-galleria-inset-indicators .p-galleria-indicator-button {
        background: var(--p-galleria-inset-indicator-button-background);
    }

    .p-galleria-inset-indicators .p-galleria-indicator-button:hover {
        background: var(--p-galleria-inset-indicator-button-hover-background);
    }

    .p-galleria-inset-indicators .p-galleria-indicator-active .p-galleria-indicator-button {
        background: var(--p-galleria-inset-indicator-button-active-background);
    }

    .p-galleria-inset-indicators.p-galleria-indicators-top .p-galleria-indicator-list {
        top: 0;
        left: 0;
        width: 100%;
        align-items: flex-start;
    }

    .p-galleria-inset-indicators.p-galleria-indicators-right .p-galleria-indicator-list {
        right: 0;
        top: 0;
        height: 100%;
        align-items: flex-end;
    }

    .p-galleria-inset-indicators.p-galleria-indicators-bottom .p-galleria-indicator-list {
        bottom: 0;
        left: 0;
        width: 100%;
        align-items: flex-end;
    }

    .p-galleria-inset-indicators.p-galleria-indicators-left .p-galleria-indicator-list {
        left: 0;
        top: 0;
        height: 100%;
        align-items: flex-start;
    }

    .p-galleria-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-galleria-close-button {
        position: absolute !important;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin: var(--p-galleria-close-button-gutter);
        background: var(--p-galleria-close-button-background);
        color: var(--p-galleria-close-button-color);
        width: var(--p-galleria-close-button-size);
        height: var(--p-galleria-close-button-size);
        padding: 0;
        border: none;
        user-select: none;
        cursor: pointer;
        border-radius: var(--p-galleria-close-button-border-radius);
        outline-color: transparent;
        transition: background var(--p-galleria-transition-duration), color var(--p-galleria-transition-duration), outline-color var(--p-galleria-transition-duration);
    }

    .p-galleria-close-icon {
        font-size: var(--p-galleria-close-button-icon-size);
        width: var(--p-galleria-close-button-icon-size);
        height: var(--p-galleria-close-button-icon-size);
    }

    .p-galleria-close-button:hover {
        background: var(--p-galleria-close-button-hover-background);
        color: var(--p-galleria-close-button-hover-color);
    }

    .p-galleria-close-button:focus-visible {
        box-shadow: var(--p-galleria-close-button-focus-ring-shadow);
        outline: var(--p-galleria-close-button-focus-ring-width) var(--p-galleria-close-button-focus-ring-style) var(--p-galleria-close-button-focus-ring-color);
        outline-offset: var(--p-galleria-close-button-focus-ring-offset);
    }

    .p-galleria-mask .p-galleria-nav-button {
        position: fixed;
        top: 50%;
    }

    .p-items-hidden .p-galleria-thumbnail-item {
        visibility: hidden;
    }

    .p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {
        visibility: visible;
    }

    .p-galleria-enter-active {
        animation: p-animate-galleria-enter 300ms cubic-bezier(.19, 1, .22, 1);
    }

    .p-galleria-leave-active {
        animation: p-animate-galleria-leave 300ms cubic-bezier(.19, 1, .22, 1);
    }

    .p-galleria-enter-active .p-galleria-nav-button {
        opacity: 0;
    }

    @keyframes p-animate-galleria-enter {
        from {
            opacity: 0;
            transform: scale(0.93);
        }
    }

    @keyframes p-animate-galleria-leave {
        from {
            opacity: 1;
            transform: scale(1);
        }

        to {
            opacity: 0;
            transform: scale(0.93);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-image-action-hover-background: rgba(255, 255, 255, 0.1);
        --p-image-action-color: var(--p-surface-50);
        --p-image-action-hover-color: var(--p-surface-0);
        --p-image-action-size: 3rem;
        --p-image-action-icon-size: 1.5rem;
        --p-image-action-border-radius: 50%;
        --p-image-action-focus-ring-width: var(--p-focus-ring-width);
        --p-image-action-focus-ring-style: var(--p-focus-ring-style);
        --p-image-action-focus-ring-color: var(--p-focus-ring-color);
        --p-image-action-focus-ring-offset: var(--p-focus-ring-offset);
        --p-image-action-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-image-toolbar-blur: 8px;
        --p-image-toolbar-background: rgba(255, 255, 255, 0.1);
        --p-image-toolbar-border-color: rgba(255, 255, 255, 0.2);
        --p-image-toolbar-border-width: 1px;
        --p-image-toolbar-border-radius: 30px;
        --p-image-toolbar-padding: .5rem;
        --p-image-toolbar-gap: 0.5rem;
        --p-image-toolbar-position-left: auto;
        --p-image-toolbar-position-right: 1rem;
        --p-image-toolbar-position-top: 1rem;
        --p-image-toolbar-position-bottom: auto;
        --p-image-preview-mask-background: var(--p-mask-background);
        --p-image-preview-mask-color: var(--p-mask-color);
        --p-image-preview-icon-size: 1.5rem;
        --p-image-transition-duration: var(--p-transition-duration);
    }
}

/* ========================================= */

@layer primevue {
    .p-image-mask {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-image-preview {
        position: relative;
        display: inline-flex;
        line-height: 0;
    }

    .p-image-preview-mask {
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        border: 0 none;
        padding: 0;
        cursor: pointer;
        background: transparent;
        color: var(--p-image-preview-mask-color);
        transition: background var(--p-image-transition-duration);
    }

    .p-image-preview:hover>.p-image-preview-mask,
    .p-image-preview-mask:focus-visible {
        opacity: 1;
        cursor: pointer;
        background: var(--p-image-preview-mask-background);
        outline: 0 none;
    }

    .p-image-preview-icon {
        font-size: var(--p-image-preview-icon-size);
        width: var(--p-image-preview-icon-size);
        height: var(--p-image-preview-icon-size);
    }

    .p-image-toolbar {
        position: absolute;
        inset-block-start: var(--p-image-toolbar-position-top);
        inset-inline-end: var(--p-image-toolbar-position-right);
        inset-inline-start: var(--p-image-toolbar-position-left);
        inset-block-end: var(--p-image-toolbar-position-bottom);
        display: flex;
        z-index: 1;
        padding: var(--p-image-toolbar-padding);
        background: var(--p-image-toolbar-background);
        backdrop-filter: blur(var(--p-image-toolbar-blur));
        border-color: var(--p-image-toolbar-border-color);
        border-style: solid;
        border-width: var(--p-image-toolbar-border-width);
        border-radius: var(--p-image-toolbar-border-radius);
        gap: var(--p-image-toolbar-gap);
    }

    .p-image-action {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: var(--p-image-action-color);
        background: transparent;
        width: var(--p-image-action-size);
        height: var(--p-image-action-size);
        margin: 0;
        padding: 0;
        border: 0 none;
        cursor: pointer;
        user-select: none;
        border-radius: var(--p-image-action-border-radius);
        outline-color: transparent;
        transition: background var(--p-image-transition-duration), color var(--p-image-transition-duration), outline-color var(--p-image-transition-duration), box-shadow var(--p-image-transition-duration);
    }

    .p-image-action:hover {
        color: var(--p-image-action-hover-color);
        background: var(--p-image-action-hover-background);
    }

    .p-image-action:focus-visible {
        box-shadow: var(--p-image-action-focus-ring-shadow);
        outline: var(--p-image-action-focus-ring-width) var(--p-image-action-focus-ring-style) var(--p-image-action-focus-ring-color);
        outline-offset: var(--p-image-action-focus-ring-offset);
    }

    .p-image-action .p-icon {
        font-size: var(--p-image-action-icon-size);
        width: var(--p-image-action-icon-size);
        height: var(--p-image-action-icon-size);
    }

    .p-image-action.p-disabled {
        pointer-events: auto;
    }

    .p-image-original {
        max-width: 100vw;
        max-height: 100vh;
        transition: transform 300ms;
    }

    .p-image-original-enter-active {
        animation: p-animate-image-original-enter 300ms cubic-bezier(.19, 1, .22, 1);
    }

    .p-image-original-leave-active {
        animation: p-animate-image-original-leave 300ms cubic-bezier(.19, 1, .22, 1);
    }

    @keyframes p-animate-image-original-enter {
        from {
            opacity: 0;
            transform: scale(0.93);
        }
    }

    @keyframes p-animate-image-original-leave {
        to {
            opacity: 0;
            transform: scale(0.93);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-imagecompare-handle-size: 15px;
        --p-imagecompare-handle-hover-size: 30px;
        --p-imagecompare-handle-background: rgba(255, 255, 255, 0.3);
        --p-imagecompare-handle-hover-background: rgba(255, 255, 255, 0.3);
        --p-imagecompare-handle-border-color: unset;
        --p-imagecompare-handle-hover-border-color: unset;
        --p-imagecompare-handle-border-width: 0;
        --p-imagecompare-handle-border-radius: 50%;
        --p-imagecompare-handle-transition-duration: var(--p-transition-duration);
        --p-imagecompare-handle-focus-ring-width: var(--p-focus-ring-width);
        --p-imagecompare-handle-focus-ring-style: var(--p-focus-ring-style);
        --p-imagecompare-handle-focus-ring-color: rgba(255, 255, 255, 0.3);
        --p-imagecompare-handle-focus-ring-offset: var(--p-focus-ring-offset);
        --p-imagecompare-handle-focus-ring-shadow: var(--p-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-imagecompare {
        position: relative;
        overflow: hidden;
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .p-imagecompare img {
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .p-imagecompare img+img {
        clip-path: polygon(0 0, var(--p-imagecompare-scope-x, 50%) 0, var(--p-imagecompare-scope-x, 50%) 100%, 0 100%);
    }

    .p-imagecompare:dir(rtl) img+img {
        clip-path: polygon(calc(100% - var(--p-imagecompare-scope-x, 50%)) 0, 100% 0, 100% 100%, calc(100% - var(--p-imagecompare-scope-x, 50%)) 100%);
    }

    .p-imagecompare-slider {
        position: relative;
        -webkit-appearance: none;
        width: calc(100% + var(--p-imagecompare-handle-size));
        height: 100%;
        margin-inline-start: calc(-1 * calc(var(--p-imagecompare-handle-size) / 2));
        background-color: transparent;
        outline: none;
        transition: all var(--p-imagecompare-handle-transition-duration);
    }

    .p-imagecompare-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: var(--p-imagecompare-handle-size);
        width: var(--p-imagecompare-handle-size);
        background: var(--p-imagecompare-handle-background);
        border: var(--p-imagecompare-handle-border-width) solid var(--p-imagecompare-handle-border-color);
        border-radius: var(--p-imagecompare-handle-border-radius);
        background-size: contain;
        cursor: ew-resize;
        transition: all var(--p-imagecompare-handle-transition-duration);
    }

    .p-imagecompare-slider::-moz-range-thumb {
        height: var(--p-imagecompare-handle-size);
        width: var(--p-imagecompare-handle-size);
        background: var(--p-imagecompare-handle-background);
        border: var(--p-imagecompare-handle-border-width) var(--p-imagecompare-handle-border-style) var(--p-imagecompare-handle-border-color);
        border-radius: var(--p-imagecompare-handle-border-radius);
        background-size: contain;
        cursor: ew-resize;
    }

    .p-imagecompare-slider:focus-visible::-webkit-slider-thumb {
        box-shadow: var(--p-imagecompare-handle-focus-ring-shadow);
        outline: var(--p-imagecompare-handle-focus-ring-width) var(--p-imagecompare-handle-focus-ring-style) var(--p-imagecompare-handle-focus-ring-color);
        outline-offset: var(--p-imagecompare-handle-focus-ring-offset);
    }

    .p-imagecompare-slider:focus-visible::-moz-range-thumb {
        box-shadow: var(--p-imagecompare-handle-focus-ring-shadow);
        outline: var(--p-imagecompare-handle-focus-ring-width) var(--p-imagecompare-handle-focus-ring-style) var(--p-imagecompare-handle-focus-ring-color);
        outline-offset: var(--p-imagecompare-handle-focus-ring-offset);
    }

    .p-imagecompare-slider:hover {
        width: calc(100% + var(--p-imagecompare-handle-hover-size));
        margin-inline-start: calc(-1 * calc(var(--p-imagecompare-handle-hover-size) / 2));
    }

    .p-imagecompare-slider:hover::-webkit-slider-thumb {
        background: var(--p-imagecompare-handle-hover-background);
        border-color: var(--p-imagecompare-handle-hover-border-color);
        height: var(--p-imagecompare-handle-hover-size);
        width: var(--p-imagecompare-handle-hover-size);
    }

    .p-imagecompare-slider:hover::-moz-range-thumb {
        background: var(--p-imagecompare-handle-hover-background);
        border-color: var(--p-imagecompare-handle-hover-border-color);
        height: var(--p-imagecompare-handle-hover-size);
        width: var(--p-imagecompare-handle-hover-size);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-avatar-xl-width: 4rem;
        --p-avatar-xl-height: 4rem;
        --p-avatar-xl-font-size: 2rem;
        --p-avatar-xl-group-offset: -1.5rem;
        --p-avatar-xl-icon-size: 2rem;
        --p-avatar-lg-width: 3rem;
        --p-avatar-lg-height: 3rem;
        --p-avatar-lg-font-size: 1.5rem;
        --p-avatar-lg-group-offset: -1rem;
        --p-avatar-lg-icon-size: 1.5rem;
        --p-avatar-group-border-color: var(--p-content-background);
        --p-avatar-group-offset: -0.75rem;
        --p-avatar-icon-size: 1rem;
        --p-avatar-width: 2rem;
        --p-avatar-height: 2rem;
        --p-avatar-font-size: 1rem;
        --p-avatar-background: var(--p-content-border-color);
        --p-avatar-color: var(--p-content-color);
        --p-avatar-border-radius: var(--p-content-border-radius);
    }
}

/* ========================================= */

@layer primevue {
    .p-avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--p-avatar-width);
        height: var(--p-avatar-height);
        font-size: var(--p-avatar-font-size);
        background: var(--p-avatar-background);
        color: var(--p-avatar-color);
        border-radius: var(--p-avatar-border-radius);
    }

    .p-avatar-image {
        background: transparent;
    }

    .p-avatar-circle {
        border-radius: 50%;
    }

    .p-avatar-circle img {
        border-radius: 50%;
    }

    .p-avatar-icon {
        font-size: var(--p-avatar-icon-size);
        width: var(--p-avatar-icon-size);
        height: var(--p-avatar-icon-size);
    }

    .p-avatar img {
        width: 100%;
        height: 100%;
    }

    .p-avatar-lg {
        width: var(--p-avatar-lg-width);
        height: var(--p-avatar-lg-width);
        font-size: var(--p-avatar-lg-font-size);
    }

    .p-avatar-lg .p-avatar-icon {
        font-size: var(--p-avatar-lg-icon-size);
        width: var(--p-avatar-lg-icon-size);
        height: var(--p-avatar-lg-icon-size);
    }

    .p-avatar-xl {
        width: var(--p-avatar-xl-width);
        height: var(--p-avatar-xl-width);
        font-size: var(--p-avatar-xl-font-size);
    }

    .p-avatar-xl .p-avatar-icon {
        font-size: var(--p-avatar-xl-icon-size);
        width: var(--p-avatar-xl-icon-size);
        height: var(--p-avatar-xl-icon-size);
    }

    .p-avatar-group {
        display: flex;
        align-items: center;
    }

    .p-avatar-group .p-avatar+.p-avatar {
        margin-inline-start: var(--p-avatar-group-offset);
    }

    .p-avatar-group .p-avatar {
        border: 2px solid var(--p-avatar-group-border-color);
    }

    .p-avatar-group .p-avatar-lg+.p-avatar-lg {
        margin-inline-start: var(--p-avatar-lg-group-offset);
    }

    .p-avatar-group .p-avatar-xl+.p-avatar-xl {
        margin-inline-start: var(--p-avatar-xl-group-offset);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-badge-xl-font-size: 1rem;
        --p-badge-xl-min-width: 2rem;
        --p-badge-xl-height: 2rem;
        --p-badge-lg-font-size: 0.875rem;
        --p-badge-lg-min-width: 1.75rem;
        --p-badge-lg-height: 1.75rem;
        --p-badge-sm-font-size: 0.625rem;
        --p-badge-sm-min-width: 1.25rem;
        --p-badge-sm-height: 1.25rem;
        --p-badge-dot-size: 0.5rem;
        --p-badge-border-radius: var(--p-border-radius-md);
        --p-badge-padding: 0 0.5rem;
        --p-badge-font-size: 0.75rem;
        --p-badge-font-weight: 700;
        --p-badge-min-width: 1.5rem;
        --p-badge-height: 1.5rem;
        --p-badge-contrast-background: var(--p-surface-950);
        --p-badge-contrast-color: var(--p-surface-0);
        --p-badge-danger-background: var(--p-red-500);
        --p-badge-danger-color: var(--p-surface-0);
        --p-badge-warn-background: var(--p-orange-500);
        --p-badge-warn-color: var(--p-surface-0);
        --p-badge-info-background: var(--p-sky-500);
        --p-badge-info-color: var(--p-surface-0);
        --p-badge-success-background: var(--p-green-500);
        --p-badge-success-color: var(--p-surface-0);
        --p-badge-secondary-background: var(--p-surface-100);
        --p-badge-secondary-color: var(--p-surface-600);
        --p-badge-primary-background: var(--p-primary-color);
        --p-badge-primary-color: var(--p-primary-contrast-color);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-badge {
        display: inline-flex;
        border-radius: var(--p-badge-border-radius);
        align-items: center;
        justify-content: center;
        padding: var(--p-badge-padding);
        background: var(--p-badge-primary-background);
        color: var(--p-badge-primary-color);
        font-size: var(--p-badge-font-size);
        font-weight: var(--p-badge-font-weight);
        min-width: var(--p-badge-min-width);
        height: var(--p-badge-height);
    }

    .p-badge-dot {
        width: var(--p-badge-dot-size);
        min-width: var(--p-badge-dot-size);
        height: var(--p-badge-dot-size);
        border-radius: 50%;
        padding: 0;
    }

    .p-badge-circle {
        padding: 0;
        border-radius: 50%;
    }

    .p-badge-secondary {
        background: var(--p-badge-secondary-background);
        color: var(--p-badge-secondary-color);
    }

    .p-badge-success {
        background: var(--p-badge-success-background);
        color: var(--p-badge-success-color);
    }

    .p-badge-info {
        background: var(--p-badge-info-background);
        color: var(--p-badge-info-color);
    }

    .p-badge-warn {
        background: var(--p-badge-warn-background);
        color: var(--p-badge-warn-color);
    }

    .p-badge-danger {
        background: var(--p-badge-danger-background);
        color: var(--p-badge-danger-color);
    }

    .p-badge-contrast {
        background: var(--p-badge-contrast-background);
        color: var(--p-badge-contrast-color);
    }

    .p-badge-sm {
        font-size: var(--p-badge-sm-font-size);
        min-width: var(--p-badge-sm-min-width);
        height: var(--p-badge-sm-height);
    }

    .p-badge-lg {
        font-size: var(--p-badge-lg-font-size);
        min-width: var(--p-badge-lg-min-width);
        height: var(--p-badge-lg-height);
    }

    .p-badge-xl {
        font-size: var(--p-badge-xl-font-size);
        min-width: var(--p-badge-xl-min-width);
        height: var(--p-badge-xl-height);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-blockui-border-radius: var(--p-content-border-radius);
    }
}

/* ========================================= */

@layer primevue {
    .p-blockui {
        position: relative;
    }

    .p-blockui-mask {
        border-radius: var(--p-blockui-border-radius);
    }

    .p-blockui-mask.p-overlay-mask {
        position: absolute;
    }

    .p-blockui-mask-document.p-overlay-mask {
        position: fixed;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-chip-remove-icon-size: 1rem;
        --p-chip-remove-icon-focus-ring-width: var(--p-focus-ring-width);
        --p-chip-remove-icon-focus-ring-style: var(--p-focus-ring-style);
        --p-chip-remove-icon-focus-ring-color: var(--p-focus-ring-color);
        --p-chip-remove-icon-focus-ring-offset: var(--p-focus-ring-offset);
        --p-chip-remove-icon-focus-ring-shadow: var(--p-form-field-focus-ring-shadow);
        --p-chip-icon-size: 1rem;
        --p-chip-image-width: 2rem;
        --p-chip-image-height: 2rem;
        --p-chip-border-radius: 16px;
        --p-chip-padding-x: 0.75rem;
        --p-chip-padding-y: 0.5rem;
        --p-chip-gap: 0.5rem;
        --p-chip-transition-duration: var(--p-transition-duration);
        --p-chip-remove-icon-color: var(--p-surface-800);
        --p-chip-icon-color: var(--p-surface-800);
        --p-chip-background: var(--p-surface-100);
        --p-chip-color: var(--p-surface-800);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-chip {
        display: inline-flex;
        align-items: center;
        background: var(--p-chip-background);
        color: var(--p-chip-color);
        border-radius: var(--p-chip-border-radius);
        padding-block: var(--p-chip-padding-y);
        padding-inline: var(--p-chip-padding-x);
        gap: var(--p-chip-gap);
    }

    .p-chip-icon {
        color: var(--p-chip-icon-color);
        font-size: var(--p-chip-icon-font-size);
        width: var(--p-chip-icon-size);
        height: var(--p-chip-icon-size);
    }

    .p-chip-image {
        border-radius: 50%;
        width: var(--p-chip-image-width);
        height: var(--p-chip-image-height);
        margin-inline-start: calc(-1 * var(--p-chip-padding-y));
    }

    .p-chip:has(.p-chip-remove-icon) {
        padding-inline-end: var(--p-chip-padding-y);
    }

    .p-chip:has(.p-chip-image) {
        padding-block-start: calc(var(--p-chip-padding-y) / 2);
        padding-block-end: calc(var(--p-chip-padding-y) / 2);
    }

    .p-chip-remove-icon {
        cursor: pointer;
        font-size: var(--p-chip-remove-icon-size);
        width: var(--p-chip-remove-icon-size);
        height: var(--p-chip-remove-icon-size);
        color: var(--p-chip-remove-icon-color);
        border-radius: 50%;
        transition: outline-color var(--p-chip-transition-duration), box-shadow var(--p-chip-transition-duration);
        outline-color: transparent;
    }

    .p-chip-remove-icon:focus-visible {
        box-shadow: var(--p-chip-remove-icon-focus-ring-shadow);
        outline: var(--p-chip-remove-icon-focus-ring-width) var(--p-chip-remove-icon-focus-ring-style) var(--p-chip-remove-icon-focus-ring-color);
        outline-offset: var(--p-chip-remove-icon-focus-ring-offset);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-inplace-display-hover-background: var(--p-content-hover-background);
        --p-inplace-display-hover-color: var(--p-content-hover-color);
        --p-inplace-padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
        --p-inplace-border-radius: var(--p-content-border-radius);
        --p-inplace-transition-duration: var(--p-transition-duration);
        --p-inplace-focus-ring-width: var(--p-focus-ring-width);
        --p-inplace-focus-ring-style: var(--p-focus-ring-style);
        --p-inplace-focus-ring-color: var(--p-focus-ring-color);
        --p-inplace-focus-ring-offset: var(--p-focus-ring-offset);
        --p-inplace-focus-ring-shadow: var(--p-focus-ring-shadow);
    }
}

/* ========================================= */

@layer primevue {
    .p-inplace-display {
        display: inline-block;
        cursor: pointer;
        border: 1px solid transparent;
        padding: var(--p-inplace-padding);
        border-radius: var(--p-inplace-border-radius);
        transition: background var(--p-inplace-transition-duration), color var(--p-inplace-transition-duration), outline-color var(--p-inplace-transition-duration), box-shadow var(--p-inplace-transition-duration);
        outline-color: transparent;
    }

    .p-inplace-display:not(.p-disabled):hover {
        background: var(--p-inplace-display-hover-background);
        color: var(--p-inplace-display-hover-color);
    }

    .p-inplace-display:focus-visible {
        box-shadow: var(--p-inplace-focus-ring-shadow);
        outline: var(--p-inplace-focus-ring-width) var(--p-inplace-focus-ring-style) var(--p-inplace-focus-ring-color);
        outline-offset: var(--p-inplace-focus-ring-offset);
    }

    .p-inplace-content {
        display: block;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-metergroup-label-list-vertical-gap: 0.5rem;
        --p-metergroup-label-list-horizontal-gap: 1rem;
        --p-metergroup-label-icon-size: 1rem;
        --p-metergroup-label-marker-size: 0.5rem;
        --p-metergroup-label-gap: 0.5rem;
        --p-metergroup-meters-background: var(--p-content-border-color);
        --p-metergroup-meters-size: 0.5rem;
        --p-metergroup-border-radius: var(--p-content-border-radius);
        --p-metergroup-gap: 1rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-metergroup {
        display: flex;
        gap: var(--p-metergroup-gap);
    }

    .p-metergroup-meters {
        display: flex;
        background: var(--p-metergroup-meters-background);
        border-radius: var(--p-metergroup-border-radius);
    }

    .p-metergroup-label-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .p-metergroup-label {
        display: inline-flex;
        align-items: center;
        gap: var(--p-metergroup-label-gap);
    }

    .p-metergroup-label-marker {
        display: inline-flex;
        width: var(--p-metergroup-label-marker-size);
        height: var(--p-metergroup-label-marker-size);
        border-radius: 100%;
    }

    .p-metergroup-label-icon {
        font-size: var(--p-metergroup-label-icon-size);
        width: var(--p-metergroup-label-icon-size);
        height: var(--p-metergroup-label-icon-size);
    }

    .p-metergroup-horizontal {
        flex-direction: column;
    }

    .p-metergroup-label-list-horizontal {
        gap: var(--p-metergroup-label-list-horizontal-gap);
    }

    .p-metergroup-horizontal .p-metergroup-meters {
        height: var(--p-metergroup-meters-size);
    }

    .p-metergroup-horizontal .p-metergroup-meter:first-of-type {
        border-start-start-radius: var(--p-metergroup-border-radius);
        border-end-start-radius: var(--p-metergroup-border-radius);
    }

    .p-metergroup-horizontal .p-metergroup-meter:last-of-type {
        border-start-end-radius: var(--p-metergroup-border-radius);
        border-end-end-radius: var(--p-metergroup-border-radius);
    }

    .p-metergroup-vertical {
        flex-direction: row;
    }

    .p-metergroup-label-list-vertical {
        flex-direction: column;
        gap: var(--p-metergroup-label-list-vertical-gap);
    }

    .p-metergroup-vertical .p-metergroup-meters {
        flex-direction: column;
        width: var(--p-metergroup-meters-size);
        height: 100%;
    }

    .p-metergroup-vertical .p-metergroup-label-list {
        align-items: flex-start;
    }

    .p-metergroup-vertical .p-metergroup-meter:first-of-type {
        border-start-start-radius: var(--p-metergroup-border-radius);
        border-start-end-radius: var(--p-metergroup-border-radius);
    }

    .p-metergroup-vertical .p-metergroup-meter:last-of-type {
        border-end-start-radius: var(--p-metergroup-border-radius);
        border-end-end-radius: var(--p-metergroup-border-radius);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-overlaybadge-outline-width: 2px;
        --p-overlaybadge-outline-color: var(--p-content-background);
    }
}

/* ========================================= */

@layer primevue {
    .p-overlaybadge {
        position: relative;
    }

    .p-overlaybadge .p-badge {
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        transform: translate(50%, -50%);
        transform-origin: 100% 0;
        margin: 0;
        outline-width: var(--p-overlaybadge-outline-width);
        outline-style: solid;
        outline-color: var(--p-overlaybadge-outline-color);
    }

    .p-overlaybadge .p-badge:dir(rtl) {
        transform: translate(-50%, -50%);
    }
}

/* ========================================= */

@layer primevue {
    .p-scrolltop.p-button {
        position: fixed !important;
        inset-block-end: 20px;
        inset-inline-end: 20px;
    }

    .p-scrolltop-sticky.p-button {
        position: sticky !important;
        display: flex;
        margin-inline-start: auto;
    }

    .p-scrolltop-enter-from {
        opacity: 0;
    }

    .p-scrolltop-enter-active {
        transition: opacity 300ms;
    }

    .p-scrolltop-leave-to {
        opacity: 0;
    }

    .p-scrolltop-leave-active {
        transition: opacity 300ms;
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-skeleton-border-radius: var(--p-content-border-radius);
        --p-skeleton-background: var(--p-surface-200);
        --p-skeleton-animation-background: rgba(255, 255, 255, 0.4);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-skeleton {
        display: block;
        overflow: hidden;
        background: var(--p-skeleton-background);
        border-radius: var(--p-skeleton-border-radius);
    }

    .p-skeleton::after {
        content: '';
        animation: p-skeleton-animation 1.2s infinite;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(-100%);
        z-index: 1;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--p-skeleton-animation-background), rgba(255, 255, 255, 0));
    }

    [dir='rtl'] .p-skeleton::after {
        animation-name: p-skeleton-animation-rtl;
    }

    .p-skeleton-circle {
        border-radius: 50%;
    }

    .p-skeleton-animation-none::after {
        animation: none;
    }

    @keyframes p-skeleton-animation {
        from {
            transform: translateX(-100%);
        }

        to {
            transform: translateX(100%);
        }
    }

    @keyframes p-skeleton-animation-rtl {
        from {
            transform: translateX(100%);
        }

        to {
            transform: translateX(-100%);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-progressbar-label-color: var(--p-primary-contrast-color);
        --p-progressbar-label-font-size: 0.75rem;
        --p-progressbar-label-font-weight: 600;
        --p-progressbar-value-background: var(--p-primary-color);
        --p-progressbar-background: var(--p-content-border-color);
        --p-progressbar-border-radius: var(--p-content-border-radius);
        --p-progressbar-height: 1.25rem;
    }
}

/* ========================================= */

@layer primevue {
    .p-progressbar {
        display: block;
        position: relative;
        overflow: hidden;
        height: var(--p-progressbar-height);
        background: var(--p-progressbar-background);
        border-radius: var(--p-progressbar-border-radius);
    }

    .p-progressbar-value {
        margin: 0;
        background: var(--p-progressbar-value-background);
    }

    .p-progressbar-label {
        color: var(--p-progressbar-label-color);
        font-size: var(--p-progressbar-label-font-size);
        font-weight: var(--p-progressbar-label-font-weight);
    }

    .p-progressbar-determinate .p-progressbar-value {
        height: 100%;
        width: 0%;
        position: absolute;
        display: none;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: width 1s ease-in-out;
    }

    .p-progressbar-determinate .p-progressbar-label {
        display: inline-flex;
    }

    .p-progressbar-indeterminate .p-progressbar-value::before {
        content: '';
        position: absolute;
        background: inherit;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-block-end: 0;
        will-change: inset-inline-start, inset-inline-end;
        animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    }

    .p-progressbar-indeterminate .p-progressbar-value::after {
        content: '';
        position: absolute;
        background: inherit;
        inset-block-start: 0;
        inset-inline-start: 0;
        inset-block-end: 0;
        will-change: inset-inline-start, inset-inline-end;
        animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
        animation-delay: 1.15s;
    }

    @keyframes p-progressbar-indeterminate-anim {
        0% {
            inset-inline-start: -35%;
            inset-inline-end: 100%;
        }

        60% {
            inset-inline-start: 100%;
            inset-inline-end: -90%;
        }

        100% {
            inset-inline-start: 100%;
            inset-inline-end: -90%;
        }
    }

    @-webkit-keyframes p-progressbar-indeterminate-anim {
        0% {
            inset-inline-start: -35%;
            inset-inline-end: 100%;
        }

        60% {
            inset-inline-start: 100%;
            inset-inline-end: -90%;
        }

        100% {
            inset-inline-start: 100%;
            inset-inline-end: -90%;
        }
    }

    @keyframes p-progressbar-indeterminate-anim-short {
        0% {
            inset-inline-start: -200%;
            inset-inline-end: 100%;
        }

        60% {
            inset-inline-start: 107%;
            inset-inline-end: -8%;
        }

        100% {
            inset-inline-start: 107%;
            inset-inline-end: -8%;
        }
    }

    @-webkit-keyframes p-progressbar-indeterminate-anim-short {
        0% {
            inset-inline-start: -200%;
            inset-inline-end: 100%;
        }

        60% {
            inset-inline-start: 107%;
            inset-inline-end: -8%;
        }

        100% {
            inset-inline-start: 107%;
            inset-inline-end: -8%;
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-progressspinner-color-one: var(--p-red-500);
        --p-progressspinner-color-two: var(--p-blue-500);
        --p-progressspinner-color-three: var(--p-green-500);
        --p-progressspinner-color-four: var(--p-yellow-500);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-progressspinner {
        position: relative;
        margin: 0 auto;
        width: 100px;
        height: 100px;
        display: inline-block;
    }

    .p-progressspinner::before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .p-progressspinner-spin {
        height: 100%;
        transform-origin: center center;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        animation: p-progressspinner-rotate 2s linear infinite;
    }

    .p-progressspinner-circle {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: 0;
        stroke: var(--p-progressspinner-color-one);
        animation: p-progressspinner-dash 1.5s ease-in-out infinite, p-progressspinner-color 6s ease-in-out infinite;
        stroke-linecap: round;
    }

    @keyframes p-progressspinner-rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes p-progressspinner-dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
        }

        50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35px;
        }

        100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124px;
        }
    }

    @keyframes p-progressspinner-color {

        100%,
        0% {
            stroke: var(--p-progressspinner-color-one);
        }

        40% {
            stroke: var(--p-progressspinner-color-two);
        }

        66% {
            stroke: var(--p-progressspinner-color-three);
        }

        80%,
        90% {
            stroke: var(--p-progressspinner-color-four);
        }
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-tag-icon-size: 0.75rem;
        --p-tag-font-size: 0.875rem;
        --p-tag-font-weight: 700;
        --p-tag-padding: 0.25rem 0.5rem;
        --p-tag-gap: 0.25rem;
        --p-tag-border-radius: var(--p-content-border-radius);
        --p-tag-rounded-border-radius: var(--p-border-radius-xl);
        --p-tag-contrast-background: var(--p-surface-950);
        --p-tag-contrast-color: var(--p-surface-0);
        --p-tag-danger-background: var(--p-red-100);
        --p-tag-danger-color: var(--p-red-700);
        --p-tag-warn-background: var(--p-orange-100);
        --p-tag-warn-color: var(--p-orange-700);
        --p-tag-info-background: var(--p-sky-100);
        --p-tag-info-color: var(--p-sky-700);
        --p-tag-success-background: var(--p-green-100);
        --p-tag-success-color: var(--p-green-700);
        --p-tag-secondary-background: var(--p-surface-100);
        --p-tag-secondary-color: var(--p-surface-600);
        --p-tag-primary-background: var(--p-primary-100);
        --p-tag-primary-color: var(--p-primary-700);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-tag {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--p-tag-primary-background);
        color: var(--p-tag-primary-color);
        font-size: var(--p-tag-font-size);
        font-weight: var(--p-tag-font-weight);
        padding: var(--p-tag-padding);
        border-radius: var(--p-tag-border-radius);
        gap: var(--p-tag-gap);
    }

    .p-tag-icon {
        font-size: var(--p-tag-icon-size);
        width: var(--p-tag-icon-size);
        height: var(--p-tag-icon-size);
    }

    .p-tag-rounded {
        border-radius: var(--p-tag-rounded-border-radius);
    }

    .p-tag-success {
        background: var(--p-tag-success-background);
        color: var(--p-tag-success-color);
    }

    .p-tag-info {
        background: var(--p-tag-info-background);
        color: var(--p-tag-info-color);
    }

    .p-tag-warn {
        background: var(--p-tag-warn-background);
        color: var(--p-tag-warn-color);
    }

    .p-tag-danger {
        background: var(--p-tag-danger-background);
        color: var(--p-tag-danger-color);
    }

    .p-tag-secondary {
        background: var(--p-tag-secondary-background);
        color: var(--p-tag-secondary-color);
    }

    .p-tag-contrast {
        background: var(--p-tag-contrast-background);
        color: var(--p-tag-contrast-color);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-terminal-command-response-margin: 2px 0;
        --p-terminal-prompt-gap: 0.25rem;
        --p-terminal-background: var(--p-form-field-background);
        --p-terminal-border-color: var(--p-form-field-border-color);
        --p-terminal-color: var(--p-form-field-color);
        --p-terminal-height: 18rem;
        --p-terminal-padding: var(--p-form-field-padding-y) var(--p-form-field-padding-x);
        --p-terminal-border-radius: var(--p-form-field-border-radius);
    }
}

/* ========================================= */

@layer primevue {
    .p-terminal {
        display: block;
        height: var(--p-terminal-height);
        overflow: auto;
        background: var(--p-terminal-background);
        color: var(--p-terminal-color);
        border: 1px solid var(--p-terminal-border-color);
        padding: var(--p-terminal-padding);
        border-radius: var(--p-terminal-border-radius);
    }

    .p-terminal-prompt {
        display: flex;
        align-items: center;
    }

    .p-terminal-prompt-value {
        flex: 1 1 auto;
        border: 0 none;
        background: transparent;
        color: inherit;
        padding: 0;
        outline: 0 none;
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 1rem;
    }

    .p-terminal-prompt-label {
        margin-inline-end: var(--p-terminal-prompt-gap);
    }

    .p-terminal-input::-ms-clear {
        display: none;
    }

    .p-terminal-command-response {
        margin: var(--p-terminal-command-response-margin);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-tooltip-max-width: 12.5rem;
        --p-tooltip-gutter: 0.25rem;
        --p-tooltip-shadow: var(--p-overlay-popover-shadow);
        --p-tooltip-padding: 0.5rem 0.75rem;
        --p-tooltip-border-radius: var(--p-overlay-popover-border-radius);
        --p-tooltip-background: var(--p-surface-700);
        --p-tooltip-color: var(--p-surface-0);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-tooltip {
        position: absolute;
        display: none;
        max-width: var(--p-tooltip-max-width);
    }

    .p-tooltip-right,
    .p-tooltip-left {
        padding: 0 var(--p-tooltip-gutter);
    }

    .p-tooltip-top,
    .p-tooltip-bottom {
        padding: var(--p-tooltip-gutter) 0;
    }

    .p-tooltip-text {
        white-space: pre-line;
        word-break: break-word;
        background: var(--p-tooltip-background);
        color: var(--p-tooltip-color);
        padding: var(--p-tooltip-padding);
        box-shadow: var(--p-tooltip-shadow);
        border-radius: var(--p-tooltip-border-radius);
    }

    .p-tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .p-tooltip-right .p-tooltip-arrow {
        margin-top: calc(-1 * var(--p-tooltip-gutter));
        border-width: var(--p-tooltip-gutter) var(--p-tooltip-gutter) var(--p-tooltip-gutter) 0;
        border-right-color: var(--p-tooltip-background);
    }

    .p-tooltip-left .p-tooltip-arrow {
        margin-top: calc(-1 * var(--p-tooltip-gutter));
        border-width: var(--p-tooltip-gutter) 0 var(--p-tooltip-gutter) var(--p-tooltip-gutter);
        border-left-color: var(--p-tooltip-background);
    }

    .p-tooltip-top .p-tooltip-arrow {
        margin-left: calc(-1 * var(--p-tooltip-gutter));
        border-width: var(--p-tooltip-gutter) var(--p-tooltip-gutter) 0 var(--p-tooltip-gutter);
        border-top-color: var(--p-tooltip-background);
        border-bottom-color: var(--p-tooltip-background);
    }

    .p-tooltip-bottom .p-tooltip-arrow {
        margin-left: calc(-1 * var(--p-tooltip-gutter));
        border-width: 0 var(--p-tooltip-gutter) var(--p-tooltip-gutter) var(--p-tooltip-gutter);
        border-top-color: var(--p-tooltip-background);
        border-bottom-color: var(--p-tooltip-background);
    }
}

/* ========================================= */

@layer primevue {

    :root,
    :host {
        --p-ripple-background: rgba(0, 0, 0, 0.1);
    }
}

@layer primevue {}

/* ========================================= */

@layer primevue {
    .p-ink {
        display: block;
        position: absolute;
        background: var(--p-ripple-background);
        border-radius: 100%;
        transform: scale(0);
        pointer-events: none;
    }

    .p-ink-active {
        animation: ripple 0.4s linear;
    }

    @keyframes ripple {
        100% {
            opacity: 0;
            transform: scale(2.5);
        }
    }
}

/* ========================================= */

@layer tailwind-base, primevue, tailwind-utilities;
@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer tailwind-base {

    *,
    :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: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style:
    }

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

    *,
    :after,
    :before {
        border: 0 solid #e5e7eb;
        box-sizing: border-box
    }

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

    :host,
    html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family: Source Sans 3, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
    }

    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-feature-settings: normal;
        font-size: 1em;
        font-variation-settings: normal
    }

    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-feature-settings: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0
    }

    button,
    select {
        text-transform: none
    }

    button,
    input:where([type=button]),
    input:where([type=reset]),
    input:where([type=submit]) {
        -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
    }

    dialog {
        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]:where(:not([hidden=until-found])) {
        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],
    input:where(:not([type])),
    select,
    textarea {
        -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;
        --tw-shadow: 0 0 #0000
    }

    [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,
    input:where(:not([type])):focus,
    select:focus,
    textarea:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty, );
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: #2563eb;
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        border-color: #2563eb;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

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

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

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

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-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],
    [size]:where(select:not([size="1"])) {
        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] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        background-origin: border-box;
        border-color: #6b7280;
        border-width: 1px;
        color: #2563eb;
        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;
        --tw-shadow: 0 0 #0000
    }

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

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

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

    [type=checkbox]:checked,
    [type=radio]:checked {
        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 0'/%3E%3C/svg%3E)
    }

    @media(forced-colors:active) {
        [type=checkbox]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }

    [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)
    }

    @media(forced-colors:active) {
        [type=radio]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }

    [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
    }

    @media(forced-colors:active) {
        [type=checkbox]:indeterminate {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto
        }
    }

    [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
    }
}

@layer tailwind-utilities {
    .container {
        width: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-inline-start-color: var(--tw-prose-quote-borders);
        border-inline-start-width: .25rem;
        color: var(--tw-prose-quotes);
        font-style: italic;
        font-weight: 500;
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start: 1em;
        quotes: "“" "”" "‘" "’"
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
    }

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

    .prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-bottom: .8888889em;
        margin-top: .8888889em
    }

    .prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start: 1.1111111em
    }

    .prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 2.1428571em;
        line-height: 1.2;
        margin-bottom: .8em;
        margin-top: 0
    }

    .prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.4285714em;
        line-height: 1.4;
        margin-bottom: .8em;
        margin-top: 1.6em
    }

    .prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-bottom: .4444444em;
        margin-top: 1.5555556em
    }

    .prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        line-height: 1.4285714;
        margin-bottom: .5714286em;
        margin-top: 1.4285714em
    }

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

    .prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em
    }

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

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

    .prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .8571429em;
        padding-inline-end: .3571429em;
        padding-bottom: .1428571em;
        padding-top: .1428571em;
        padding-inline-start: .3571429em
    }

    .prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em
    }

    .prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .9em
    }

    .prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em
    }

    .prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .25rem;
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-bottom: 1.6666667em;
        margin-top: 1.6666667em;
        padding-inline-end: 1em;
        padding-bottom: .6666667em;
        padding-top: .6666667em;
        padding-inline-start: 1em
    }

    .prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em;
        padding-inline-start: 1.5714286em
    }

    .prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em;
        padding-inline-start: 1.5714286em
    }

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

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

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

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

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

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

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

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

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

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

    .prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.1428571em
    }

    .prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .2857143em;
        padding-inline-start: 1.5714286em
    }

    .prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2.8571429em;
        margin-top: 2.8571429em
    }

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

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

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

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

    .prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em;
        line-height: 1.5
    }

    .prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 1em;
        padding-bottom: .6666667em;
        padding-inline-start: 1em
    }

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

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

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

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

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

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

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

    .prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
    }

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

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

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

    .pointer-events-none {
        pointer-events: none
    }

    .pointer-events-auto {
        pointer-events: auto
    }

    .\!visible {
        visibility: visible !important
    }

    .visible {
        visibility: visible
    }

    .invisible {
        visibility: hidden
    }

    .\!collapse {
        visibility: collapse !important
    }

    .collapse {
        visibility: collapse
    }

    .static {
        position: static
    }

    .fixed {
        position: fixed
    }

    .absolute {
        position: absolute
    }

    .relative {
        position: relative
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: 0
    }

    .inset-x-0 {
        left: 0;
        right: 0
    }

    .-right-4 {
        right: -1rem
    }

    .-top-3 {
        top: -.75rem
    }

    .bottom-0 {
        bottom: 0
    }

    .bottom-1 {
        bottom: .25rem
    }

    .bottom-4 {
        bottom: 1rem
    }

    .bottom-full {
        bottom: 100%
    }

    .left-0 {
        left: 0
    }

    .left-1\/2 {
        left: 50%
    }

    .left-32 {
        left: 8rem
    }

    .right-0 {
        right: 0
    }

    .right-4 {
        right: 1rem
    }

    .right-\[-12px\] {
        right: -12px
    }

    .top-0 {
        top: 0
    }

    .top-1 {
        top: .25rem
    }

    .top-1\/2 {
        top: 50%
    }

    .top-24 {
        top: 6rem
    }

    .top-4 {
        top: 1rem
    }

    .top-6 {
        top: 1.5rem
    }

    .top-full {
        top: 100%
    }

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

    .z-0 {
        z-index: 0
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-40 {
        z-index: 40
    }

    .z-50 {
        z-index: 50
    }

    .z-\[100\] {
        z-index: 100
    }

    .z-\[60\] {
        z-index: 60
    }

    .z-\[70\] {
        z-index: 70
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

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

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

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

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

    .col-start-1 {
        grid-column-start: 1
    }

    .row-start-1 {
        grid-row-start: 1
    }

    .-m-1\.5 {
        margin: -.375rem
    }

    .-m-2\.5 {
        margin: -.625rem
    }

    .m-0 {
        margin: 0
    }

    .\!my-1 {
        margin-bottom: .25rem !important;
        margin-top: .25rem !important
    }

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

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

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

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

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

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

    .my-auto {
        margin-bottom: auto;
        margin-top: auto
    }

    .-mb-px {
        margin-bottom: -1px
    }

    .mb-1 {
        margin-bottom: .25rem
    }

    .mb-2 {
        margin-bottom: .5rem
    }

    .mb-3 {
        margin-bottom: .75rem
    }

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

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

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

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

    .ml-1 {
        margin-left: .25rem
    }

    .ml-2 {
        margin-left: .5rem
    }

    .ml-3 {
        margin-left: .75rem
    }

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

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

    .mr-1 {
        margin-right: .25rem
    }

    .mr-2 {
        margin-right: .5rem
    }

    .mr-3 {
        margin-right: .75rem
    }

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

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

    .ms-2 {
        margin-inline-start: .5rem
    }

    .ms-auto {
        margin-inline-start: auto
    }

    .mt-0 {
        margin-top: 0
    }

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

    .mt-1 {
        margin-top: .25rem
    }

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

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

    .mt-2 {
        margin-top: .5rem
    }

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

    .mt-3 {
        margin-top: .75rem
    }

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

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

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

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

    .mt-auto {
        margin-top: auto
    }

    .line-clamp-2 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .block {
        display: block
    }

    .inline-block {
        display: inline-block
    }

    .\!flex {
        display: flex !important
    }

    .flex {
        display: flex
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .grid {
        display: grid
    }

    .\!contents {
        display: contents !important
    }

    .contents {
        display: contents
    }

    .hidden {
        display: none
    }

    .aspect-\[16\/6\] {
        aspect-ratio: 16/6
    }

    .aspect-\[16\/9\] {
        aspect-ratio: 16/9
    }

    .aspect-\[2\/1\] {
        aspect-ratio: 2/1
    }

    .aspect-\[4\/2\] {
        aspect-ratio: 4/2
    }

    .aspect-\[4\/3\] {
        aspect-ratio: 4/3
    }

    .aspect-\[4\/5\] {
        aspect-ratio: 4/5
    }

    .aspect-\[5\/1\] {
        aspect-ratio: 5/1
    }

    .aspect-\[5\/2\] {
        aspect-ratio: 5/2
    }

    .aspect-\[5\/3\] {
        aspect-ratio: 5/3
    }

    .size-10 {
        height: 2.5rem;
        width: 2.5rem
    }

    .size-11 {
        height: 2.75rem;
        width: 2.75rem
    }

    .size-12 {
        height: 3rem;
        width: 3rem
    }

    .size-3 {
        height: .75rem;
        width: .75rem
    }

    .size-3\.5 {
        height: .875rem;
        width: .875rem
    }

    .size-4 {
        height: 1rem;
        width: 1rem
    }

    .size-5 {
        height: 1.25rem;
        width: 1.25rem
    }

    .size-8 {
        height: 2rem;
        width: 2rem
    }

    .size-9 {
        height: 2.25rem;
        width: 2.25rem
    }

    .size-full {
        height: 100%;
        width: 100%
    }

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

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

    .h-0 {
        height: 0
    }

    .h-0\.5 {
        height: .125rem
    }

    .h-1 {
        height: .25rem
    }

    .h-1\.5 {
        height: .375rem
    }

    .h-10 {
        height: 2.5rem
    }

    .h-11 {
        height: 2.75rem
    }

    .h-12 {
        height: 3rem
    }

    .h-14 {
        height: 3.5rem
    }

    .h-16 {
        height: 4rem
    }

    .h-20 {
        height: 5rem
    }

    .h-24 {
        height: 6rem
    }

    .h-28 {
        height: 7rem
    }

    .h-3 {
        height: .75rem
    }

    .h-3\.5 {
        height: .875rem
    }

    .h-32 {
        height: 8rem
    }

    .h-36 {
        height: 9rem
    }

    .h-4 {
        height: 1rem
    }

    .h-40 {
        height: 10rem
    }

    .h-48 {
        height: 12rem
    }

    .h-5 {
        height: 1.25rem
    }

    .h-52 {
        height: 13rem
    }

    .h-56 {
        height: 14rem
    }

    .h-6 {
        height: 1.5rem
    }

    .h-7 {
        height: 1.75rem
    }

    .h-8 {
        height: 2rem
    }

    .h-80 {
        height: 20rem
    }

    .h-9 {
        height: 2.25rem
    }

    .h-\[46\.5px\] {
        height: 46.5px
    }

    .h-\[80vh\] {
        height: 80vh
    }

    .h-\[calc\(100\%-3rem\)\] {
        height: calc(100% - 3rem)
    }

    .h-auto {
        height: auto
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .h-screen {
        height: 100vh
    }

    .max-h-0 {
        max-height: 0
    }

    .max-h-40 {
        max-height: 10rem
    }

    .max-h-80 {
        max-height: 20rem
    }

    .max-h-96 {
        max-height: 24rem
    }

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

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

    .max-h-\[90vh\] {
        max-height: 90vh
    }

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

    .min-h-12 {
        min-height: 3rem
    }

    .min-h-64 {
        min-height: 16rem
    }

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

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

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

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

    .min-h-\[60vh\] {
        min-height: 60vh
    }

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

    .min-h-full {
        min-height: 100%
    }

    .min-h-screen {
        min-height: 100vh
    }

    .\!w-\[18rem\] {
        width: 18rem !important
    }

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

    .w-0 {
        width: 0
    }

    .w-1\.5 {
        width: .375rem
    }

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

    .w-10 {
        width: 2.5rem
    }

    .w-12 {
        width: 3rem
    }

    .w-16 {
        width: 4rem
    }

    .w-20 {
        width: 5rem
    }

    .w-24 {
        width: 6rem
    }

    .w-3 {
        width: .75rem
    }

    .w-3\.5 {
        width: .875rem
    }

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

    .w-36 {
        width: 9rem
    }

    .w-4 {
        width: 1rem
    }

    .w-5 {
        width: 1.25rem
    }

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

    .w-52 {
        width: 13rem
    }

    .w-6 {
        width: 1.5rem
    }

    .w-64 {
        width: 16rem
    }

    .w-8 {
        width: 2rem
    }

    .w-96 {
        width: 24rem
    }

    .w-auto {
        width: auto
    }

    .w-full {
        width: 100%
    }

    .w-px {
        width: 1px
    }

    .min-w-48 {
        min-width: 12rem
    }

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

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

    .min-w-\[18rem\] {
        min-width: 18rem
    }

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

    .max-w-3xl {
        max-width: 48rem
    }

    .max-w-4xl {
        max-width: 56rem
    }

    .max-w-52 {
        max-width: 13rem
    }

    .max-w-7xl {
        max-width: 80rem
    }

    .max-w-\[18rem\] {
        max-width: 18rem
    }

    .max-w-\[600px\] {
        max-width: 600px
    }

    .max-w-\[86rem\] {
        max-width: 86rem
    }

    .max-w-\[95vw\] {
        max-width: 95vw
    }

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

    .max-w-md {
        max-width: 28rem
    }

    .max-w-none {
        max-width: none
    }

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

    .flex-auto {
        flex: 1 1 auto
    }

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

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

    .-translate-x-1\/2 {
        --tw-translate-x: -50%
    }

    .-translate-x-1\/2,
    .-translate-y-1 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .-translate-y-1 {
        --tw-translate-y: -.25rem
    }

    .-translate-y-1\/2 {
        --tw-translate-y: -50%
    }

    .-translate-y-1\/2,
    .translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .translate-y-0 {
        --tw-translate-y: 0px
    }

    .translate-y-full {
        --tw-translate-y: 100%
    }

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

    .-rotate-90 {
        --tw-rotate: -90deg
    }

    .rotate-0 {
        --tw-rotate: 0deg
    }

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

    .rotate-90 {
        --tw-rotate: 90deg
    }

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

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

    .animate-pulse {
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
    }

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

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

    .cursor-none {
        cursor: none
    }

    .cursor-not-allowed {
        cursor: not-allowed
    }

    .cursor-pointer {
        cursor: pointer
    }

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

    .resize-y {
        resize: vertical
    }

    .list-inside {
        list-style-position: inside
    }

    .list-disc {
        list-style-type: disc
    }

    .list-none {
        list-style-type: none
    }

    .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .columns-4 {
        -moz-columns: 4;
        column-count: 4
    }

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

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

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

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

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

    .flex-row {
        flex-direction: row
    }

    .flex-col {
        flex-direction: column
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

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

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

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

    .items-center {
        align-items: center
    }

    .items-stretch {
        align-items: stretch
    }

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

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

    .justify-center {
        justify-content: center
    }

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

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

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

    .justify-stretch {
        justify-content: stretch
    }

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

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

    .gap-1 {
        gap: .25rem
    }

    .gap-10 {
        gap: 2.5rem
    }

    .gap-12 {
        gap: 3rem
    }

    .gap-2 {
        gap: .5rem
    }

    .gap-20 {
        gap: 5rem
    }

    .gap-3 {
        gap: .75rem
    }

    .gap-4 {
        gap: 1rem
    }

    .gap-5 {
        gap: 1.25rem
    }

    .gap-6 {
        gap: 1.5rem
    }

    .gap-8 {
        gap: 2rem
    }

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

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

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

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

    .gap-y-1\.5 {
        row-gap: .375rem
    }

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

    .space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.25rem*var(--tw-space-x-reverse))
    }

    .space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
    }

    .space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.75rem*var(--tw-space-x-reverse))
    }

    .space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.25rem*var(--tw-space-x-reverse))
    }

    .space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
    }

    .space-y-0>: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)))
    }

    .space-y-1>: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)))
    }

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

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

    .space-y-2>: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)))
    }

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

    .space-y-4>: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)))
    }

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

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

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

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

    .divide-zinc-200>:not([hidden])~:not([hidden]) {
        --tw-divide-opacity: 1;
        border-color: rgb(228 228 231/var(--tw-divide-opacity, 1))
    }

    .self-center {
        align-self: center
    }

    .self-stretch {
        align-self: stretch
    }

    .justify-self-center {
        justify-self: center
    }

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-scroll {
        overflow: scroll
    }

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

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

    .overflow-x-hidden {
        overflow-x: hidden
    }

    .scroll-smooth {
        scroll-behavior: smooth
    }

    .truncate {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .truncate,
    .whitespace-nowrap {
        white-space: nowrap
    }

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

    .\!rounded-full {
        border-radius: 9999px !important
    }

    .rounded {
        border-radius: .25rem
    }

    .rounded-2xl {
        border-radius: 1rem
    }

    .rounded-full {
        border-radius: 9999px
    }

    .rounded-lg {
        border-radius: .5rem
    }

    .rounded-md {
        border-radius: .375rem
    }

    .rounded-sm {
        border-radius: .125rem
    }

    .rounded-xl {
        border-radius: .75rem
    }

    .rounded-b {
        border-bottom-left-radius: .25rem;
        border-bottom-right-radius: .25rem
    }

    .rounded-b-md {
        border-bottom-left-radius: .375rem;
        border-bottom-right-radius: .375rem
    }

    .rounded-t {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .border {
        border-width: 1px
    }

    .border-2 {
        border-width: 2px
    }

    .border-y-\[12px\] {
        border-bottom-width: 12px;
        border-top-width: 12px
    }

    .border-b {
        border-bottom-width: 1px
    }

    .border-b-2 {
        border-bottom-width: 2px
    }

    .border-b-4 {
        border-bottom-width: 4px
    }

    .border-l {
        border-left-width: 1px
    }

    .border-l-2 {
        border-left-width: 2px
    }

    .border-l-4 {
        border-left-width: 4px
    }

    .border-l-\[12px\] {
        border-left-width: 12px
    }

    .border-r {
        border-right-width: 1px
    }

    .border-t {
        border-top-width: 1px
    }

    .border-t-0 {
        border-top-width: 0
    }

    .border-dashed {
        border-style: dashed
    }

    .border-none {
        border-style: none
    }

    .border-\[\#ED7F1E\] {
        --tw-border-opacity: 1;
        border-color: rgb(237 127 30/var(--tw-border-opacity, 1))
    }

    .border-aeros-accordion-bg {
        --tw-border-opacity: 1;
        border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
    }

    .border-blue-200 {
        border-color: rgb(191 219 254/var(--tw-border-opacity, 1))
    }

    .border-blue-200,
    .border-gray-100 {
        --tw-border-opacity: 1
    }

    .border-gray-100 {
        border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
    }

    .border-gray-200 {
        border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
    }

    .border-gray-200,
    .border-gray-300 {
        --tw-border-opacity: 1
    }

    .border-gray-300 {
        border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
    }

    .border-gray-50 {
        border-color: rgb(249 250 251/var(--tw-border-opacity, 1))
    }

    .border-gray-50,
    .border-gray-900 {
        --tw-border-opacity: 1
    }

    .border-gray-900 {
        border-color: rgb(17 24 39/var(--tw-border-opacity, 1))
    }

    .border-gray-900\/25 {
        border-color: #11182740
    }

    .border-red-500 {
        border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
    }

    .border-red-500,
    .border-red-600 {
        --tw-border-opacity: 1
    }

    .border-red-600 {
        border-color: rgb(220 38 38/var(--tw-border-opacity, 1))
    }

    .border-seyitler-bg3 {
        --tw-border-opacity: 1;
        border-color: rgb(56 83 160/var(--tw-border-opacity, 1))
    }

    .border-seyitler-bg4 {
        --tw-border-opacity: 1;
        border-color: rgb(240 240 240/var(--tw-border-opacity, 1))
    }

    .border-seyitler-primary {
        --tw-border-opacity: 1;
        border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
    }

    .border-slate-100 {
        border-color: rgb(241 245 249/var(--tw-border-opacity, 1))
    }

    .border-slate-100,
    .border-slate-200 {
        --tw-border-opacity: 1
    }

    .border-slate-200 {
        border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
    }

    .border-transparent {
        border-color: transparent
    }

    .border-zinc-100 {
        border-color: rgb(244 244 245/var(--tw-border-opacity, 1))
    }

    .border-zinc-100,
    .border-zinc-200 {
        --tw-border-opacity: 1
    }

    .border-zinc-200 {
        border-color: rgb(228 228 231/var(--tw-border-opacity, 1))
    }

    .border-zinc-300 {
        border-color: rgb(212 212 216/var(--tw-border-opacity, 1))
    }

    .border-zinc-300,
    .border-zinc-500 {
        --tw-border-opacity: 1
    }

    .border-zinc-500 {
        border-color: rgb(113 113 122/var(--tw-border-opacity, 1))
    }

    .border-zinc-950\/5 {
        border-color: #09090b0d
    }

    .border-y-transparent {
        border-bottom-color: transparent;
        border-top-color: transparent
    }

    .border-l-primary\/20 {
        border-left-color: color-mix(in srgb, var(--p-primary-color) 20%, transparent)
    }

    .border-l-seyitler-bg3 {
        --tw-border-opacity: 1;
        border-left-color: rgb(56 83 160/var(--tw-border-opacity, 1))
    }

    .border-l-seyitler-primary {
        --tw-border-opacity: 1;
        border-left-color: rgb(15 148 64/var(--tw-border-opacity, 1))
    }

    .border-l-transparent {
        border-left-color: transparent
    }

    .bg-\[\#0AA64D\] {
        background-color: rgb(10 166 77/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#0AA64D\],
    .bg-\[\#F7F8F9\] {
        --tw-bg-opacity: 1
    }

    .bg-\[\#F7F8F9\] {
        background-color: rgb(247 248 249/var(--tw-bg-opacity, 1))
    }

    .bg-\[\#F8F8F8\] {
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
    }

    .bg-aeros-accordion-bg {
        --tw-bg-opacity: 1;
        background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
    }

    .bg-aeros-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
    }

    .bg-aeros-secondary {
        --tw-bg-opacity: 1;
        background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
    }

    .bg-black\/20 {
        background-color: #0003
    }

    .bg-black\/60 {
        background-color: #0009
    }

    .bg-black\/80 {
        background-color: #000c
    }

    .bg-blue-200 {
        background-color: rgb(191 219 254/var(--tw-bg-opacity, 1))
    }

    .bg-blue-200,
    .bg-blue-50 {
        --tw-bg-opacity: 1
    }

    .bg-blue-50 {
        background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
    }

    .bg-blue-950 {
        background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
    }

    .bg-blue-950,
    .bg-gray-100 {
        --tw-bg-opacity: 1
    }

    .bg-gray-100 {
        background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
    }

    .bg-gray-200 {
        --tw-bg-opacity: 1;
        background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
    }

    .bg-gray-200\/70 {
        background-color: #e5e7ebb3
    }

    .bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
    }

    .bg-gray-400\/40 {
        background-color: #9ca3af66
    }

    .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
    }

    .bg-gray-50\/60 {
        background-color: #f9fafb99
    }

    .bg-gray-600 {
        background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
    }

    .bg-gray-600,
    .bg-gray-900 {
        --tw-bg-opacity: 1
    }

    .bg-gray-900 {
        background-color: rgb(17 24 39/var(--tw-bg-opacity, 1))
    }

    .bg-gray-950\/40 {
        background-color: #03071266
    }

    .bg-green-500 {
        background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
    }

    .bg-green-500,
    .bg-indigo-600 {
        --tw-bg-opacity: 1
    }

    .bg-indigo-600 {
        background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
    }

    .bg-primary {
        background-color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-bg-opacity, 1)), transparent)
    }

    .bg-primary,
    .bg-red-50 {
        --tw-bg-opacity: 1
    }

    .bg-red-50 {
        background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg1 {
        background-color: rgb(84 129 145/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg1,
    .bg-seyitler-bg2 {
        --tw-bg-opacity: 1
    }

    .bg-seyitler-bg2 {
        background-color: rgb(128 158 190/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg3 {
        background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg3,
    .bg-seyitler-bg4 {
        --tw-bg-opacity: 1
    }

    .bg-seyitler-bg4 {
        background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-bg4\/50 {
        background-color: #f0f0f080
    }

    .bg-seyitler-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
    }

    .bg-seyitler-primary\/10 {
        background-color: #0f94401a
    }

    .bg-seyitler-primary\/20 {
        background-color: #0f944033
    }

    .bg-seyitler-primary\/5 {
        background-color: #0f94400d
    }

    .bg-slate-100 {
        background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
    }

    .bg-slate-100,
    .bg-slate-200 {
        --tw-bg-opacity: 1
    }

    .bg-slate-200 {
        background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
    }

    .bg-slate-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
    }

    .bg-transparent {
        background-color: transparent
    }

    .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .bg-white\/10 {
        background-color: #ffffff1a
    }

    .bg-white\/70 {
        background-color: #ffffffb3
    }

    .bg-white\/80 {
        background-color: #fffc
    }

    .bg-yellow-50 {
        background-color: rgb(254 252 232/var(--tw-bg-opacity, 1))
    }

    .bg-yellow-50,
    .bg-zinc-100 {
        --tw-bg-opacity: 1
    }

    .bg-zinc-100 {
        background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
    }

    .bg-zinc-200 {
        background-color: rgb(228 228 231/var(--tw-bg-opacity, 1))
    }

    .bg-zinc-200,
    .bg-zinc-50 {
        --tw-bg-opacity: 1
    }

    .bg-zinc-50 {
        background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
    }

    .bg-\[url\(\/images\/uretimde_guc_kalitede_istikrar\.webp\)\] {
        background-image: url(../images/uretimde_guc_kalitede_istikrar.webp)
    }

    .bg-gradient-to-l {
        background-image: linear-gradient(to left, var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        background-image: linear-gradient(to right, var(--tw-gradient-stops))
    }

    .bg-gradient-to-tr {
        background-image: linear-gradient(to top right, var(--tw-gradient-stops))
    }

    .from-seyitler-primary\/20 {
        --tw-gradient-from: rgba(15, 148, 64, .2) var(--tw-gradient-from-position);
        --tw-gradient-to: rgba(15, 148, 64, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
    }

    .from-white {
        --tw-gradient-from: #fff var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
    }

    .via-transparent {
        --tw-gradient-to: transparent var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
    }

    .to-transparent {
        --tw-gradient-to: transparent var(--tw-gradient-to-position)
    }

    .bg-cover {
        background-size: cover
    }

    .bg-center {
        background-position: 50%
    }

    .fill-\[\#24292F\] {
        fill: #24292f
    }

    .fill-seyitler-txt\/70 {
        fill: #666666b3
    }

    .fill-white {
        fill: #fff
    }

    .stroke-white {
        stroke: #fff
    }

    .object-contain {
        -o-object-fit: contain;
        object-fit: contain
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .p-0 {
        padding: 0
    }

    .p-1 {
        padding: .25rem
    }

    .p-10 {
        padding: 2.5rem
    }

    .p-2 {
        padding: .5rem
    }

    .p-2\.5 {
        padding: .625rem
    }

    .p-3 {
        padding: .75rem
    }

    .p-4 {
        padding: 1rem
    }

    .p-5 {
        padding: 1.25rem
    }

    .p-6 {
        padding: 1.5rem
    }

    .p-8 {
        padding: 2rem
    }

    .\!px-36 {
        padding-left: 9rem !important;
        padding-right: 9rem !important
    }

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

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

    .\!py-3 {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .px-1 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
    }

    .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .py-0\.5 {
        padding-bottom: .125rem;
        padding-top: .125rem
    }

    .py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
    }

    .py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
    }

    .py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
    }

    .py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
    }

    .py-2\.5 {
        padding-bottom: .625rem;
        padding-top: .625rem
    }

    .py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
    }

    .py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem
    }

    .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
    }

    .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
    }

    .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .pb-10 {
        padding-bottom: 2.5rem
    }

    .pb-16 {
        padding-bottom: 4rem
    }

    .pb-2 {
        padding-bottom: .5rem
    }

    .pb-2\.5 {
        padding-bottom: .625rem
    }

    .pb-20 {
        padding-bottom: 5rem
    }

    .pb-3 {
        padding-bottom: .75rem
    }

    .pb-4 {
        padding-bottom: 1rem
    }

    .pb-5 {
        padding-bottom: 1.25rem
    }

    .pb-8 {
        padding-bottom: 2rem
    }

    .pl-0 {
        padding-left: 0
    }

    .pl-10 {
        padding-left: 2.5rem
    }

    .pl-2 {
        padding-left: .5rem
    }

    .pl-20 {
        padding-left: 5rem
    }

    .pl-4 {
        padding-left: 1rem
    }

    .pl-5 {
        padding-left: 1.25rem
    }

    .pl-6 {
        padding-left: 1.5rem
    }

    .pl-8 {
        padding-left: 2rem
    }

    .pr-4 {
        padding-right: 1rem
    }

    .pr-5 {
        padding-right: 1.25rem
    }

    .pr-6 {
        padding-right: 1.5rem
    }

    .ps-2 {
        padding-inline-start: .5rem
    }

    .pt-0 {
        padding-top: 0
    }

    .pt-10 {
        padding-top: 2.5rem
    }

    .pt-12 {
        padding-top: 3rem
    }

    .pt-2 {
        padding-top: .5rem
    }

    .pt-3 {
        padding-top: .75rem
    }

    .pt-4 {
        padding-top: 1rem
    }

    .pt-5 {
        padding-top: 1.25rem
    }

    .pt-6 {
        padding-top: 1.5rem
    }

    .pt-8 {
        padding-top: 2rem
    }

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .text-right {
        text-align: right
    }

    .align-top {
        vertical-align: top
    }

    .font-\[Montserrat\] {
        font-family: Montserrat
    }

    .font-mono {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
    }

    .\!text-lg {
        font-size: 1.125rem !important;
        line-height: 1.75rem !important
    }

    .text-2xl {
        line-height: 2rem
    }

    .text-2xl,
    .text-2xl\/9 {
        font-size: 1.5rem
    }

    .text-2xl\/9,
    .text-3xl {
        line-height: 2.25rem
    }

    .text-3xl {
        font-size: 1.875rem
    }

    .text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .text-\[1\.5rem\] {
        font-size: 1.5rem
    }

    .text-\[1\.75rem\] {
        font-size: 1.75rem
    }

    .text-\[10px\] {
        font-size: 10px
    }

    .text-\[15px\] {
        font-size: 15px
    }

    .text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .text-\[2rem\] {
        font-size: 2rem
    }

    .text-\[3rem\] {
        font-size: 3rem
    }

    .text-\[4rem\] {
        font-size: 4rem
    }

    .text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .text-sm {
        line-height: 1.25rem
    }

    .text-sm,
    .text-sm\/6 {
        font-size: .875rem
    }

    .text-sm\/6 {
        line-height: 1.5rem
    }

    .text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .text-xs {
        line-height: 1rem
    }

    .text-xs,
    .text-xs\/5 {
        font-size: .75rem
    }

    .text-xs\/5 {
        line-height: 1.25rem
    }

    .font-bold {
        font-weight: 700
    }

    .font-extralight {
        font-weight: 200
    }

    .font-light {
        font-weight: 300
    }

    .font-medium {
        font-weight: 500
    }

    .font-normal {
        font-weight: 400
    }

    .font-semibold {
        font-weight: 600
    }

    .uppercase {
        text-transform: uppercase
    }

    .capitalize {
        text-transform: capitalize
    }

    .italic {
        font-style: italic
    }

    .leading-7 {
        line-height: 1.75rem
    }

    .leading-9 {
        line-height: 2.25rem
    }

    .leading-\[1rem\] {
        line-height: 1rem
    }

    .leading-\[2\.5rem\] {
        line-height: 2.5rem
    }

    .leading-\[2rem\] {
        line-height: 2rem
    }

    .leading-\[3rem\] {
        line-height: 3rem
    }

    .leading-\[5rem\] {
        line-height: 5rem
    }

    .leading-none {
        line-height: 1
    }

    .leading-relaxed {
        line-height: 1.625
    }

    .leading-snug {
        line-height: 1.375
    }

    .leading-tight {
        line-height: 1.25
    }

    .tracking-\[0\.1em\] {
        letter-spacing: .1em
    }

    .tracking-\[0\.2em\] {
        letter-spacing: .2em
    }

    .tracking-\[0\.3em\] {
        letter-spacing: .3em
    }

    .tracking-\[0\.4em\] {
        letter-spacing: .4em
    }

    .tracking-tight {
        letter-spacing: -.025em
    }

    .tracking-wide {
        letter-spacing: .025em
    }

    .tracking-wider {
        letter-spacing: .05em
    }

    .tracking-widest {
        letter-spacing: .1em
    }

    .\!text-red-600 {
        color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
    }

    .\!text-red-600,
    .\!text-red-700 {
        --tw-text-opacity: 1 !important
    }

    .\!text-red-700 {
        color: rgb(185 28 28/var(--tw-text-opacity, 1)) !important
    }

    .\!text-slate-600 {
        --tw-text-opacity: 1 !important;
        color: rgb(71 85 105/var(--tw-text-opacity, 1)) !important
    }

    .text-\[\#0AA64D\] {
        --tw-text-opacity: 1;
        color: rgb(10 166 77/var(--tw-text-opacity, 1))
    }

    .text-\[\#5E5E5E\] {
        --tw-text-opacity: 1;
        color: rgb(94 94 94/var(--tw-text-opacity, 1))
    }

    .text-\[\#6E6E6E\] {
        --tw-text-opacity: 1;
        color: rgb(110 110 110/var(--tw-text-opacity, 1))
    }

    .text-\[\#8C8C8C\] {
        --tw-text-opacity: 1;
        color: rgb(140 140 140/var(--tw-text-opacity, 1))
    }

    .text-\[\#D9D9D9\] {
        color: rgb(217 217 217/var(--tw-text-opacity, 1))
    }

    .text-\[\#D9D9D9\],
    .text-\[\#aaa\] {
        --tw-text-opacity: 1
    }

    .text-\[\#aaa\] {
        color: rgb(170 170 170/var(--tw-text-opacity, 1))
    }

    .text-aeros-secondary {
        --tw-text-opacity: 1;
        color: rgb(91 91 91/var(--tw-text-opacity, 1))
    }

    .text-blue-600 {
        color: rgb(37 99 235/var(--tw-text-opacity, 1))
    }

    .text-blue-600,
    .text-blue-700 {
        --tw-text-opacity: 1
    }

    .text-blue-700 {
        color: rgb(29 78 216/var(--tw-text-opacity, 1))
    }

    .text-blue-800 {
        color: rgb(30 64 175/var(--tw-text-opacity, 1))
    }

    .text-blue-800,
    .text-blue-950 {
        --tw-text-opacity: 1
    }

    .text-blue-950 {
        color: rgb(23 37 84/var(--tw-text-opacity, 1))
    }

    .text-gray-300 {
        color: rgb(209 213 219/var(--tw-text-opacity, 1))
    }

    .text-gray-300,
    .text-gray-400 {
        --tw-text-opacity: 1
    }

    .text-gray-400 {
        color: rgb(156 163 175/var(--tw-text-opacity, 1))
    }

    .text-gray-500 {
        color: rgb(107 114 128/var(--tw-text-opacity, 1))
    }

    .text-gray-500,
    .text-gray-600 {
        --tw-text-opacity: 1
    }

    .text-gray-600 {
        color: rgb(75 85 99/var(--tw-text-opacity, 1))
    }

    .text-gray-700 {
        color: rgb(55 65 81/var(--tw-text-opacity, 1))
    }

    .text-gray-700,
    .text-gray-800 {
        --tw-text-opacity: 1
    }

    .text-gray-800 {
        color: rgb(31 41 55/var(--tw-text-opacity, 1))
    }

    .text-gray-900 {
        color: rgb(17 24 39/var(--tw-text-opacity, 1))
    }

    .text-gray-900,
    .text-green-600 {
        --tw-text-opacity: 1
    }

    .text-green-600 {
        color: rgb(22 163 74/var(--tw-text-opacity, 1))
    }

    .text-indigo-600 {
        color: rgb(79 70 229/var(--tw-text-opacity, 1))
    }

    .text-indigo-600,
    .text-primary {
        --tw-text-opacity: 1
    }

    .text-primary {
        color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-text-opacity, 1)), transparent)
    }

    .text-red-300 {
        color: rgb(252 165 165/var(--tw-text-opacity, 1))
    }

    .text-red-300,
    .text-red-400 {
        --tw-text-opacity: 1
    }

    .text-red-400 {
        color: rgb(248 113 113/var(--tw-text-opacity, 1))
    }

    .text-red-500 {
        color: rgb(239 68 68/var(--tw-text-opacity, 1))
    }

    .text-red-500,
    .text-red-600 {
        --tw-text-opacity: 1
    }

    .text-red-600 {
        color: rgb(220 38 38/var(--tw-text-opacity, 1))
    }

    .text-red-700 {
        --tw-text-opacity: 1;
        color: rgb(185 28 28/var(--tw-text-opacity, 1))
    }

    .text-seyitler-primary {
        --tw-text-opacity: 1;
        color: rgb(15 148 64/var(--tw-text-opacity, 1))
    }

    .text-seyitler-primary\/70 {
        color: #0f9440b3
    }

    .text-seyitler-txt {
        --tw-text-opacity: 1;
        color: rgb(102 102 102/var(--tw-text-opacity, 1))
    }

    .text-seyitler-txt\/50 {
        color: #66666680
    }

    .text-seyitler-txt\/80 {
        color: #666c
    }

    .text-slate-400 {
        color: rgb(148 163 184/var(--tw-text-opacity, 1))
    }

    .text-slate-400,
    .text-slate-500 {
        --tw-text-opacity: 1
    }

    .text-slate-500 {
        color: rgb(100 116 139/var(--tw-text-opacity, 1))
    }

    .text-slate-600 {
        color: rgb(71 85 105/var(--tw-text-opacity, 1))
    }

    .text-slate-600,
    .text-slate-700 {
        --tw-text-opacity: 1
    }

    .text-slate-700 {
        color: rgb(51 65 85/var(--tw-text-opacity, 1))
    }

    .text-slate-900 {
        color: rgb(15 23 42/var(--tw-text-opacity, 1))
    }

    .text-slate-900,
    .text-white {
        --tw-text-opacity: 1
    }

    .text-white {
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
    }

    .text-zinc-600 {
        color: rgb(82 82 91/var(--tw-text-opacity, 1))
    }

    .text-zinc-600,
    .text-zinc-700 {
        --tw-text-opacity: 1
    }

    .text-zinc-700 {
        color: rgb(63 63 70/var(--tw-text-opacity, 1))
    }

    .text-zinc-950 {
        --tw-text-opacity: 1;
        color: rgb(9 9 11/var(--tw-text-opacity, 1))
    }

    .underline {
        text-decoration-line: underline
    }

    .line-through {
        text-decoration-line: line-through
    }

    .decoration-1 {
        text-decoration-thickness: 1px
    }

    .underline-offset-4 {
        text-underline-offset: 4px
    }

    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .placeholder-gray-400::-moz-placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
    }

    .placeholder-gray-400::placeholder {
        --tw-placeholder-opacity: 1;
        color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-90 {
        opacity: .9
    }

    .shadow {
        --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)
    }

    .shadow,
    .shadow-2xl {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
        --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
    }

    .shadow-lg,
    .shadow-md {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-md {
        --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)
    }

    .shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
    }

    .shadow-none,
    .shadow-sm {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .shadow-gray-200\/40 {
        --tw-shadow-color: rgba(229, 231, 235, .4);
        --tw-shadow: var(--tw-shadow-colored)
    }

    .outline {
        outline-style: solid
    }

    .outline-dashed {
        outline-style: dashed
    }

    .outline-1 {
        outline-width: 1px
    }

    .-outline-offset-1 {
        outline-offset: -1px
    }

    .outline-offset-2 {
        outline-offset: 2px
    }

    .\!outline-red-500 {
        outline-color: #ef4444 !important
    }

    .outline-blue-600 {
        outline-color: #2563eb
    }

    .outline-blue-800 {
        outline-color: #1e40af
    }

    .outline-gray-300 {
        outline-color: #d1d5db
    }

    .outline-slate-200 {
        outline-color: #e2e8f0
    }

    .outline-zinc-200 {
        outline-color: #e4e4e7
    }

    .ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
    }

    .ring-1,
    .ring-2 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .ring-2 {
        --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)
    }

    .ring-inset {
        --tw-ring-inset: inset
    }

    .ring-gray-300 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
    }

    .ring-white {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity, 1))
    }

    .blur {
        --tw-blur: blur(8px)
    }

    .blur,
    .drop-shadow {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .drop-shadow {
        --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
    }

    .grayscale {
        --tw-grayscale: grayscale(100%)
    }

    .filter,
    .grayscale {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .backdrop-blur-md {
        --tw-backdrop-blur: blur(12px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
    }

    .transition {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-all {
        transition-duration: .15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

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

    .transition-opacity {
        transition-duration: .15s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-shadow {
        transition-duration: .15s;
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .transition-transform {
        transition-duration: .15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .delay-75 {
        transition-delay: 75ms
    }

    .duration-1000 {
        transition-duration: 1s
    }

    .duration-150 {
        transition-duration: .15s
    }

    .duration-200 {
        transition-duration: .2s
    }

    .duration-300 {
        transition-duration: .3s
    }

    .duration-500 {
        transition-duration: .5s
    }

    .ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
    }

    .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    .text-muted-color {
        color: var(--p-text-muted-color)
    }
}

:root {
    --font-family: "Source Sans 3", sans-serif;
    --default-color: #171717;
    --default-font-size: 14px;
    --default-font-weight: 400;
    --line-height-base: 1.25rem
}

html {
    color: var(--default-color);
    font-family: var(--font-family), serif;
    font-feature-settings: "rlig" 1, "calt" 0;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight);
    line-height: var(--line-height-base)
}

@supports (font-variation-settings:normal) {
    :root {
        font-family: var(--font-family), serif
    }
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}

@font-face {
    font-display: block;
    font-family: primeicons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/primeicons.DMOk5skT.eot);
    src: url(../fonts/primeicons.DMOk5skTd41d.eot?#iefix) format("embedded-opentype"), url(../fonts/primeicons.C6QP2o4f.woff2) format("woff2"), url(../fonts/primeicons.WjwUDZjB.woff) format("woff"), url(../fonts/primeicons.MpK4pl85.ttf) format("truetype"), url(../fonts/primeicons.Dr5RGzOOd41d.svg?#primeicons) format("svg")
}

.pi {
    font-family: primeicons;
    speak: none;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.pi:before {
    --webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pi-fw {
    text-align: center;
    width: 1.28571429em
}

.pi-spin {
    animation: fa-spin 2s linear infinite
}

@media(prefers-reduced-motion:reduce) {
    .pi-spin {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.pi-folder-plus:before {
    content: ""
}

.pi-receipt:before {
    content: ""
}

.pi-asterisk:before {
    content: ""
}

.pi-face-smile:before {
    content: ""
}

.pi-pinterest:before {
    content: ""
}

.pi-expand:before {
    content: ""
}

.pi-pen-to-square:before {
    content: ""
}

.pi-wave-pulse:before {
    content: ""
}

.pi-turkish-lira:before {
    content: ""
}

.pi-spinner-dotted:before {
    content: ""
}

.pi-crown:before {
    content: ""
}

.pi-pause-circle:before {
    content: ""
}

.pi-warehouse:before {
    content: ""
}

.pi-objects-column:before {
    content: ""
}

.pi-clipboard:before {
    content: ""
}

.pi-play-circle:before {
    content: ""
}

.pi-venus:before {
    content: ""
}

.pi-cart-minus:before {
    content: ""
}

.pi-file-plus:before {
    content: ""
}

.pi-microchip:before {
    content: ""
}

.pi-twitch:before {
    content: ""
}

.pi-building-columns:before {
    content: ""
}

.pi-file-check:before {
    content: ""
}

.pi-microchip-ai:before {
    content: ""
}

.pi-trophy:before {
    content: ""
}

.pi-barcode:before {
    content: ""
}

.pi-file-arrow-up:before {
    content: ""
}

.pi-mars:before {
    content: ""
}

.pi-tiktok:before {
    content: ""
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: ""
}

.pi-ethereum:before {
    content: ""
}

.pi-list-check:before {
    content: ""
}

.pi-thumbtack:before {
    content: ""
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: ""
}

.pi-equals:before {
    content: ""
}

.pi-lightbulb:before {
    content: ""
}

.pi-star-half:before {
    content: ""
}

.pi-address-book:before {
    content: ""
}

.pi-chart-scatter:before {
    content: ""
}

.pi-indian-rupee:before {
    content: ""
}

.pi-star-half-fill:before {
    content: ""
}

.pi-cart-arrow-down:before {
    content: ""
}

.pi-calendar-clock:before {
    content: ""
}

.pi-sort-up-fill:before {
    content: ""
}

.pi-sparkles:before {
    content: ""
}

.pi-bullseye:before {
    content: ""
}

.pi-sort-down-fill:before {
    content: ""
}

.pi-graduation-cap:before {
    content: ""
}

.pi-hammer:before {
    content: ""
}

.pi-bell-slash:before {
    content: ""
}

.pi-gauge:before {
    content: ""
}

.pi-shop:before {
    content: ""
}

.pi-headphones:before {
    content: ""
}

.pi-eraser:before {
    content: ""
}

.pi-stopwatch:before {
    content: ""
}

.pi-verified:before {
    content: ""
}

.pi-delete-left:before {
    content: ""
}

.pi-hourglass:before {
    content: ""
}

.pi-truck:before {
    content: ""
}

.pi-wrench:before {
    content: ""
}

.pi-microphone:before {
    content: ""
}

.pi-megaphone:before {
    content: ""
}

.pi-arrow-right-arrow-left:before {
    content: ""
}

.pi-bitcoin:before {
    content: ""
}

.pi-file-edit:before {
    content: ""
}

.pi-language:before {
    content: ""
}

.pi-file-export:before {
    content: ""
}

.pi-file-import:before {
    content: ""
}

.pi-file-word:before {
    content: ""
}

.pi-gift:before {
    content: ""
}

.pi-cart-plus:before {
    content: ""
}

.pi-thumbs-down-fill:before {
    content: ""
}

.pi-thumbs-up-fill:before {
    content: ""
}

.pi-arrows-alt:before {
    content: ""
}

.pi-calculator:before {
    content: ""
}

.pi-sort-alt-slash:before {
    content: ""
}

.pi-arrows-h:before {
    content: ""
}

.pi-arrows-v:before {
    content: ""
}

.pi-pound:before {
    content: ""
}

.pi-prime:before {
    content: ""
}

.pi-chart-pie:before {
    content: ""
}

.pi-reddit:before {
    content: ""
}

.pi-code:before {
    content: ""
}

.pi-sync:before {
    content: ""
}

.pi-shopping-bag:before {
    content: ""
}

.pi-server:before {
    content: ""
}

.pi-database:before {
    content: ""
}

.pi-hashtag:before {
    content: ""
}

.pi-bookmark-fill:before {
    content: ""
}

.pi-filter-fill:before {
    content: ""
}

.pi-heart-fill:before {
    content: ""
}

.pi-flag-fill:before {
    content: ""
}

.pi-circle:before {
    content: ""
}

.pi-circle-fill:before {
    content: ""
}

.pi-bolt:before {
    content: ""
}

.pi-history:before {
    content: ""
}

.pi-box:before {
    content: ""
}

.pi-at:before {
    content: ""
}

.pi-arrow-up-right:before {
    content: ""
}

.pi-arrow-up-left:before {
    content: ""
}

.pi-arrow-down-left:before {
    content: ""
}

.pi-arrow-down-right:before {
    content: ""
}

.pi-telegram:before {
    content: ""
}

.pi-stop-circle:before {
    content: ""
}

.pi-stop:before {
    content: ""
}

.pi-whatsapp:before {
    content: ""
}

.pi-building:before {
    content: ""
}

.pi-qrcode:before {
    content: ""
}

.pi-car:before {
    content: ""
}

.pi-instagram:before {
    content: ""
}

.pi-linkedin:before {
    content: ""
}

.pi-send:before {
    content: ""
}

.pi-slack:before {
    content: ""
}

.pi-sun:before {
    content: ""
}

.pi-moon:before {
    content: ""
}

.pi-vimeo:before {
    content: ""
}

.pi-youtube:before {
    content: ""
}

.pi-flag:before {
    content: ""
}

.pi-wallet:before {
    content: ""
}

.pi-map:before {
    content: ""
}

.pi-link:before {
    content: ""
}

.pi-credit-card:before {
    content: ""
}

.pi-discord:before {
    content: ""
}

.pi-percentage:before {
    content: ""
}

.pi-euro:before {
    content: ""
}

.pi-book:before {
    content: ""
}

.pi-shield:before {
    content: ""
}

.pi-paypal:before {
    content: ""
}

.pi-amazon:before {
    content: ""
}

.pi-phone:before {
    content: ""
}

.pi-filter-slash:before {
    content: ""
}

.pi-facebook:before {
    content: ""
}

.pi-github:before {
    content: ""
}

.pi-twitter:before {
    content: ""
}

.pi-step-backward-alt:before {
    content: ""
}

.pi-step-forward-alt:before {
    content: ""
}

.pi-forward:before {
    content: ""
}

.pi-backward:before {
    content: ""
}

.pi-fast-backward:before {
    content: ""
}

.pi-fast-forward:before {
    content: ""
}

.pi-pause:before {
    content: ""
}

.pi-play:before {
    content: ""
}

.pi-compass:before {
    content: ""
}

.pi-id-card:before {
    content: ""
}

.pi-ticket:before {
    content: ""
}

.pi-file-o:before {
    content: ""
}

.pi-reply:before {
    content: ""
}

.pi-directions-alt:before {
    content: ""
}

.pi-directions:before {
    content: ""
}

.pi-thumbs-up:before {
    content: ""
}

.pi-thumbs-down:before {
    content: ""
}

.pi-sort-numeric-down-alt:before {
    content: ""
}

.pi-sort-numeric-up-alt:before {
    content: ""
}

.pi-sort-alpha-down-alt:before {
    content: ""
}

.pi-sort-alpha-up-alt:before {
    content: ""
}

.pi-sort-numeric-down:before {
    content: ""
}

.pi-sort-numeric-up:before {
    content: ""
}

.pi-sort-alpha-down:before {
    content: ""
}

.pi-sort-alpha-up:before {
    content: ""
}

.pi-sort-alt:before {
    content: ""
}

.pi-sort-amount-up:before {
    content: ""
}

.pi-sort-amount-down:before {
    content: ""
}

.pi-sort-amount-down-alt:before {
    content: ""
}

.pi-sort-amount-up-alt:before {
    content: ""
}

.pi-palette:before {
    content: ""
}

.pi-undo:before {
    content: ""
}

.pi-desktop:before {
    content: ""
}

.pi-sliders-v:before {
    content: ""
}

.pi-sliders-h:before {
    content: ""
}

.pi-search-plus:before {
    content: ""
}

.pi-search-minus:before {
    content: ""
}

.pi-file-excel:before {
    content: ""
}

.pi-file-pdf:before {
    content: ""
}

.pi-check-square:before {
    content: ""
}

.pi-chart-line:before {
    content: ""
}

.pi-user-edit:before {
    content: ""
}

.pi-exclamation-circle:before {
    content: ""
}

.pi-android:before {
    content: ""
}

.pi-google:before {
    content: ""
}

.pi-apple:before {
    content: ""
}

.pi-microsoft:before {
    content: ""
}

.pi-heart:before {
    content: ""
}

.pi-mobile:before {
    content: ""
}

.pi-tablet:before {
    content: ""
}

.pi-key:before {
    content: ""
}

.pi-shopping-cart:before {
    content: ""
}

.pi-comments:before {
    content: ""
}

.pi-comment:before {
    content: ""
}

.pi-briefcase:before {
    content: ""
}

.pi-bell:before {
    content: ""
}

.pi-paperclip:before {
    content: ""
}

.pi-share-alt:before {
    content: ""
}

.pi-envelope:before {
    content: ""
}

.pi-volume-down:before {
    content: ""
}

.pi-volume-up:before {
    content: ""
}

.pi-volume-off:before {
    content: ""
}

.pi-eject:before {
    content: ""
}

.pi-money-bill:before {
    content: ""
}

.pi-images:before {
    content: ""
}

.pi-image:before {
    content: ""
}

.pi-sign-in:before {
    content: ""
}

.pi-sign-out:before {
    content: ""
}

.pi-wifi:before {
    content: ""
}

.pi-sitemap:before {
    content: ""
}

.pi-chart-bar:before {
    content: ""
}

.pi-camera:before {
    content: ""
}

.pi-dollar:before {
    content: ""
}

.pi-lock-open:before {
    content: ""
}

.pi-table:before {
    content: ""
}

.pi-map-marker:before {
    content: ""
}

.pi-list:before {
    content: ""
}

.pi-eye-slash:before {
    content: ""
}

.pi-eye:before {
    content: ""
}

.pi-folder-open:before {
    content: ""
}

.pi-folder:before {
    content: ""
}

.pi-video:before {
    content: ""
}

.pi-inbox:before {
    content: ""
}

.pi-lock:before {
    content: ""
}

.pi-unlock:before {
    content: ""
}

.pi-tags:before {
    content: ""
}

.pi-tag:before {
    content: ""
}

.pi-power-off:before {
    content: ""
}

.pi-save:before {
    content: ""
}

.pi-question-circle:before {
    content: ""
}

.pi-question:before {
    content: ""
}

.pi-copy:before {
    content: ""
}

.pi-file:before {
    content: ""
}

.pi-clone:before {
    content: ""
}

.pi-calendar-times:before {
    content: ""
}

.pi-calendar-minus:before {
    content: ""
}

.pi-calendar-plus:before {
    content: ""
}

.pi-ellipsis-v:before {
    content: ""
}

.pi-ellipsis-h:before {
    content: ""
}

.pi-bookmark:before {
    content: ""
}

.pi-globe:before {
    content: ""
}

.pi-replay:before {
    content: ""
}

.pi-filter:before {
    content: ""
}

.pi-print:before {
    content: ""
}

.pi-align-right:before {
    content: ""
}

.pi-align-left:before {
    content: ""
}

.pi-align-center:before {
    content: ""
}

.pi-align-justify:before {
    content: ""
}

.pi-cog:before {
    content: ""
}

.pi-cloud-download:before {
    content: ""
}

.pi-cloud-upload:before {
    content: ""
}

.pi-cloud:before {
    content: ""
}

.pi-pencil:before {
    content: ""
}

.pi-users:before {
    content: ""
}

.pi-clock:before {
    content: ""
}

.pi-user-minus:before {
    content: ""
}

.pi-user-plus:before {
    content: ""
}

.pi-trash:before {
    content: ""
}

.pi-external-link:before {
    content: ""
}

.pi-window-maximize:before {
    content: ""
}

.pi-window-minimize:before {
    content: ""
}

.pi-refresh:before {
    content: ""
}

.pi-user:before {
    content: ""
}

.pi-exclamation-triangle:before {
    content: ""
}

.pi-calendar:before {
    content: ""
}

.pi-chevron-circle-left:before {
    content: ""
}

.pi-chevron-circle-down:before {
    content: ""
}

.pi-chevron-circle-right:before {
    content: ""
}

.pi-chevron-circle-up:before {
    content: ""
}

.pi-angle-double-down:before {
    content: ""
}

.pi-angle-double-left:before {
    content: ""
}

.pi-angle-double-right:before {
    content: ""
}

.pi-angle-double-up:before {
    content: ""
}

.pi-angle-down:before {
    content: ""
}

.pi-angle-left:before {
    content: ""
}

.pi-angle-right:before {
    content: ""
}

.pi-angle-up:before {
    content: ""
}

.pi-upload:before {
    content: ""
}

.pi-download:before {
    content: ""
}

.pi-ban:before {
    content: ""
}

.pi-star-fill:before {
    content: ""
}

.pi-star:before {
    content: ""
}

.pi-chevron-left:before {
    content: ""
}

.pi-chevron-right:before {
    content: ""
}

.pi-chevron-down:before {
    content: ""
}

.pi-chevron-up:before {
    content: ""
}

.pi-caret-left:before {
    content: ""
}

.pi-caret-right:before {
    content: ""
}

.pi-caret-down:before {
    content: ""
}

.pi-caret-up:before {
    content: ""
}

.pi-search:before {
    content: ""
}

.pi-check:before {
    content: ""
}

.pi-check-circle:before {
    content: ""
}

.pi-times:before {
    content: ""
}

.pi-times-circle:before {
    content: ""
}

.pi-plus:before {
    content: ""
}

.pi-plus-circle:before {
    content: ""
}

.pi-minus:before {
    content: ""
}

.pi-minus-circle:before {
    content: ""
}

.pi-circle-on:before {
    content: ""
}

.pi-circle-off:before {
    content: ""
}

.pi-sort-down:before {
    content: ""
}

.pi-sort-up:before {
    content: ""
}

.pi-sort:before {
    content: ""
}

.pi-step-backward:before {
    content: ""
}

.pi-step-forward:before {
    content: ""
}

.pi-th-large:before {
    content: ""
}

.pi-arrow-down:before {
    content: ""
}

.pi-arrow-left:before {
    content: ""
}

.pi-arrow-right:before {
    content: ""
}

.pi-arrow-up:before {
    content: ""
}

.pi-bars:before {
    content: ""
}

.pi-arrow-circle-down:before {
    content: ""
}

.pi-arrow-circle-left:before {
    content: ""
}

.pi-arrow-circle-right:before {
    content: ""
}

.pi-arrow-circle-up:before {
    content: ""
}

.pi-info:before {
    content: ""
}

.pi-info-circle:before {
    content: ""
}

.pi-home:before {
    content: ""
}

.pi-spinner:before {
    content: ""
}

:root {
    --p-toggleswitch-focus-ring-color: #172554;
    --p-datepicker-dropdown-focus-ring-color: #172554;
    --p-datepicker-date-focus-ring-color: #172554;
    --p-inputtext-focus-ring-offset: 2px;
    --p-inputtext-focus-border-color: #172554
}

.p-toast-message {
    border-radius: 9999px !important;
    padding-left: 1rem
}

.p-toast-message,
.p-toast-message-content {
    align-items: center
}

.p-toast-close-button {
    margin: 0;
    right: 0
}

.p-datatable-column-sorted,
.p-paginator-page-selected {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.p-datatable-header {
    padding: .75rem 0
}

.p-drawer-content {
    padding-bottom: 0
}

.p-tab {
    color: rgb(156 163 175/var(--tw-text-opacity, 1));
    font-weight: 500
}

.p-tab-active {
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.p-tabpanels {
    padding-left: 0;
    padding-right: 0
}

.p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138/var(--tw-bg-opacity, 1))
}

.p-datepicker-input {
    font-size: .875rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.p-datepicker-input::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.p-datepicker-input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.p-datepicker-input:focus {
    outline-color: #172554;
    outline-style: solid;
    outline-width: 2px
}

.p-datepicker-input:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.editor-container {
    border-width: 1px;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    width: 100%
}

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

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

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

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

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

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

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

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

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

.editor-content :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.editor-content :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.editor-content :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.editor-content :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.editor-content :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.editor-content :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.editor-content :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.editor-content :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.editor-content :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal
}

.editor-content :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.editor-content :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400
}

.editor-content :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.editor-content :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.editor-content :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em
}

.editor-content :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "“" "”" "‘" "’"
}

.editor-content :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
}

.editor-content :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
}

.editor-content :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

.editor-content :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 900
}

.editor-content :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

.editor-content :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 800
}

.editor-content :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.editor-content :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.editor-content :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.editor-content :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.editor-content :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.editor-content :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em
}

.editor-content :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.editor-content :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start: .375em
}

.editor-content :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600
}

.editor-content :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
}

.editor-content :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
}

.editor-content :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.editor-content :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.editor-content :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.editor-content :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.editor-content :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.editor-content :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.editor-content :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.editor-content :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: .375rem;
    color: var(--tw-prose-pre-code);
    font-size: .875em;
    font-weight: 400;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-top: .8571429em;
    padding-inline-start: 1.1428571em
}

.editor-content :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.editor-content :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
}

.editor-content :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
}

.editor-content :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    width: 100%
}

.editor-content :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px
}

.editor-content :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em;
    vertical-align: bottom
}

.editor-content :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px
}

.editor-content :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0
}

.editor-content :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: baseline
}

.editor-content :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px
}

.editor-content :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top
}

.editor-content :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: start
}

.editor-content :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.editor-content :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.editor-content {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: rgba(17, 24, 39, .1);
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: hsla(0, 0%, 100%, .1);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.editor-content :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.editor-content :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.editor-content :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.editor-content :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.editor-content :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.editor-content :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.editor-content :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.editor-content :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.editor-content :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.editor-content :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.editor-content :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.editor-content :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.editor-content :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.editor-content :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.editor-content :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.editor-content :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.editor-content :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.editor-content :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.editor-content :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-top: .5714286em;
    padding-inline-start: .5714286em
}

.editor-content :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.editor-content :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.editor-content :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.editor-content :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.editor-content :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.editor-content {
    --tw-prose-links: #2563eb;
    --tw-prose-invert-links: #3b82f6;
    max-width: none
}

.editor-content strong {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.editor-content :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-style: none;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.editor-content :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    font-size: 5rem;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1));
    --tw-content: open-quote;
    content: var(--tw-content)
}

.editor-content :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    --tw-content: none;
    content: var(--tw-content)
}

.editor-content :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.editor-content a strong,
.editor-content p a,
.editor-content p>strong,
.editor-content ul li p strong {
    margin-left: .25rem;
    margin-right: .25rem
}

.editor-content blockquote p {
    line-height: 2rem
}

.editor-content p>a,
.editor-content p>a>strong {
    margin-left: 0
}

.tiptap {
    caret-color: #172554;
    margin: .375rem auto;
    max-width: 84rem;
    padding: 1.5rem 2rem;
    z-index: 0
}

@media(min-width:1024px) {
    .tiptap {
        padding-left: 5rem;
        padding-right: 1rem
    }
}

.tiptap:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tiptap p.is-editor-empty:first-child:before,
.tiptap p.is-empty:before {
    color: #adb5bd;
    content: attr(data-placeholder);
    float: left;
    height: 0;
    pointer-events: none
}

.btn-aeros {
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: .25rem;
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1));
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn-aeros:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media(min-width:640px) {
    .btn-aeros {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .75rem
    }
}

.btn-aeros:after,
.btn-aeros:before {
    display: block;
    height: 20px;
    position: absolute;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 20px;
    --tw-content: "";
    content: var(--tw-content)
}

@media(min-width:640px) {

    .btn-aeros:after,
    .btn-aeros:before {
        height: 40px;
        width: 40px
    }
}

.btn-aeros:hover:after,
.btn-aeros:hover:before {
    height: 100%;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.btn-aeros:before {
    border-left: 1px solid #ed7f1e;
    border-top: 1px solid #ed7f1e;
    left: -2px;
    top: -2px
}

.btn-aeros:after {
    border-right: 1px solid #ed7f1e;
    right: -2px
}

.btn-aeros:after,
.btn-aeros>span:before {
    border-bottom: 1px solid #ed7f1e;
    bottom: -2px
}

.btn-aeros>span:before {
    border-left: 1px solid #ed7f1e;
    left: -2px
}

.btn-aeros>span:after {
    border-bottom: 1px solid #ed7f1e;
    border-right: 1px solid #ed7f1e;
    bottom: -2px;
    right: -2px
}

.bg-aeros {
    --tw-bg-opacity: 1;
    background-color: rgb(74 156 87/var(--tw-bg-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.heading-aeros,
.title-aeros {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.heading-aeros:before {
    display: block;
    height: .5rem;
    position: absolute;
    top: -1rem;
    width: 20px;
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1));
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --tw-content: "";
    content: var(--tw-content)
}

@media(min-width:1024px) {
    .heading-aeros:before {
        width: 4rem
    }
}

.text-aeros-secondary {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.bg-aeros-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
}

.border-aeros-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(91 91 91/var(--tw-border-opacity, 1))
}

.title-aeros-secondary {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.title-aeros-secondary:before {
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-left-width: 2px;
    border-top-width: 2px;
    left: -1.25rem;
    top: -1.25rem
}

.title-aeros-secondary:after,
.title-aeros-secondary:before {
    height: 40px;
    position: absolute;
    width: 40px;
    --tw-border-opacity: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.title-aeros-secondary:after {
    border-bottom-width: 2px;
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-right-width: 2px;
    bottom: -1.25rem;
    right: -1.25rem
}

.title-aeros-secondary-white {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.title-aeros-secondary-white:before {
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-left-width: 2px;
    border-top-width: 2px;
    left: -1.25rem;
    top: -1.25rem
}

.title-aeros-secondary-white:after,
.title-aeros-secondary-white:before {
    height: 40px;
    position: absolute;
    width: 40px;
    --tw-border-opacity: 1;
    --tw-content: "";
    content: var(--tw-content)
}

.title-aeros-secondary-white:after {
    border-bottom-width: 2px;
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1));
    border-right-width: 2px;
    bottom: -1.25rem;
    right: -1.25rem
}

.p-tablist-tab-list {
    justify-content: center
}

.p-tab {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.p-tablist-active-bar {
    height: .1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
}

.p-tab-active {
    border-style: none;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.p-accordionpanel>: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)))
}

.p-accordionheader {
    border-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1));
    font-family: Montserrat
}

.p-accordionheader,
.p-accordionheader-toggle-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.prose strong {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-style: none;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    font-size: 5rem;
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1));
    --tw-content: open-quote;
    content: var(--tw-content)
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    --tw-content: none;
    content: var(--tw-content)
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.prose a strong,
.prose p a,
.prose p>strong,
.prose ul li p strong {
    margin-left: .25rem;
    margin-right: .25rem
}

.prose blockquote p {
    line-height: 2rem
}

.prose p>a,
.prose p>a>strong {
    margin-left: 0
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.placeholder\:\!text-red-600::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.placeholder\:\!text-red-600::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:z-0:before {
    content: var(--tw-content);
    z-index: 0
}

.before\:bg-blue-900\/50:before {
    background-color: #1e3a8a80;
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:h-0\.5:after {
    content: var(--tw-content);
    height: .125rem
}

.after\:h-1:after {
    content: var(--tw-content);
    height: .25rem
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:h-\[3px\]:after {
    content: var(--tw-content);
    height: 3px
}

.after\:w-12:after {
    content: var(--tw-content);
    width: 3rem
}

.after\:w-16:after {
    content: var(--tw-content);
    width: 4rem
}

.after\:w-20:after {
    content: var(--tw-content);
    width: 5rem
}

.after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:bg-seyitler-primary:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.last\:border-0:last-child {
    border-width: 0
}

.checked\:border-indigo-600:checked {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.checked\:bg-indigo-600:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.indeterminate\:border-indigo-600:indeterminate {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.indeterminate\:bg-indigo-600:indeterminate {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.focus-within\:translate-y-0:focus-within {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-blue-950:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border:hover {
    border-width: 1px
}

.hover\:border-solid:hover {
    border-style: solid
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary\/30:hover {
    border-color: #0f94404d
}

.hover\:bg-blue-950\/90:hover {
    background-color: #172554e6
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100\/80:hover {
    background-color: #f3f4f6cc
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary\/90:hover {
    background-color: color-mix(in srgb, var(--p-primary-color) 90%, transparent)
}

.hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-primary\/5:hover {
    background-color: #0f94400d
}

.hover\:bg-seyitler-primary\/90:hover {
    background-color: #0f9440e6
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/20:hover {
    background-color: #fff3
}

.hover\:bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: .9
}

.hover\:text-\[\#0AA64D\]:hover {
    --tw-text-opacity: 1;
    color: rgb(10 166 77/var(--tw-text-opacity, 1))
}

.hover\:text-aeros-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138/var(--tw-text-opacity, 1))
}

.hover\:text-blue-950:hover {
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity, 1))
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity, 1))
}

.hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgb(127 29 29/var(--tw-text-opacity, 1))
}

.hover\:text-seyitler-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow:hover {
    --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)
}

.hover\:shadow-2xl:hover,
.hover\:shadow:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --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)
}

.hover\:shadow-seyitler-primary\/20:hover {
    --tw-shadow-color: rgba(15, 148, 64, .2);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:ring: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(3px + 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)
}

.hover\:ring-blue-950:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.hover\:ring-offset-2:hover {
    --tw-ring-offset-width: 2px
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-2:focus {
    outline-width: 2px
}

.focus\:-outline-offset-2:focus {
    outline-offset: -2px
}

.focus\:outline-blue-950:focus {
    outline-color: #172554
}

.focus\:outline-indigo-600:focus {
    outline-color: #4f46e5
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-seyitler-primary\/60:focus {
    --tw-ring-color: rgba(15, 148, 64, .6)
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-blue-950:focus-visible {
    outline-color: #172554
}

.focus-visible\:outline-indigo-600:focus-visible {
    outline-color: #4f46e5
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-transparent:focus-visible {
    --tw-ring-color: transparent
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:border-gray-300:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.disabled\:border-slate-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.disabled\:bg-gray-100:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.disabled\:bg-slate-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.disabled\:text-slate-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:shadow-none:disabled {
    --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)
}

.disabled\:checked\:bg-gray-100:checked:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: .125rem
}

.group:hover .group-hover\:translate-x-0\.5,
.group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-seyitler-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-seyitler-primary {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-100,
.group\/slider:hover .group-hover\/slider\:opacity-100 {
    opacity: 1
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
    cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
    opacity: .7
}

.group:has(:disabled) .group-has-\[\:disabled\]\:stroke-gray-950\/25 {
    stroke: #03071240
}

.group:has(:checked) .group-has-\[\:checked\]\:opacity-100 {
    opacity: 1
}

.group:has(:indeterminate) .group-has-\[\:indeterminate\]\:opacity-100 {
    opacity: 1
}

.data-\[p-active\=false\]\:\!bg-aeros-accordion-bg[data-p-active=false] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1)) !important
}

.data-\[p-active\=true\]\:bg-aeros-primary[data-p-active=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
}

.data-\[p-active\=false\]\:text-aeros-secondary[data-p-active=false] {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:border-l-2 {
    border-left-width: 2px
}

.group[data-active=true] .group-data-\[active\=true\]\:border-zinc-400 {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170/var(--tw-border-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:\!text-\[\#ED7F1E\] {
    --tw-text-opacity: 1 !important;
    color: rgb(237 127 30/var(--tw-text-opacity, 1)) !important
}

@media(min-width:640px) {
    .sm\:visible {
        visibility: visible
    }

    .sm\:bottom-6 {
        bottom: 1.5rem
    }

    .sm\:right-6 {
        right: 1.5rem
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:mb-12 {
        margin-bottom: 3rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-48 {
        height: 12rem
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-7xl {
        max-width: 80rem
    }

    .sm\:max-w-\[480px\] {
        max-width: 480px
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:gap-24 {
        gap: 6rem
    }

    .sm\:gap-x-40 {
        -moz-column-gap: 10rem;
        column-gap: 10rem
    }

    .sm\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

    .sm\:space-y-10>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
        margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-y-4>: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)))
    }

    .sm\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
        margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-64 {
        padding-left: 16rem;
        padding-right: 16rem
    }

    .sm\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm\/6 {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .sm\:leading-9 {
        line-height: 2.25rem
    }
}

@media(min-width:768px) {
    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-12 {
        margin-left: 3rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:block {
        display: block
    }

    .md\:aspect-\[6\/1\] {
        aspect-ratio: 6/1
    }

    .md\:h-72 {
        height: 18rem
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media(min-width:1024px) {
    .lg\:sticky {
        position: sticky
    }

    .lg\:top-24 {
        top: 6rem
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[7\/1\] {
        aspect-ratio: 7/1
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-px {
        width: 1px
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .lg\:self-stretch {
        align-self: stretch
    }

    .lg\:bg-gray-900\/10 {
        background-color: #1118271a
    }

    .lg\:bg-white {
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .lg\:bg-white,
    .lg\:bg-zinc-100 {
        --tw-bg-opacity: 1
    }

    .lg\:bg-zinc-100 {
        background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .lg\:ring-zinc-950\/5 {
        --tw-ring-color: rgba(9, 9, 11, .05)
    }
}

@media(min-width:1280px) {
    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:w-11\/12 {
        width: 91.666667%
    }

    .xl\:max-w-7xl {
        max-width: 80rem
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.dark\:border-seyitler-bg1:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-border-opacity: 1;
    border-color: rgb(84 129 145/var(--tw-border-opacity, 1))
}

.dark\:bg-seyitler-bg3:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.dark\:bg-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dark\:text-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media(forced-colors:active) {
    .forced-colors\:appearance-auto {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-2\.5>[data-slot=section]+[data-slot=section] {
    margin-top: .625rem
}

.\[\&\]\:w-full {
    width: 100%
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
}

.\[\&_svg\]\:size-4 svg {
    height: 1rem;
    width: 1rem
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
}

/* ========================================= */

*,
::backdrop,
: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: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: Source Sans 3, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent
}

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-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

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-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

::-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
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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]:where(:not([hidden=until-found])) {
    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],
input:where(:not([type])),
select,
textarea {
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem;
    --tw-shadow: 0 0 #0000
}

[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,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-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],
[size]:where(select:not([size="1"])) {
    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] {
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: #6b7280;
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid #0000;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
}

[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 0'/%3E%3C/svg%3E)
}

@media(forced-colors:active) {
    [type=checkbox]:checked {
        appearance: auto
    }
}

[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)
}

@media(forced-colors:active) {
    [type=radio]:checked {
        appearance: auto
    }
}

[type=checkbox]:checked:focus,
[type=checkbox]:checked:hover,
[type=checkbox]:indeterminate,
[type=radio]:checked:focus,
[type=radio]:checked:hover {
    background-color: currentColor;
    border-color: #0000
}

[type=checkbox]:indeterminate {
    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%
}

@media(forced-colors:active) {
    [type=checkbox]:indeterminate {
        appearance: auto
    }
}

[type=checkbox]:indeterminate:focus,
[type=checkbox]:indeterminate:hover {
    background-color: currentColor;
    border-color: #0000
}

[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
}

.container {
    width: 100%
}

@media(min-width:640px) {
    .container {
        max-width: 640px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 768px
    }
}

@media(min-width:1024px) {
    .container {
        max-width: 1024px
    }
}

@media(min-width:1280px) {
    .container {
        max-width: 1280px
    }
}

@media(min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline
}

.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "“" "”" "‘" "’"
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 900
}

.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 800
}

.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: .375rem;
    color: var(--tw-prose-pre-code);
    font-size: .875em;
    font-weight: 400;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-top: .8571429em;
    padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: initial;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    width: 100%
}

.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px
}

.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em;
    vertical-align: bottom
}

.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: initial
}

.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px
}

.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: start
}

.prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: #1118271a;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-top: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-sm {
    font-size: .875rem;
    line-height: 1.7142857
}

.prose-sm :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start: 1.1111111em
}

.prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 2.1428571em;
    line-height: 1.2;
    margin-bottom: .8em;
    margin-top: 0
}

.prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.4285714em;
    line-height: 1.4;
    margin-bottom: .8em;
    margin-top: 1.6em
}

.prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .4444444em;
    margin-top: 1.5555556em
}

.prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    line-height: 1.4285714;
    margin-bottom: .5714286em;
    margin-top: 1.4285714em
}

.prose-sm :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .8571429em;
    padding-inline-end: .3571429em;
    padding-bottom: .1428571em;
    padding-top: .1428571em;
    padding-inline-start: .3571429em
}

.prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em
}

.prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .9em
}

.prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-radius: .25rem;
    font-size: .8571429em;
    line-height: 1.6666667;
    margin-bottom: 1.6666667em;
    margin-top: 1.6666667em;
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .2857143em;
    margin-top: .2857143em
}

.prose-sm :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .4285714em
}

.prose-sm :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: .4285714em
}

.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: .2857143em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 2.8571429em;
    margin-top: 2.8571429em
}

.prose-sm :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.5
}

.prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-sm :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-sm :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.3333333;
    margin-top: .6666667em
}

.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.\!collapse {
    visibility: collapse !important
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.-right-4 {
    right: -1rem
}

.-top-3 {
    top: -.75rem
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-full {
    bottom: 100%
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.left-32 {
    left: 8rem
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-\[-12px\] {
    right: -12px
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-24 {
    top: 6rem
}

.top-4 {
    top: 1rem
}

.top-6 {
    top: 1.5rem
}

.top-full {
    top: 100%
}

.-z-10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[60\] {
    z-index: 60
}

.z-\[70\] {
    z-index: 70
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-start-1 {
    grid-column-start: 1
}

.row-start-1 {
    grid-row-start: 1
}

.-m-1\.5 {
    margin: -.375rem
}

.-m-2\.5 {
    margin: -.625rem
}

.m-0 {
    margin: 0
}

.\!my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.my-2 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.my-auto {
    margin-bottom: auto;
    margin-top: auto
}

.-mb-px {
    margin-bottom: -1px
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.ms-2 {
    margin-inline-start: .5rem
}

.ms-auto {
    margin-inline-start: auto
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-auto {
    margin-top: auto
}

.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\!flex {
    display: flex !important
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.\!contents {
    display: contents !important
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.aspect-\[16\/6\] {
    aspect-ratio: 16/6
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[4\/2\] {
    aspect-ratio: 4/2
}

.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}

.aspect-\[4\/5\] {
    aspect-ratio: 4/5
}

.aspect-\[5\/1\] {
    aspect-ratio: 5/1
}

.aspect-\[5\/2\] {
    aspect-ratio: 5/2
}

.aspect-\[5\/3\] {
    aspect-ratio: 5/3
}

.size-10 {
    height: 2.5rem;
    width: 2.5rem
}

.size-11 {
    height: 2.75rem;
    width: 2.75rem
}

.size-12 {
    height: 3rem;
    width: 3rem
}

.size-3 {
    height: .75rem;
    width: .75rem
}

.size-3\.5 {
    height: .875rem;
    width: .875rem
}

.size-4 {
    height: 1rem;
    width: 1rem
}

.size-5 {
    height: 1.25rem;
    width: 1.25rem
}

.size-8 {
    height: 2rem;
    width: 2rem
}

.size-9 {
    height: 2.25rem;
    width: 2.25rem
}

.size-full {
    height: 100%;
    width: 100%
}

.\!h-1 {
    height: .25rem !important
}

.\!h-auto {
    height: auto !important
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-52 {
    height: 13rem
}

.h-56 {
    height: 14rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-\[46\.5px\] {
    height: 46.5px
}

.h-\[80vh\] {
    height: 80vh
}

.h-\[calc\(100\%-3rem\)\] {
    height: calc(100% - 3rem)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-40 {
    max-height: 10rem
}

.max-h-80 {
    max-height: 20rem
}

.max-h-96 {
    max-height: 24rem
}

.max-h-\[200px\] {
    max-height: 200px
}

.max-h-\[600px\] {
    max-height: 600px
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.max-h-full {
    max-height: 100%
}

.min-h-12 {
    min-height: 3rem
}

.min-h-64 {
    min-height: 16rem
}

.min-h-\[100px\] {
    min-height: 100px
}

.min-h-\[140px\] {
    min-height: 140px
}

.min-h-\[200px\] {
    min-height: 200px
}

.min-h-\[3\.5rem\] {
    min-height: 3.5rem
}

.min-h-\[60vh\] {
    min-height: 60vh
}

.min-h-\[80px\] {
    min-height: 80px
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.\!w-\[18rem\] {
    width: 18rem !important
}

.\!w-auto {
    width: auto !important
}

.w-0 {
    width: 0
}

.w-1\.5 {
    width: .375rem
}

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-5\/6 {
    width: 83.333333%
}

.w-52 {
    width: 13rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-8 {
    width: 2rem
}

.w-96 {
    width: 24rem
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

.min-w-48 {
    min-width: 12rem
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[140px\] {
    min-width: 140px
}

.min-w-\[18rem\] {
    min-width: 18rem
}

.min-w-\[200px\] {
    min-width: 200px
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-52 {
    max-width: 13rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[18rem\] {
    max-width: 18rem
}

.max-w-\[600px\] {
    max-width: 600px
}

.max-w-\[86rem\] {
    max-width: 86rem
}

.max-w-\[95vw\] {
    max-width: 95vw
}

.max-w-full {
    max-width: 100%
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.flex-grow,
.grow {
    flex-grow: 1
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-translate-y-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-1 {
    --tw-translate-y: -.25rem
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,
.translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.translate-y-full {
    --tw-translate-y: 100%
}

.-rotate-90,
.translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-0,
.rotate-90 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
    --tw-rotate: 90deg
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

.cursor-none {
    cursor: none
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    user-select: none
}

.resize-y {
    resize: vertical
}

.list-inside {
    list-style-position: inside
}

.list-disc {
    list-style-type: disc
}

.list-none {
    list-style-type: none
}

.appearance-none {
    appearance: none
}

.columns-4 {
    column-count: 4
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-items-start {
    place-items: start
}

.place-items-center {
    place-items: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.justify-stretch {
    justify-content: stretch
}

.justify-items-center {
    justify-items: center
}

.justify-items-stretch {
    justify-items: stretch
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-2 {
    column-gap: .5rem
}

.gap-x-3 {
    column-gap: .75rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-x-5 {
    column-gap: 1.25rem
}

.gap-y-1\.5 {
    row-gap: .375rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2rem*var(--tw-space-x-reverse))
}

.space-y-0>: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)))
}

.space-y-1>: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)))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
    margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(3rem*var(--tw-space-y-reverse));
    margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>: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)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-4>: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)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem*var(--tw-space-y-reverse));
    margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-zinc-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-divide-opacity, 1))
}

.self-center {
    align-self: center
}

.self-stretch {
    align-self: stretch
}

.justify-self-center {
    justify-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.\!rounded-full {
    border-radius: 9999px !important
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-b-md {
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-y-\[12px\] {
    border-bottom-width: 12px;
    border-top-width: 12px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-4 {
    border-bottom-width: 4px
}

.border-l {
    border-left-width: 1px
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-l-\[12px\] {
    border-left-width: 12px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-t-0 {
    border-top-width: 0
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-\[\#ED7F1E\] {
    --tw-border-opacity: 1;
    border-color: rgb(237 127 30/var(--tw-border-opacity, 1))
}

.border-aeros-accordion-bg {
    --tw-border-opacity: 1;
    border-color: rgb(217 217 217/var(--tw-border-opacity, 1))
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254/var(--tw-border-opacity, 1))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity, 1))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity, 1))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.border-gray-50 {
    --tw-border-opacity: 1;
    border-color: rgb(249 250 251/var(--tw-border-opacity, 1))
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39/var(--tw-border-opacity, 1))
}

.border-gray-900\/25 {
    border-color: #11182740
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68/var(--tw-border-opacity, 1))
}

.border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(220 38 38/var(--tw-border-opacity, 1))
}

.border-seyitler-bg3 {
    --tw-border-opacity: 1;
    border-color: rgb(56 83 160/var(--tw-border-opacity, 1))
}

.border-seyitler-bg4 {
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240/var(--tw-border-opacity, 1))
}

.border-seyitler-primary {
    --tw-border-opacity: 1;
    border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.border-slate-100 {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249/var(--tw-border-opacity, 1))
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.border-transparent {
    border-color: #0000
}

.border-zinc-100 {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 245/var(--tw-border-opacity, 1))
}

.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231/var(--tw-border-opacity, 1))
}

.border-zinc-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216/var(--tw-border-opacity, 1))
}

.border-zinc-500 {
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122/var(--tw-border-opacity, 1))
}

.border-zinc-950\/5 {
    border-color: #09090b0d
}

.border-y-transparent {
    border-bottom-color: #0000;
    border-top-color: #0000
}

.border-l-primary\/20 {
    border-left-color: color-mix(in srgb, var(--p-primary-color) 20%, #0000)
}

.border-l-seyitler-bg3 {
    --tw-border-opacity: 1;
    border-left-color: rgb(56 83 160/var(--tw-border-opacity, 1))
}

.border-l-seyitler-primary {
    --tw-border-opacity: 1;
    border-left-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.border-l-transparent {
    border-left-color: #0000
}

.bg-\[\#0AA64D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(10 166 77/var(--tw-bg-opacity, 1))
}

.bg-\[\#F7F8F9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 249/var(--tw-bg-opacity, 1))
}

.bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248/var(--tw-bg-opacity, 1))
}

.bg-aeros-accordion-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1))
}

.bg-aeros-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
}

.bg-aeros-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(91 91 91/var(--tw-bg-opacity, 1))
}

.bg-black\/20 {
    background-color: #0003
}

.bg-black\/60 {
    background-color: #0009
}

.bg-black\/80 {
    background-color: #000c
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 219 254/var(--tw-bg-opacity, 1))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255/var(--tw-bg-opacity, 1))
}

.bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84/var(--tw-bg-opacity, 1))
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.bg-gray-200\/70 {
    background-color: #e5e7ebb3
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity, 1))
}

.bg-gray-400\/40 {
    background-color: #9ca3af66
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.bg-gray-50\/60 {
    background-color: #f9fafb99
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity, 1))
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity, 1))
}

.bg-gray-950\/40 {
    background-color: #03071266
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-bg-opacity, 1)), #0000)
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg1 {
    --tw-bg-opacity: 1;
    background-color: rgb(84 129 145/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg2 {
    --tw-bg-opacity: 1;
    background-color: rgb(128 158 190/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg3 {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg4 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.bg-seyitler-bg4\/50 {
    background-color: #f0f0f080
}

.bg-seyitler-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.bg-seyitler-primary\/10 {
    background-color: #0f94401a
}

.bg-seyitler-primary\/20 {
    background-color: #0f944033
}

.bg-seyitler-primary\/5 {
    background-color: #0f94400d
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.bg-transparent {
    background-color: initial
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/70 {
    background-color: #ffffffb3
}

.bg-white\/80 {
    background-color: #fffc
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232/var(--tw-bg-opacity, 1))
}

.bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231/var(--tw-bg-opacity, 1))
}

.bg-zinc-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.bg-\[url\(\/images\/uretimde_guc_kalitede_istikrar\.webp\)\] {
    background-image: url(../images/uretimde_guc_kalitede_istikrar.webp)
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.from-seyitler-primary\/20 {
    --tw-gradient-from: #0f944033 var(--tw-gradient-from-position);
    --tw-gradient-to: #0f944000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-transparent {
    --tw-gradient-to: #0000 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0000 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-transparent {
    --tw-gradient-to: #0000 var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.fill-\[\#24292F\] {
    fill: #24292f
}

.fill-seyitler-txt\/70 {
    fill: #666666b3
}

.fill-white {
    fill: #fff
}

.stroke-white {
    stroke: #fff
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.\!px-36 {
    padding-left: 9rem !important;
    padding-right: 9rem !important
}

.\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.\!py-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
}

.\!py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.py-20 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-3\.5 {
    padding-bottom: .875rem;
    padding-top: .875rem
}

.py-32 {
    padding-bottom: 8rem;
    padding-top: 8rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-20 {
    padding-left: 5rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.ps-2 {
    padding-inline-start: .5rem
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-top {
    vertical-align: top
}

.font-\[Montserrat\] {
    font-family: Montserrat
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.\!text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-2xl\/9 {
    font-size: 1.5rem;
    line-height: 2.25rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-\[1\.5rem\] {
    font-size: 1.5rem
}

.text-\[1\.75rem\] {
    font-size: 1.75rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[15px\] {
    font-size: 15px
}

.text-\[2\.5rem\] {
    font-size: 2.5rem
}

.text-\[2rem\] {
    font-size: 2rem
}

.text-\[3rem\] {
    font-size: 3rem
}

.text-\[4rem\] {
    font-size: 4rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\/6 {
    font-size: .875rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-xs\/5 {
    font-size: .75rem;
    line-height: 1.25rem
}

.font-bold {
    font-weight: 700
}

.font-extralight {
    font-weight: 200
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-7 {
    line-height: 1.75rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[1rem\] {
    line-height: 1rem
}

.leading-\[2\.5rem\] {
    line-height: 2.5rem
}

.leading-\[2rem\] {
    line-height: 2rem
}

.leading-\[3rem\] {
    line-height: 3rem
}

.leading-\[5rem\] {
    line-height: 5rem
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-\[0\.1em\] {
    letter-spacing: .1em
}

.tracking-\[0\.2em\] {
    letter-spacing: .2em
}

.tracking-\[0\.3em\] {
    letter-spacing: .3em
}

.tracking-\[0\.4em\] {
    letter-spacing: .4em
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-red-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.\!text-red-700 {
    --tw-text-opacity: 1 !important;
    color: rgb(185 28 28/var(--tw-text-opacity, 1)) !important
}

.\!text-slate-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(71 85 105/var(--tw-text-opacity, 1)) !important
}

.text-\[\#0AA64D\] {
    --tw-text-opacity: 1;
    color: rgb(10 166 77/var(--tw-text-opacity, 1))
}

.text-\[\#5E5E5E\] {
    --tw-text-opacity: 1;
    color: rgb(94 94 94/var(--tw-text-opacity, 1))
}

.text-\[\#6E6E6E\] {
    --tw-text-opacity: 1;
    color: rgb(110 110 110/var(--tw-text-opacity, 1))
}

.text-\[\#8C8C8C\] {
    --tw-text-opacity: 1;
    color: rgb(140 140 140/var(--tw-text-opacity, 1))
}

.text-\[\#D9D9D9\] {
    --tw-text-opacity: 1;
    color: rgb(217 217 217/var(--tw-text-opacity, 1))
}

.text-\[\#aaa\] {
    --tw-text-opacity: 1;
    color: rgb(170 170 170/var(--tw-text-opacity, 1))
}

.text-aeros-secondary {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.text-blue-950 {
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity, 1))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity, 1))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity, 1))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity, 1))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74/var(--tw-text-opacity, 1))
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229/var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: color-mix(in srgb, var(--p-primary-color) calc(100%*var(--tw-text-opacity, 1)), #0000)
}

.text-red-300 {
    --tw-text-opacity: 1;
    color: rgb(252 165 165/var(--tw-text-opacity, 1))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113/var(--tw-text-opacity, 1))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68/var(--tw-text-opacity, 1))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.text-seyitler-primary {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.text-seyitler-primary\/70 {
    color: #0f9440b3
}

.text-seyitler-txt {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity, 1))
}

.text-seyitler-txt\/50 {
    color: #66666680
}

.text-seyitler-txt\/80 {
    color: #666c
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity, 1))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity, 1))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity, 1))
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91/var(--tw-text-opacity, 1))
}

.text-zinc-700 {
    --tw-text-opacity: 1;
    color: rgb(63 63 70/var(--tw-text-opacity, 1))
}

.text-zinc-950 {
    --tw-text-opacity: 1;
    color: rgb(9 9 11/var(--tw-text-opacity, 1))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.decoration-1 {
    text-decoration-thickness: 1px
}

.underline-offset-4 {
    text-underline-offset: 4px
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-gray-400::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity, 1))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-50 {
    opacity: .5
}

.opacity-90 {
    opacity: .9
}

.shadow {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px #00000040;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-none,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-gray-200\/40 {
    --tw-shadow-color: #e5e7eb66;
    --tw-shadow: var(--tw-shadow-colored)
}

.outline {
    outline-style: solid
}

.outline-dashed {
    outline-style: dashed
}

.outline-1 {
    outline-width: 1px
}

.-outline-offset-1 {
    outline-offset: -1px
}

.outline-offset-2 {
    outline-offset: 2px
}

.\!outline-red-500 {
    outline-color: #ef4444 !important
}

.outline-blue-600 {
    outline-color: #2563eb
}

.outline-blue-800 {
    outline-color: #1e40af
}

.outline-gray-300 {
    outline-color: #d1d5db
}

.outline-slate-200 {
    outline-color: #e2e8f0
}

.outline-zinc-200 {
    outline-color: #e4e4e7
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-1,
.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --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)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity, 1))
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity, 1))
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.drop-shadow {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter,
.grayscale {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.delay-75 {
    transition-delay: 75ms
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.text-muted-color {
    color: var(--p-text-muted-color)
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: initial
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.placeholder\:\!text-red-600::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity, 1))
}

.before\:absolute:before {
    content: var(--tw-content);
    position: absolute
}

.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0
}

.before\:z-0:before {
    content: var(--tw-content);
    z-index: 0
}

.before\:bg-blue-900\/50:before {
    background-color: #1e3a8a80;
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content)
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
}

.after\:right-0:after {
    content: var(--tw-content);
    right: 0
}

.after\:h-0\.5:after {
    content: var(--tw-content);
    height: .125rem
}

.after\:h-1:after {
    content: var(--tw-content);
    height: .25rem
}

.after\:h-\[2px\]:after {
    content: var(--tw-content);
    height: 2px
}

.after\:h-\[3px\]:after {
    content: var(--tw-content);
    height: 3px
}

.after\:w-12:after {
    content: var(--tw-content);
    width: 3rem
}

.after\:w-16:after {
    content: var(--tw-content);
    width: 4rem
}

.after\:w-20:after {
    content: var(--tw-content);
    width: 5rem
}

.after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.after\:bg-seyitler-primary:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.last\:border-0:last-child {
    border-width: 0
}

.checked\:border-indigo-600:checked {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.checked\:bg-indigo-600:checked {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.indeterminate\:border-indigo-600:indeterminate {
    --tw-border-opacity: 1;
    border-color: rgb(79 70 229/var(--tw-border-opacity, 1))
}

.indeterminate\:bg-indigo-600:indeterminate {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229/var(--tw-bg-opacity, 1))
}

.focus-within\:translate-y-0:focus-within {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-within\:ring-blue-950:focus-within {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border:hover {
    border-width: 1px
}

.hover\:border-solid:hover {
    border-style: solid
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(15 148 64/var(--tw-border-opacity, 1))
}

.hover\:border-seyitler-primary\/30:hover {
    border-color: #0f94404d
}

.hover\:bg-blue-950\/90:hover {
    background-color: #172554e6
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-100\/80:hover {
    background-color: #f3f4f6cc
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity, 1))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity, 1))
}

.hover\:bg-indigo-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241/var(--tw-bg-opacity, 1))
}

.hover\:bg-primary\/90:hover {
    background-color: color-mix(in srgb, var(--p-primary-color) 90%, #0000)
}

.hover\:bg-red-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226/var(--tw-bg-opacity, 1))
}

.hover\:bg-red-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg3:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-bg4:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-seyitler-primary\/5:hover {
    background-color: #0f94400d
}

.hover\:bg-seyitler-primary\/90:hover {
    background-color: #0f9440e6
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity, 1))
}

.hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.hover\:bg-white\/20:hover {
    background-color: #fff3
}

.hover\:bg-zinc-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
}

.hover\:bg-zinc-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: .9
}

.hover\:text-\[\#0AA64D\]:hover {
    --tw-text-opacity: 1;
    color: rgb(10 166 77/var(--tw-text-opacity, 1))
}

.hover\:text-aeros-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(237 127 30/var(--tw-text-opacity, 1))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235/var(--tw-text-opacity, 1))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity, 1))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.hover\:text-blue-900:hover {
    --tw-text-opacity: 1;
    color: rgb(30 58 138/var(--tw-text-opacity, 1))
}

.hover\:text-blue-950:hover {
    --tw-text-opacity: 1;
    color: rgb(23 37 84/var(--tw-text-opacity, 1))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity, 1))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity, 1))
}

.hover\:text-indigo-500:hover {
    --tw-text-opacity: 1;
    color: rgb(99 102 241/var(--tw-text-opacity, 1))
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity, 1))
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(185 28 28/var(--tw-text-opacity, 1))
}

.hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgb(153 27 27/var(--tw-text-opacity, 1))
}

.hover\:text-red-900:hover {
    --tw-text-opacity: 1;
    color: rgb(127 29 29/var(--tw-text-opacity, 1))
}

.hover\:text-seyitler-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.hover\:text-slate-900:hover {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.hover\:shadow-2xl:hover,
.hover\:shadow:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px #00000040;
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover,
.hover\:shadow-md:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
}

.hover\:shadow-seyitler-primary\/20:hover {
    --tw-shadow-color: #0f944033;
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:ring: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(3px + 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)
}

.hover\:ring-blue-950:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(23 37 84/var(--tw-ring-opacity, 1))
}

.hover\:ring-offset-2:hover {
    --tw-ring-offset-width: 2px
}

.focus\:outline-none:focus {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-2:focus {
    outline-width: 2px
}

.focus\:-outline-offset-2:focus {
    outline-offset: -2px
}

.focus\:outline-blue-950:focus {
    outline-color: #172554
}

.focus\:outline-indigo-600:focus {
    outline-color: #4f46e5
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-seyitler-primary\/60:focus {
    --tw-ring-color: #0f944099
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid #0000;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-blue-950:focus-visible {
    outline-color: #172554
}

.focus-visible\:outline-indigo-600:focus-visible {
    outline-color: #4f46e5
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-transparent:focus-visible {
    --tw-ring-color: #0000
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:border-gray-300:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity, 1))
}

.disabled\:border-slate-200:disabled {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity, 1))
}

.disabled\:bg-gray-100:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.disabled\:bg-slate-50:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity, 1))
}

.disabled\:text-slate-500:disabled {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity, 1))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:shadow-none:disabled {
    --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)
}

.disabled\:checked\:bg-gray-100:checked:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:visible {
    visibility: visible
}

.group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: .125rem
}

.group:hover .group-hover\:translate-x-0\.5,
.group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:bg-seyitler-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(15 148 64/var(--tw-bg-opacity, 1))
}

.group:hover .group-hover\:text-blue-300 {
    --tw-text-opacity: 1;
    color: rgb(147 197 253/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 64 175/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-seyitler-primary {
    --tw-text-opacity: 1;
    color: rgb(15 148 64/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:opacity-100,
.group\/slider:hover .group-hover\/slider\:opacity-100 {
    opacity: 1
}

.peer:disabled~.peer-disabled\:cursor-not-allowed {
    cursor: not-allowed
}

.peer:disabled~.peer-disabled\:opacity-70 {
    opacity: .7
}

.group:has(:disabled) .group-has-\[\:disabled\]\:stroke-gray-950\/25 {
    stroke: #03071240
}

.group:has(:checked) .group-has-\[\:checked\]\:opacity-100,
.group:has(:indeterminate) .group-has-\[\:indeterminate\]\:opacity-100 {
    opacity: 1
}

.data-\[p-active\=false\]\:\!bg-aeros-accordion-bg[data-p-active=false] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(217 217 217/var(--tw-bg-opacity, 1)) !important
}

.data-\[p-active\=true\]\:bg-aeros-primary[data-p-active=true] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 127 30/var(--tw-bg-opacity, 1))
}

.data-\[p-active\=false\]\:text-aeros-secondary[data-p-active=false] {
    --tw-text-opacity: 1;
    color: rgb(91 91 91/var(--tw-text-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:border-l-2 {
    border-left-width: 2px
}

.group[data-active=true] .group-data-\[active\=true\]\:border-zinc-400 {
    --tw-border-opacity: 1;
    border-color: rgb(161 161 170/var(--tw-border-opacity, 1))
}

.group[data-active=true] .group-data-\[active\=true\]\:\!text-\[\#ED7F1E\] {
    --tw-text-opacity: 1 !important;
    color: rgb(237 127 30/var(--tw-text-opacity, 1)) !important
}

@media(min-width:640px) {
    .sm\:visible {
        visibility: visible
    }

    .sm\:bottom-6 {
        bottom: 1.5rem
    }

    .sm\:right-6 {
        right: 1.5rem
    }

    .sm\:col-span-1 {
        grid-column: span 1/span 1
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:mb-12 {
        margin-bottom: 3rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-48 {
        height: 12rem
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-7xl {
        max-width: 80rem
    }

    .sm\:max-w-\[480px\] {
        max-width: 480px
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:gap-24 {
        gap: 6rem
    }

    .sm\:gap-x-40 {
        column-gap: 10rem
    }

    .sm\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

    .sm\:space-y-10>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
        margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-y-4>: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)))
    }

    .sm\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
        margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-64 {
        padding-left: 16rem;
        padding-right: 16rem
    }

    .sm\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .sm\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem
    }

    .sm\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm\/6 {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .sm\:leading-9 {
        line-height: 2.25rem
    }
}

@media(min-width:768px) {
    .md\:order-1 {
        order: 1
    }

    .md\:order-2 {
        order: 2
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-4 {
        grid-column: span 4/span 4
    }

    .md\:col-span-5 {
        grid-column: span 5/span 5
    }

    .md\:col-span-7 {
        grid-column: span 7/span 7
    }

    .md\:col-span-8 {
        grid-column: span 8/span 8
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-12 {
        margin-left: 3rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:block {
        display: block
    }

    .md\:aspect-\[6\/1\] {
        aspect-ratio: 6/1
    }

    .md\:h-72 {
        height: 18rem
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media(min-width:1024px) {
    .lg\:sticky {
        position: sticky
    }

    .lg\:top-24 {
        top: 6rem
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[7\/1\] {
        aspect-ratio: 7/1
    }

    .lg\:h-6 {
        height: 1.5rem
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-px {
        width: 1px
    }

    .lg\:flex-shrink-0 {
        flex-shrink: 0
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:gap-x-6 {
        column-gap: 1.5rem
    }

    .lg\:self-stretch {
        align-self: stretch
    }

    .lg\:bg-gray-900\/10 {
        background-color: #1118271a
    }

    .lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
    }

    .lg\:bg-zinc-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 245/var(--tw-bg-opacity, 1))
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem
    }

    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem
    }

    .lg\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .lg\:ring-zinc-950\/5 {
        --tw-ring-color: #09090b0d
    }
}

@media(min-width:1280px) {
    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:w-11\/12 {
        width: 91.666667%
    }

    .xl\:max-w-7xl {
        max-width: 80rem
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .xl\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.dark\:border-seyitler-bg1:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-border-opacity: 1;
    border-color: rgb(84 129 145/var(--tw-border-opacity, 1))
}

.dark\:bg-seyitler-bg3:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(56 83 160/var(--tw-bg-opacity, 1))
}

.dark\:bg-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dark\:text-white:where([class~=dark-mode], [class~=dark-mode] *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

@media(forced-colors:active) {
    .forced-colors\:appearance-auto {
        appearance: auto
    }
}

.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-2\.5>[data-slot=section]+[data-slot=section] {
    margin-top: .625rem
}

.\[\&\]\:w-full {
    width: 100%
}

.\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
}

.\[\&_svg\]\:size-4 svg {
    height: 1rem;
    width: 1rem
}

.\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
}

/* =========================================================
   Custom Utilities & Carousel Styles
   ========================================================= */

/* Background image for 'Üretimde Güç, Kalitede İstikrar' */
.bg-uretimde-guc {
    background-image: url('../images/uretimde_guc_kalitede_istikrar.webp') !important;
}

/* R&D Gallery & Multi-image Swiper Styling */
.swiper.gallery-swiper,
.swiper.px-4 {
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 100% !important;
}

.swiper.gallery-swiper .swiper-wrapper,
.swiper.px-4 .swiper-wrapper {
    display: flex !important;
    align-items: center;
}

.swiper.gallery-swiper .swiper-slide,
.swiper.px-4 .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
    margin-right: 20px;
}

.swiper.gallery-swiper .swiper-slide img,
.swiper.px-4 .swiper-slide img {
    height: 10rem !important;
    width: auto !important;
    max-width: none !important;
    object-fit: cover;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.swiper.gallery-swiper .swiper-slide img:hover,
.swiper.px-4 .swiper-slide img:hover {
    transform: scale(1.04);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Language Dropdown Stacking & Hover Styling */
.top-bar-container {
    position: relative !important;
    z-index: 1000 !important;
}

#lang-dropdown-wrapper {
    position: relative !important;
    z-index: 1001 !important;
}

#lang-dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    z-index: 999999 !important;
    min-width: 8.5rem !important;
    padding-top: 0.35rem !important;
}

#lang-dropdown-items {
    background-color: #ffffff !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.18), 0 10px 10px -5px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

#lang-dropdown-items a {
    display: block !important;
    padding: 0.65rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    color: #2c3e50 !important;
    text-align: center !important;
    transition: all 0.2s ease !important;
}

#lang-dropdown-items a:hover {
    background-color: #f9fafb !important;
    color: #0AA64D !important;
}