/* Import Inter font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* style block 1 */
/* font reset */
:root {
    --dashboard-font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body {
    font-family: var(--dashboard-font-family);
}

/* Ensure all elements use Inter font */
* {
    font-family: var(--dashboard-font-family) !important;
}

/* Ensure overflow is visible */
html, body {
    overflow: visible !important;
}

/* Remove outline on focus and keep border visible */
input:focus,
textarea:focus,
select:focus,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: hsl(240, 5%, 26%) !important;
}

input:hover,
textarea:hover,
select:hover {
    border-color: hsl(0, 0%, 82%) !important;
}

/* Tab Styling */
.tab-button {
    color: hsl(240, 4%, 46%) !important;
}

.tab-button[data-state="active"] {
    color: hsl(240, 3%, 6%) !important;
}

.tab-button:hover {
    color: hsl(240, 3%, 6%) !important;
}

.tab-pane {
    display: none;
}

.tab-pane[data-state="active"] {
    display: block;
}

/* Progress Steps Styling */
.CheckStep {
    margin-bottom: 0.5rem;
}

.CheckStep-header {
    background-color: transparent;
    transition: background-color 0.2s ease;
}

.CheckStep-header:hover {
    background-color: hsl(240, 5%, 96%);
}

/* Flex utilities */
.d-flex {
    display: flex;
}

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

.flex-1 {
    flex: 1;
}

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

.float-right {
    float: right;
}

/* Margin utilities */
.mr-2 {
    margin-right: 0.5rem;
}

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

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

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

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

/* Padding utilities */
.p-2 {
    padding: 0.5rem;
}

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

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

/* Text utilities */
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-mono {
    font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
}

.text-normal {
    font-weight: 400;
}

.text-small {
    font-size: 0.875rem;
}

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

.css-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.css-truncate-overflow {
    overflow: hidden;
}

/* Border utilities */
.rounded-2 {
    border-radius: 6px;
}

/* Rotate animation for spinner */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.anim-rotate {
    animation: rotate 1s linear infinite;
}

/* Protection Card Selection Styling */
.protection-card {
    position: relative;
}

.protection-card.selected {
    border-color: hsl(240, 3%, 6%) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    background-color: hsl(240, 5%, 98%);
}

.protection-card:active {
    transform: scale(0.98);
}

.cursor-pointer {
    cursor: pointer;
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__close-button:focus, .Toastify__close-button:hover {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

@keyframes Toastify__bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes Toastify__bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(110%, 0, 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-110%, 0, 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

@keyframes Toastify__spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.__variable_854f3f {
    --font-waldenburg-ht: "__WaldenburgHF_854f3f", "__WaldenburgHF_Fallback_854f3f"
}

.__variable_dfb837 {
    --font-waldenburg: "__Waldenburg_dfb837", "__Waldenburg_Fallback_dfb837"
}

/* style block 2 */
*, :after, :before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid
}

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

html {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal
}

button, input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0
}

button {
    text-transform: none
}

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

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

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

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

h2, h3, p {
    margin: 0
}

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

input::-moz-placeholder, textarea::-moz-placeholder {
    color: hsl(var(--gray-400))
}

input::placeholder, textarea::placeholder {
    color: hsl(var(--gray-400))
}

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

:disabled {
    cursor: default
}

iframe, img, svg {
    display: block;
    vertical-align: middle
}

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

[multiple], input:where(:not([type])) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    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: hsl(var(--blue-600));
    --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)
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: hsl(var(--gray-500));
    opacity: 1
}

input::placeholder, textarea::placeholder {
    color: hsl(var(--gray-500));
    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-top: 0;
    padding-bottom: 0
}

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

[type=checkbox]: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: hsl(var(--blue-600));
    --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:focus, [type=checkbox]:checked:hover, [type=radio]:checked:focus, [type=radio]:checked:hover {
    border-color: transparent;
    background-color: currentColor
}

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

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

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

.stack {
    display: flex;
    flex-direction: column
}

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

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

.overlay {
    position: absolute;
    inset: 0;
    border-radius: inherit
}

.text-subtle {
    color: var(--gray-alpha-500)
}

.focus-ring:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--foreground));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: hsl(var(--background))
}

:root {
    --radix-amberDark-1: 36 29% 22%;
    --radix-amberDark-2: 39 32% 24%;
    --radix-amberDark-3: 36 71% 26%;
    --radix-amberDark-4: 37 100% 27%;
    --radix-amberDark-5: 37 100% 30%;
    --radix-amberDark-6: 39 90% 34%;
    --radix-amberDark-7: 37 64% 42%;
    --radix-amberDark-8: 36 60% 50%;
    --radix-amberDark-9: 42 100% 77%;
    --radix-amberDark-10: 50 100% 67%;
    --radix-amberDark-11: 46 100% 69%;
    --radix-amberDark-12: 41 100% 100%;
    --radix-blueDark-1: 215 42% 24%;
    --radix-blueDark-2: 218 39% 26%;
    --radix-blueDark-3: 212 69% 31%;
    --radix-blueDark-4: 209 100% 34%;
    --radix-blueDark-5: 207 100% 38%;
    --radix-blueDark-6: 209 79% 45%;
    --radix-blueDark-7: 211 66% 52%;
    --radix-blueDark-8: 211 65% 60%;
    --radix-blueDark-9: 206 100% 65%;
    --radix-blueDark-10: 210 100% 77%;
    --radix-blueDark-11: 210 100% 87%;
    --radix-blueDark-12: 205 100% 100%;
    --radix-bronzeDark-1: 15 11% 22%;
    --radix-bronzeDark-2: 24 10% 25%;
    --radix-bronzeDark-3: 20 9% 29%;
    --radix-bronzeDark-4: 20 10% 32%;
    --radix-bronzeDark-5: 16 10% 36%;
    --radix-bronzeDark-6: 16 11% 41%;
    --radix-bronzeDark-7: 16 12% 47%;
    --radix-bronzeDark-8: 18 12% 54%;
    --radix-bronzeDark-9: 18 20% 69%;
    --radix-bronzeDark-10: 18 23% 74%;
    --radix-bronzeDark-11: 18 35% 89%;
    --radix-bronzeDark-12: 21 36% 100%;
    --radix-brownDark-1: 40 9% 21%;
    --radix-brownDark-2: 20 12% 25%;
    --radix-brownDark-3: 22 16% 29%;
    --radix-brownDark-4: 26 19% 31%;
    --radix-brownDark-5: 25 22% 35%;
    --radix-brownDark-6: 26 24% 39%;
    --radix-brownDark-7: 26 26% 45%;
    --radix-brownDark-8: 28 28% 53%;
    --radix-brownDark-9: 28 34% 66%;
    --radix-brownDark-10: 27 36% 71%;
    --radix-brownDark-11: 28 50% 87%;
    --radix-brownDark-12: 35 61% 100%;
    --radix-crimsonDark-1: 338 19% 23%;
    --radix-crimsonDark-2: 337 25% 25%;
    --radix-crimsonDark-3: 333 45% 30%;
    --radix-crimsonDark-4: 331 62% 34%;
    --radix-crimsonDark-5: 331 59% 38%;
    --radix-crimsonDark-6: 333 49% 44%;
    --radix-crimsonDark-7: 335 45% 51%;
    --radix-crimsonDark-8: 336 45% 63%;
    --radix-crimsonDark-9: 336 80% 73%;
    --radix-crimsonDark-10: 338 82% 78%;
    --radix-crimsonDark-11: 345 100% 94%;
    --radix-crimsonDark-12: 330 91% 100%;
    --radix-cyanDark-1: 196 41% 22%;
    --radix-cyanDark-2: 199 33% 24%;
    --radix-cyanDark-3: 193 74% 27%;
    --radix-cyanDark-4: 193 100% 29%;
    --radix-cyanDark-5: 193 100% 32%;
    --radix-cyanDark-6: 192 93% 36%;
    --radix-cyanDark-7: 193 75% 43%;
    --radix-cyanDark-8: 192 80% 49%;
    --radix-cyanDark-9: 191 100% 54%;
    --radix-cyanDark-10: 191 71% 63%;
    --radix-cyanDark-11: 190 75% 75%;
    --radix-cyanDark-12: 190 80% 99%;
    --radix-goldDark-1: 60 3% 22%;
    --radix-goldDark-2: 45 8% 25%;
    --radix-goldDark-3: 48 7% 28%;
    --radix-goldDark-4: 43 8% 31%;
    --radix-goldDark-5: 42 10% 35%;
    --radix-goldDark-6: 38 9% 40%;
    --radix-goldDark-7: 39 9% 45%;
    --radix-goldDark-8: 38 10% 52%;
    --radix-goldDark-9: 36 20% 64%;
    --radix-goldDark-10: 36 21% 70%;
    --radix-goldDark-11: 35 30% 86%;
    --radix-goldDark-12: 36 25% 100%;
    --radix-grassDark-1: 146 20% 22%;
    --radix-grassDark-2: 130 13% 24%;
    --radix-grassDark-3: 132 22% 29%;
    --radix-grassDark-4: 134 33% 32%;
    --radix-grassDark-5: 134 32% 36%;
    --radix-grassDark-6: 133 32% 41%;
    --radix-grassDark-7: 132 31% 46%;
    --radix-grassDark-8: 131 32% 51%;
    --radix-grassDark-9: 131 41% 61%;
    --radix-grassDark-10: 131 39% 66%;
    --radix-grassDark-11: 131 50% 78%;
    --radix-grassDark-12: 120 61% 100%;
    --radix-grayDark-1: 0 0% 22%;
    --radix-grayDark-2: 0 0% 25%;
    --radix-grayDark-3: 0 0% 28%;
    --radix-grayDark-4: 0 0% 31%;
    --radix-grayDark-5: 0 0% 34%;
    --radix-grayDark-6: 0 0% 38%;
    --radix-grayDark-7: 0 0% 43%;
    --radix-grayDark-8: 0 0% 53%;
    --radix-grayDark-9: 0 0% 58%;
    --radix-grayDark-10: 0 0% 63%;
    --radix-grayDark-11: 0 0% 86%;
    --radix-grayDark-12: 0 0% 100%;
    --radix-greenDark-1: 154 20% 22%;
    --radix-greenDark-2: 153 20% 24%;
    --radix-greenDark-3: 152 41% 28%;
    --radix-greenDark-4: 154 55% 30%;
    --radix-greenDark-5: 154 52% 34%;
    --radix-greenDark-6: 153 46% 38%;
    --radix-greenDark-7: 152 44% 43%;
    --radix-greenDark-8: 151 45% 49%;
    --radix-greenDark-9: 151 55% 57%;
    --radix-greenDark-10: 151 55% 60%;
    --radix-greenDark-11: 151 65% 69%;
    --radix-greenDark-12: 144 70% 97%;
    --radix-indigoDark-1: 231 29% 24%;
    --radix-indigoDark-2: 230 31% 26%;
    --radix-indigoDark-3: 225 51% 34%;
    --radix-indigoDark-4: 225 54% 40%;
    --radix-indigoDark-5: 225 52% 45%;
    --radix-indigoDark-6: 226 47% 50%;
    --radix-indigoDark-7: 226 44% 56%;
    --radix-indigoDark-8: 226 45% 63%;
    --radix-indigoDark-9: 226 70% 70%;
    --radix-indigoDark-10: 228 73% 76%;
    --radix-indigoDark-11: 228 100% 96%;
    --radix-indigoDark-12: 224 100% 100%;
    --radix-irisDark-1: 240 22% 25%;
    --radix-irisDark-2: 244 25% 27%;
    --radix-irisDark-3: 237 38% 35%;
    --radix-irisDark-4: 236 45% 42%;
    --radix-irisDark-5: 237 41% 47%;
    --radix-irisDark-6: 239 36% 52%;
    --radix-irisDark-7: 240 34% 59%;
    --radix-irisDark-8: 241 36% 67%;
    --radix-irisDark-9: 240 60% 75%;
    --radix-irisDark-10: 242 64% 79%;
    --radix-irisDark-11: 246 100% 98%;
    --radix-irisDark-12: 242 94% 100%;
    --radix-jadeDark-1: 158 24% 22%;
    --radix-jadeDark-2: 156 22% 24%;
    --radix-jadeDark-3: 157 51% 27%;
    --radix-jadeDark-4: 161 69% 29%;
    --radix-jadeDark-5: 161 62% 32%;
    --radix-jadeDark-6: 162 53% 37%;
    --radix-jadeDark-7: 162 49% 42%;
    --radix-jadeDark-8: 164 50% 48%;
    --radix-jadeDark-9: 164 60% 55%;
    --radix-jadeDark-10: 164 64% 57%;
    --radix-jadeDark-11: 163 75% 63%;
    --radix-jadeDark-12: 155 69% 96%;
    --radix-limeDark-1: 77 23% 21%;
    --radix-limeDark-2: 90 24% 23%;
    --radix-limeDark-3: 93 28% 28%;
    --radix-limeDark-4: 92 31% 31%;
    --radix-limeDark-5: 91 32% 35%;
    --radix-limeDark-6: 92 32% 39%;
    --radix-limeDark-7: 91 33% 44%;
    --radix-limeDark-8: 90 35% 49%;
    --radix-limeDark-9: 81 80% 81%;
    --radix-limeDark-10: 78 100% 87%;
    --radix-limeDark-11: 80 70% 81%;
    --radix-limeDark-12: 80 79% 100%;
    --radix-mauveDark-1: 270 6% 22%;
    --radix-mauveDark-2: 270 4% 25%;
    --radix-mauveDark-3: 260 4% 29%;
    --radix-mauveDark-4: 270 5% 32%;
    --radix-mauveDark-5: 264 5% 35%;
    --radix-mauveDark-6: 270 5% 39%;
    --radix-mauveDark-7: 257 5% 44%;
    --radix-mauveDark-8: 258 5% 54%;
    --radix-mauveDark-9: 251 5% 60%;
    --radix-mauveDark-10: 251 4% 65%;
    --radix-mauveDark-11: 258 7% 87%;
    --radix-mauveDark-12: 240 6% 100%;
    --radix-mintDark-1: 180 20% 22%;
    --radix-mintDark-2: 180 29% 23%;
    --radix-mintDark-3: 178 66% 25%;
    --radix-mintDark-4: 178 100% 26%;
    --radix-mintDark-5: 177 100% 29%;
    --radix-mintDark-6: 175 69% 35%;
    --radix-mintDark-7: 173 55% 41%;
    --radix-mintDark-8: 170 53% 48%;
    --radix-mintDark-9: 167 70% 87%;
    --radix-mintDark-10: 168 79% 96%;
    --radix-mintDark-11: 167 60% 74%;
    --radix-mintDark-12: 156 71% 100%;
    --radix-oliveDark-1: 90 6% 22%;
    --radix-oliveDark-2: 90 4% 24%;
    --radix-oliveDark-3: 90 3% 28%;
    --radix-oliveDark-4: 100 4% 31%;
    --radix-oliveDark-5: 100 3% 34%;
    --radix-oliveDark-6: 90 4% 37%;
    --radix-oliveDark-7: 96 4% 42%;
    --radix-oliveDark-8: 111 4% 52%;
    --radix-oliveDark-9: 108 5% 57%;
    --radix-oliveDark-10: 107 4% 62%;
    --radix-oliveDark-11: 105 5% 84%;
    --radix-oliveDark-12: 120 6% 100%;
    --radix-orangeDark-1: 27 24% 22%;
    --radix-orangeDark-2: 28 33% 24%;
    --radix-orangeDark-3: 29 65% 27%;
    --radix-orangeDark-4: 28 100% 29%;
    --radix-orangeDark-5: 28 100% 32%;
    --radix-orangeDark-6: 27 79% 37%;
    --radix-orangeDark-7: 25 63% 45%;
    --radix-orangeDark-8: 23 60% 55%;
    --radix-orangeDark-9: 23 93% 68%;
    --radix-orangeDark-10: 26 100% 71%;
    --radix-orangeDark-11: 26 100% 82%;
    --radix-orangeDark-12: 30 100% 100%;
    --radix-pinkDark-1: 315 19% 23%;
    --radix-pinkDark-2: 316 29% 25%;
    --radix-pinkDark-3: 315 41% 30%;
    --radix-pinkDark-4: 315 58% 34%;
    --radix-pinkDark-5: 318 52% 38%;
    --radix-pinkDark-6: 319 44% 44%;
    --radix-pinkDark-7: 321 40% 52%;
    --radix-pinkDark-8: 322 40% 62%;
    --radix-pinkDark-9: 322 65% 70%;
    --radix-pinkDark-10: 323 68% 74%;
    --radix-pinkDark-11: 327 100% 93%;
    --radix-pinkDark-12: 326 92% 100%;
    --radix-plumDark-1: 300 17% 23%;
    --radix-plumDark-2: 300 25% 25%;
    --radix-plumDark-3: 300 34% 30%;
    --radix-plumDark-4: 297 42% 35%;
    --radix-plumDark-5: 296 40% 39%;
    --radix-plumDark-6: 296 34% 43%;
    --radix-plumDark-7: 294 31% 51%;
    --radix-plumDark-8: 292 30% 62%;
    --radix-plumDark-9: 292 45% 66%;
    --radix-plumDark-10: 292 48% 71%;
    --radix-plumDark-11: 292 79% 92%;
    --radix-plumDark-12: 300 59% 100%;
    --radix-purpleDark-1: 282 23% 24%;
    --radix-purpleDark-2: 279 25% 26%;
    --radix-purpleDark-3: 279 36% 32%;
    --radix-purpleDark-4: 277 39% 37%;
    --radix-purpleDark-5: 276 38% 41%;
    --radix-purpleDark-6: 275 35% 46%;
    --radix-purpleDark-7: 274 33% 53%;
    --radix-purpleDark-8: 273 33% 65%;
    --radix-purpleDark-9: 272 51% 69%;
    --radix-purpleDark-10: 272 55% 74%;
    --radix-purpleDark-11: 272 100% 96%;
    --radix-purpleDark-12: 275 77% 100%;
    --radix-redDark-1: 0 19% 23%;
    --radix-redDark-2: 355 25% 25%;
    --radix-redDark-3: 350 53% 30%;
    --radix-redDark-4: 348 68% 34%;
    --radix-redDark-5: 350 63% 38%;
    --radix-redDark-6: 352 53% 44%;
    --radix-redDark-7: 355 47% 52%;
    --radix-redDark-8: 358 45% 64%;
    --radix-redDark-9: 358 75% 74%;
    --radix-redDark-10: 360 79% 80%;
    --radix-redDark-11: 2 100% 94%;
    --radix-redDark-12: 350 100% 100%;
    --radix-rubyDark-1: 345 19% 23%;
    --radix-rubyDark-2: 347 18% 25%;
    --radix-rubyDark-3: 344 49% 30%;
    --radix-rubyDark-4: 342 61% 34%;
    --radix-rubyDark-5: 342 57% 39%;
    --radix-rubyDark-6: 344 50% 44%;
    --radix-rubyDark-7: 346 45% 52%;
    --radix-rubyDark-8: 348 45% 63%;
    --radix-rubyDark-9: 348 75% 74%;
    --radix-rubyDark-10: 350 79% 79%;
    --radix-rubyDark-11: 355 100% 94%;
    --radix-rubyDark-12: 340 96% 100%;
    --radix-sageDark-1: 150 6% 22%;
    --radix-sageDark-2: 150 4% 24%;
    --radix-sageDark-3: 150 3% 28%;
    --radix-sageDark-4: 160 4% 31%;
    --radix-sageDark-5: 160 3% 34%;
    --radix-sageDark-6: 150 4% 37%;
    --radix-sageDark-7: 156 4% 43%;
    --radix-sageDark-8: 154 4% 52%;
    --radix-sageDark-9: 157 6% 56%;
    --radix-sageDark-10: 160 5% 62%;
    --radix-sageDark-11: 157 5% 84%;
    --radix-sageDark-12: 150 6% 100%;
    --radix-sandDark-1: 60 3% 21%;
    --radix-sandDark-2: 60 2% 25%;
    --radix-sandDark-3: 60 1% 28%;
    --radix-sandDark-4: 60 2% 31%;
    --radix-sandDark-5: 60 3% 34%;
    --radix-sandDark-6: 45 4% 37%;
    --radix-sandDark-7: 48 4% 43%;
    --radix-sandDark-8: 43 4% 52%;
    --radix-sandDark-9: 47 4% 57%;
    --radix-sandDark-10: 53 3% 62%;
    --radix-sandDark-11: 45 5% 84%;
    --radix-sandDark-12: 60 6% 100%;
    --radix-skyDark-1: 217 41% 24%;
    --radix-skyDark-2: 215 39% 26%;
    --radix-skyDark-3: 211 58% 31%;
    --radix-skyDark-4: 208 67% 35%;
    --radix-skyDark-5: 206 66% 39%;
    --radix-skyDark-6: 205 64% 44%;
    --radix-skyDark-7: 203 65% 50%;
    --radix-skyDark-8: 200 75% 54%;
    --radix-skyDark-9: 193 98% 89%;
    --radix-skyDark-10: 192 100% 98%;
    --radix-skyDark-11: 200 80% 85%;
    --radix-skyDark-12: 192 100% 100%;
    --radix-slateDark-1: 240 6% 22%;
    --radix-slateDark-2: 220 6% 25%;
    --radix-slateDark-3: 225 6% 29%;
    --radix-slateDark-4: 210 7% 31%;
    --radix-slateDark-5: 214 7% 34%;
    --radix-slateDark-6: 213 8% 38%;
    --radix-slateDark-7: 213 8% 43%;
    --radix-slateDark-8: 212 8% 53%;
    --radix-slateDark-9: 219 6% 59%;
    --radix-slateDark-10: 222 5% 64%;
    --radix-slateDark-11: 216 7% 86%;
    --radix-slateDark-12: 220 9% 100%;
    --radix-tealDark-1: 173 24% 22%;
    --radix-tealDark-2: 175 24% 24%;
    --radix-tealDark-3: 174 55% 26%;
    --radix-tealDark-4: 176 93% 27%;
    --radix-tealDark-5: 175 80% 31%;
    --radix-tealDark-6: 174 63% 36%;
    --radix-tealDark-7: 174 58% 41%;
    --radix-tealDark-8: 173 59% 46%;
    --radix-tealDark-9: 173 80% 51%;
    --radix-tealDark-10: 172 85% 53%;
    --radix-tealDark-11: 170 90% 60%;
    --radix-tealDark-12: 163 69% 96%;
    --radix-tomatoDark-1: 0 17% 23%;
    --radix-tomatoDark-2: 10 24% 25%;
    --radix-tomatoDark-3: 5 48% 30%;
    --radix-tomatoDark-4: 4 64% 34%;
    --radix-tomatoDark-5: 5 62% 38%;
    --radix-tomatoDark-6: 7 55% 43%;
    --radix-tomatoDark-7: 9 49% 50%;
    --radix-tomatoDark-8: 10 50% 60%;
    --radix-tomatoDark-9: 10 78% 69%;
    --radix-tomatoDark-10: 11 82% 74%;
    --radix-tomatoDark-11: 12 100% 90%;
    --radix-tomatoDark-12: 10 86% 100%;
    --radix-violetDark-1: 249 27% 25%;
    --radix-violetDark-2: 263 28% 26%;
    --radix-violetDark-3: 257 37% 34%;
    --radix-violetDark-4: 256 42% 40%;
    --radix-violetDark-5: 254 39% 45%;
    --radix-violetDark-6: 255 36% 49%;
    --radix-violetDark-7: 254 33% 56%;
    --radix-violetDark-8: 252 34% 66%;
    --radix-violetDark-9: 252 56% 72%;
    --radix-violetDark-10: 252 60% 78%;
    --radix-violetDark-11: 253 100% 98%;
    --radix-violetDark-12: 249 94% 100%;
    --radix-yellowDark-1: 47 29% 21%;
    --radix-yellowDark-2: 45 29% 23%;
    --radix-yellowDark-3: 45 80% 25%;
    --radix-yellowDark-4: 48 100% 26%;
    --radix-yellowDark-5: 47 100% 28%;
    --radix-yellowDark-6: 48 95% 31%;
    --radix-yellowDark-7: 46 63% 40%;
    --radix-yellowDark-8: 45 60% 47%;
    --radix-yellowDark-9: 53 100% 73%;
    --radix-yellowDark-10: 60 100% 82%;
    --radix-yellowDark-11: 53 90% 77%;
    --radix-yellowDark-12: 53 79% 99%;
    --tw-slate-50: 210 40% 98%;
    --slate-50: var(--tw-slate-50);
    --studio-slate-50: var(--tw-slate-50);
    --tw-slate-100: 210 40% 96%;
    --slate-100: var(--tw-slate-100);
    --studio-slate-100: var(--tw-slate-100);
    --tw-slate-200: 214 32% 91%;
    --slate-200: var(--tw-slate-200);
    --studio-slate-200: var(--tw-slate-200);
    --tw-slate-300: 213 27% 84%;
    --slate-300: var(--tw-slate-300);
    --studio-slate-300: var(--tw-slate-300);
    --tw-slate-400: 215 20% 65%;
    --slate-400: var(--tw-slate-400);
    --studio-slate-400: var(--tw-slate-400);
    --tw-slate-500: 215 16% 47%;
    --slate-500: var(--tw-slate-500);
    --studio-slate-500: var(--tw-slate-500);
    --tw-slate-600: 215 19% 35%;
    --slate-600: var(--tw-slate-600);
    --studio-slate-600: var(--tw-slate-600);
    --tw-slate-700: 215 25% 27%;
    --slate-700: var(--tw-slate-700);
    --studio-slate-700: var(--tw-slate-700);
    --tw-slate-800: 217 33% 17%;
    --slate-800: var(--tw-slate-800);
    --studio-slate-800: var(--tw-slate-800);
    --tw-slate-900: 222 47% 11%;
    --slate-900: var(--tw-slate-900);
    --studio-slate-900: var(--tw-slate-900);
    --tw-slate-950: 229 84% 5%;
    --slate-950: var(--tw-slate-950);
    --studio-slate-950: var(--tw-slate-950);
    --tw-gray-50: 210 20% 98%;
    --studio-gray-50: var(--tw-gray-50);
    --tw-gray-100: 220 14% 96%;
    --studio-gray-100: var(--tw-gray-100);
    --tw-gray-200: 220 13% 91%;
    --studio-gray-200: var(--tw-gray-200);
    --tw-gray-300: 216 12% 84%;
    --studio-gray-300: var(--tw-gray-300);
    --tw-gray-400: 218 11% 65%;
    --studio-gray-400: var(--tw-gray-400);
    --tw-gray-500: 220 9% 46%;
    --studio-gray-500: var(--tw-gray-500);
    --tw-gray-600: 215 14% 34%;
    --studio-gray-600: var(--tw-gray-600);
    --tw-gray-700: 217 19% 27%;
    --studio-gray-700: var(--tw-gray-700);
    --tw-gray-800: 215 28% 17%;
    --studio-gray-800: var(--tw-gray-800);
    --tw-gray-900: 221 39% 11%;
    --studio-gray-900: var(--tw-gray-900);
    --tw-gray-950: 224 71% 4%;
    --studio-gray-950: var(--tw-gray-950);
    --tw-zinc-50: 0 0% 98%;
    --zinc-50: var(--tw-zinc-50);
    --studio-zinc-50: var(--tw-zinc-50);
    --tw-zinc-100: 240 5% 96%;
    --zinc-100: var(--tw-zinc-100);
    --studio-zinc-100: var(--tw-zinc-100);
    --tw-zinc-200: 240 6% 90%;
    --zinc-200: var(--tw-zinc-200);
    --studio-zinc-200: var(--tw-zinc-200);
    --tw-zinc-300: 240 5% 84%;
    --zinc-300: var(--tw-zinc-300);
    --studio-zinc-300: var(--tw-zinc-300);
    --tw-zinc-400: 240 5% 65%;
    --zinc-400: var(--tw-zinc-400);
    --studio-zinc-400: var(--tw-zinc-400);
    --tw-zinc-500: 240 4% 46%;
    --zinc-500: var(--tw-zinc-500);
    --studio-zinc-500: var(--tw-zinc-500);
    --tw-zinc-600: 240 5% 34%;
    --zinc-600: var(--tw-zinc-600);
    --studio-zinc-600: var(--tw-zinc-600);
    --tw-zinc-700: 240 5% 26%;
    --zinc-700: var(--tw-zinc-700);
    --studio-zinc-700: var(--tw-zinc-700);
    --tw-zinc-800: 240 4% 16%;
    --zinc-800: var(--tw-zinc-800);
    --studio-zinc-800: var(--tw-zinc-800);
    --tw-zinc-900: 240 6% 10%;
    --zinc-900: var(--tw-zinc-900);
    --studio-zinc-900: var(--tw-zinc-900);
    --tw-zinc-950: 240 10% 4%;
    --zinc-950: var(--tw-zinc-950);
    --studio-zinc-950: var(--tw-zinc-950);
    --tw-neutral-50: 0 0% 98%;
    --neutral-50: var(--tw-neutral-50);
    --studio-neutral-50: var(--tw-neutral-50);
    --tw-neutral-100: 0 0% 96%;
    --neutral-100: var(--tw-neutral-100);
    --studio-neutral-100: var(--tw-neutral-100);
    --tw-neutral-200: 0 0% 90%;
    --neutral-200: var(--tw-neutral-200);
    --studio-neutral-200: var(--tw-neutral-200);
    --tw-neutral-300: 0 0% 83%;
    --neutral-300: var(--tw-neutral-300);
    --studio-neutral-300: var(--tw-neutral-300);
    --tw-neutral-400: 0 0% 64%;
    --neutral-400: var(--tw-neutral-400);
    --studio-neutral-400: var(--tw-neutral-400);
    --tw-neutral-500: 0 0% 45%;
    --neutral-500: var(--tw-neutral-500);
    --studio-neutral-500: var(--tw-neutral-500);
    --tw-neutral-600: 0 0% 32%;
    --neutral-600: var(--tw-neutral-600);
    --studio-neutral-600: var(--tw-neutral-600);
    --tw-neutral-700: 0 0% 25%;
    --neutral-700: var(--tw-neutral-700);
    --studio-neutral-700: var(--tw-neutral-700);
    --tw-neutral-800: 0 0% 15%;
    --neutral-800: var(--tw-neutral-800);
    --studio-neutral-800: var(--tw-neutral-800);
    --tw-neutral-900: 0 0% 9%;
    --neutral-900: var(--tw-neutral-900);
    --studio-neutral-900: var(--tw-neutral-900);
    --tw-neutral-950: 0 0% 4%;
    --neutral-950: var(--tw-neutral-950);
    --studio-neutral-950: var(--tw-neutral-950);
    --tw-stone-50: 60 9% 98%;
    --stone-50: var(--tw-stone-50);
    --studio-stone-50: var(--tw-stone-50);
    --tw-stone-100: 60 5% 96%;
    --stone-100: var(--tw-stone-100);
    --studio-stone-100: var(--tw-stone-100);
    --tw-stone-200: 20 6% 90%;
    --stone-200: var(--tw-stone-200);
    --studio-stone-200: var(--tw-stone-200);
    --tw-stone-300: 24 6% 83%;
    --stone-300: var(--tw-stone-300);
    --studio-stone-300: var(--tw-stone-300);
    --tw-stone-400: 24 5% 64%;
    --stone-400: var(--tw-stone-400);
    --studio-stone-400: var(--tw-stone-400);
    --tw-stone-500: 25 5% 45%;
    --stone-500: var(--tw-stone-500);
    --studio-stone-500: var(--tw-stone-500);
    --tw-stone-600: 33 5% 32%;
    --stone-600: var(--tw-stone-600);
    --studio-stone-600: var(--tw-stone-600);
    --tw-stone-700: 30 6% 25%;
    --stone-700: var(--tw-stone-700);
    --studio-stone-700: var(--tw-stone-700);
    --tw-stone-800: 12 6% 15%;
    --stone-800: var(--tw-stone-800);
    --studio-stone-800: var(--tw-stone-800);
    --tw-stone-900: 24 10% 10%;
    --stone-900: var(--tw-stone-900);
    --studio-stone-900: var(--tw-stone-900);
    --tw-stone-950: 20 14% 4%;
    --stone-950: var(--tw-stone-950);
    --studio-stone-950: var(--tw-stone-950);
    --tw-red-50: 0 86% 97%;
    --red-50: var(--tw-red-50);
    --studio-red-50: var(--tw-red-50);
    --tw-red-100: 0 93% 94%;
    --red-100: var(--tw-red-100);
    --studio-red-100: var(--tw-red-100);
    --tw-red-200: 0 96% 89%;
    --red-200: var(--tw-red-200);
    --studio-red-200: var(--tw-red-200);
    --tw-red-300: 0 94% 82%;
    --red-300: var(--tw-red-300);
    --studio-red-300: var(--tw-red-300);
    --tw-red-400: 0 91% 71%;
    --red-400: var(--tw-red-400);
    --studio-red-400: var(--tw-red-400);
    --tw-red-500: 0 84% 60%;
    --red-500: var(--tw-red-500);
    --studio-red-500: var(--tw-red-500);
    --tw-red-600: 0 72% 51%;
    --red-600: var(--tw-red-600);
    --studio-red-600: var(--tw-red-600);
    --tw-red-700: 0 74% 42%;
    --red-700: var(--tw-red-700);
    --studio-red-700: var(--tw-red-700);
    --tw-red-800: 0 70% 35%;
    --red-800: var(--tw-red-800);
    --studio-red-800: var(--tw-red-800);
    --tw-red-900: 0 63% 31%;
    --red-900: var(--tw-red-900);
    --studio-red-900: var(--tw-red-900);
    --tw-red-950: 0 75% 15%;
    --red-950: var(--tw-red-950);
    --studio-red-950: var(--tw-red-950);
    --tw-orange-50: 33 100% 96%;
    --orange-50: var(--tw-orange-50);
    --studio-orange-50: var(--tw-orange-50);
    --tw-orange-100: 34 100% 92%;
    --orange-100: var(--tw-orange-100);
    --studio-orange-100: var(--tw-orange-100);
    --tw-orange-200: 32 98% 83%;
    --orange-200: var(--tw-orange-200);
    --studio-orange-200: var(--tw-orange-200);
    --tw-orange-300: 31 97% 72%;
    --orange-300: var(--tw-orange-300);
    --studio-orange-300: var(--tw-orange-300);
    --tw-orange-400: 27 96% 61%;
    --orange-400: var(--tw-orange-400);
    --studio-orange-400: var(--tw-orange-400);
    --tw-orange-500: 25 95% 53%;
    --orange-500: var(--tw-orange-500);
    --studio-orange-500: var(--tw-orange-500);
    --tw-orange-600: 21 90% 48%;
    --orange-600: var(--tw-orange-600);
    --studio-orange-600: var(--tw-orange-600);
    --tw-orange-700: 17 88% 40%;
    --orange-700: var(--tw-orange-700);
    --studio-orange-700: var(--tw-orange-700);
    --tw-orange-800: 15 79% 34%;
    --orange-800: var(--tw-orange-800);
    --studio-orange-800: var(--tw-orange-800);
    --tw-orange-900: 15 75% 28%;
    --orange-900: var(--tw-orange-900);
    --studio-orange-900: var(--tw-orange-900);
    --tw-orange-950: 13 81% 15%;
    --orange-950: var(--tw-orange-950);
    --studio-orange-950: var(--tw-orange-950);
    --tw-amber-50: 48 100% 96%;
    --amber-50: var(--tw-amber-50);
    --studio-amber-50: var(--tw-amber-50);
    --tw-amber-100: 48 96% 89%;
    --amber-100: var(--tw-amber-100);
    --studio-amber-100: var(--tw-amber-100);
    --tw-amber-200: 48 97% 77%;
    --amber-200: var(--tw-amber-200);
    --studio-amber-200: var(--tw-amber-200);
    --tw-amber-300: 46 97% 65%;
    --amber-300: var(--tw-amber-300);
    --studio-amber-300: var(--tw-amber-300);
    --tw-amber-400: 43 96% 56%;
    --amber-400: var(--tw-amber-400);
    --studio-amber-400: var(--tw-amber-400);
    --tw-amber-500: 38 92% 50%;
    --amber-500: var(--tw-amber-500);
    --studio-amber-500: var(--tw-amber-500);
    --tw-amber-600: 32 95% 44%;
    --amber-600: var(--tw-amber-600);
    --studio-amber-600: var(--tw-amber-600);
    --tw-amber-700: 26 90% 37%;
    --amber-700: var(--tw-amber-700);
    --studio-amber-700: var(--tw-amber-700);
    --tw-amber-800: 23 83% 31%;
    --amber-800: var(--tw-amber-800);
    --studio-amber-800: var(--tw-amber-800);
    --tw-amber-900: 22 78% 26%;
    --amber-900: var(--tw-amber-900);
    --studio-amber-900: var(--tw-amber-900);
    --tw-amber-950: 21 92% 14%;
    --amber-950: var(--tw-amber-950);
    --studio-amber-950: var(--tw-amber-950);
    --tw-yellow-50: 55 92% 95%;
    --yellow-50: var(--tw-yellow-50);
    --studio-yellow-50: var(--tw-yellow-50);
    --tw-yellow-100: 55 97% 88%;
    --yellow-100: var(--tw-yellow-100);
    --studio-yellow-100: var(--tw-yellow-100);
    --tw-yellow-200: 53 98% 77%;
    --yellow-200: var(--tw-yellow-200);
    --studio-yellow-200: var(--tw-yellow-200);
    --tw-yellow-300: 50 98% 64%;
    --yellow-300: var(--tw-yellow-300);
    --studio-yellow-300: var(--tw-yellow-300);
    --tw-yellow-400: 48 96% 53%;
    --yellow-400: var(--tw-yellow-400);
    --studio-yellow-400: var(--tw-yellow-400);
    --tw-yellow-500: 45 93% 47%;
    --yellow-500: var(--tw-yellow-500);
    --studio-yellow-500: var(--tw-yellow-500);
    --tw-yellow-600: 41 96% 40%;
    --yellow-600: var(--tw-yellow-600);
    --studio-yellow-600: var(--tw-yellow-600);
    --tw-yellow-700: 35 92% 33%;
    --yellow-700: var(--tw-yellow-700);
    --studio-yellow-700: var(--tw-yellow-700);
    --tw-yellow-800: 32 81% 29%;
    --yellow-800: var(--tw-yellow-800);
    --studio-yellow-800: var(--tw-yellow-800);
    --tw-yellow-900: 28 73% 26%;
    --yellow-900: var(--tw-yellow-900);
    --studio-yellow-900: var(--tw-yellow-900);
    --tw-yellow-950: 26 83% 14%;
    --yellow-950: var(--tw-yellow-950);
    --studio-yellow-950: var(--tw-yellow-950);
    --tw-lime-50: 78 92% 95%;
    --lime-50: var(--tw-lime-50);
    --studio-lime-50: var(--tw-lime-50);
    --tw-lime-100: 80 89% 89%;
    --lime-100: var(--tw-lime-100);
    --studio-lime-100: var(--tw-lime-100);
    --tw-lime-200: 81 88% 80%;
    --lime-200: var(--tw-lime-200);
    --studio-lime-200: var(--tw-lime-200);
    --tw-lime-300: 82 85% 67%;
    --lime-300: var(--tw-lime-300);
    --studio-lime-300: var(--tw-lime-300);
    --tw-lime-400: 83 78% 55%;
    --lime-400: var(--tw-lime-400);
    --studio-lime-400: var(--tw-lime-400);
    --tw-lime-500: 84 81% 44%;
    --lime-500: var(--tw-lime-500);
    --studio-lime-500: var(--tw-lime-500);
    --tw-lime-600: 85 85% 35%;
    --lime-600: var(--tw-lime-600);
    --studio-lime-600: var(--tw-lime-600);
    --tw-lime-700: 86 78% 27%;
    --lime-700: var(--tw-lime-700);
    --studio-lime-700: var(--tw-lime-700);
    --tw-lime-800: 86 69% 23%;
    --lime-800: var(--tw-lime-800);
    --studio-lime-800: var(--tw-lime-800);
    --tw-lime-900: 88 61% 20%;
    --lime-900: var(--tw-lime-900);
    --studio-lime-900: var(--tw-lime-900);
    --tw-lime-950: 89 80% 10%;
    --lime-950: var(--tw-lime-950);
    --studio-lime-950: var(--tw-lime-950);
    --tw-green-50: 138 76% 97%;
    --green-50: var(--tw-green-50);
    --studio-green-50: var(--tw-green-50);
    --tw-green-100: 141 84% 93%;
    --green-100: var(--tw-green-100);
    --studio-green-100: var(--tw-green-100);
    --tw-green-200: 141 79% 85%;
    --green-200: var(--tw-green-200);
    --studio-green-200: var(--tw-green-200);
    --tw-green-300: 142 77% 73%;
    --green-300: var(--tw-green-300);
    --studio-green-300: var(--tw-green-300);
    --tw-green-400: 142 69% 58%;
    --green-400: var(--tw-green-400);
    --studio-green-400: var(--tw-green-400);
    --tw-green-500: 142 71% 45%;
    --green-500: var(--tw-green-500);
    --studio-green-500: var(--tw-green-500);
    --tw-green-600: 142 76% 36%;
    --green-600: var(--tw-green-600);
    --studio-green-600: var(--tw-green-600);
    --tw-green-700: 142 72% 29%;
    --green-700: var(--tw-green-700);
    --studio-green-700: var(--tw-green-700);
    --tw-green-800: 143 64% 24%;
    --green-800: var(--tw-green-800);
    --studio-green-800: var(--tw-green-800);
    --tw-green-900: 144 61% 20%;
    --green-900: var(--tw-green-900);
    --studio-green-900: var(--tw-green-900);
    --tw-green-950: 145 80% 10%;
    --green-950: var(--tw-green-950);
    --studio-green-950: var(--tw-green-950);
    --tw-emerald-50: 152 81% 96%;
    --emerald-50: var(--tw-emerald-50);
    --studio-emerald-50: var(--tw-emerald-50);
    --tw-emerald-100: 149 80% 90%;
    --emerald-100: var(--tw-emerald-100);
    --studio-emerald-100: var(--tw-emerald-100);
    --tw-emerald-200: 152 76% 80%;
    --emerald-200: var(--tw-emerald-200);
    --studio-emerald-200: var(--tw-emerald-200);
    --tw-emerald-300: 156 72% 67%;
    --emerald-300: var(--tw-emerald-300);
    --studio-emerald-300: var(--tw-emerald-300);
    --tw-emerald-400: 158 64% 52%;
    --emerald-400: var(--tw-emerald-400);
    --studio-emerald-400: var(--tw-emerald-400);
    --tw-emerald-500: 160 84% 39%;
    --emerald-500: var(--tw-emerald-500);
    --studio-emerald-500: var(--tw-emerald-500);
    --tw-emerald-600: 161 94% 30%;
    --emerald-600: var(--tw-emerald-600);
    --studio-emerald-600: var(--tw-emerald-600);
    --tw-emerald-700: 163 94% 24%;
    --emerald-700: var(--tw-emerald-700);
    --studio-emerald-700: var(--tw-emerald-700);
    --tw-emerald-800: 163 88% 20%;
    --emerald-800: var(--tw-emerald-800);
    --studio-emerald-800: var(--tw-emerald-800);
    --tw-emerald-900: 164 86% 16%;
    --emerald-900: var(--tw-emerald-900);
    --studio-emerald-900: var(--tw-emerald-900);
    --tw-emerald-950: 166 91% 9%;
    --emerald-950: var(--tw-emerald-950);
    --studio-emerald-950: var(--tw-emerald-950);
    --tw-teal-50: 166 76% 97%;
    --teal-50: var(--tw-teal-50);
    --studio-teal-50: var(--tw-teal-50);
    --tw-teal-100: 167 85% 89%;
    --teal-100: var(--tw-teal-100);
    --studio-teal-100: var(--tw-teal-100);
    --tw-teal-200: 168 84% 78%;
    --teal-200: var(--tw-teal-200);
    --studio-teal-200: var(--tw-teal-200);
    --tw-teal-300: 171 77% 64%;
    --teal-300: var(--tw-teal-300);
    --studio-teal-300: var(--tw-teal-300);
    --tw-teal-400: 172 66% 50%;
    --teal-400: var(--tw-teal-400);
    --studio-teal-400: var(--tw-teal-400);
    --tw-teal-500: 173 80% 40%;
    --teal-500: var(--tw-teal-500);
    --studio-teal-500: var(--tw-teal-500);
    --tw-teal-600: 175 84% 32%;
    --teal-600: var(--tw-teal-600);
    --studio-teal-600: var(--tw-teal-600);
    --tw-teal-700: 175 77% 26%;
    --teal-700: var(--tw-teal-700);
    --studio-teal-700: var(--tw-teal-700);
    --tw-teal-800: 176 69% 22%;
    --teal-800: var(--tw-teal-800);
    --studio-teal-800: var(--tw-teal-800);
    --tw-teal-900: 176 61% 19%;
    --teal-900: var(--tw-teal-900);
    --studio-teal-900: var(--tw-teal-900);
    --tw-teal-950: 179 84% 10%;
    --teal-950: var(--tw-teal-950);
    --studio-teal-950: var(--tw-teal-950);
    --tw-cyan-50: 183 100% 96%;
    --cyan-50: var(--tw-cyan-50);
    --studio-cyan-50: var(--tw-cyan-50);
    --tw-cyan-100: 185 96% 90%;
    --cyan-100: var(--tw-cyan-100);
    --studio-cyan-100: var(--tw-cyan-100);
    --tw-cyan-200: 186 94% 82%;
    --cyan-200: var(--tw-cyan-200);
    --studio-cyan-200: var(--tw-cyan-200);
    --tw-cyan-300: 187 92% 69%;
    --cyan-300: var(--tw-cyan-300);
    --studio-cyan-300: var(--tw-cyan-300);
    --tw-cyan-400: 188 86% 53%;
    --cyan-400: var(--tw-cyan-400);
    --studio-cyan-400: var(--tw-cyan-400);
    --tw-cyan-500: 189 94% 43%;
    --cyan-500: var(--tw-cyan-500);
    --studio-cyan-500: var(--tw-cyan-500);
    --tw-cyan-600: 192 91% 36%;
    --cyan-600: var(--tw-cyan-600);
    --studio-cyan-600: var(--tw-cyan-600);
    --tw-cyan-700: 193 82% 31%;
    --cyan-700: var(--tw-cyan-700);
    --studio-cyan-700: var(--tw-cyan-700);
    --tw-cyan-800: 194 70% 27%;
    --cyan-800: var(--tw-cyan-800);
    --studio-cyan-800: var(--tw-cyan-800);
    --tw-cyan-900: 196 64% 24%;
    --cyan-900: var(--tw-cyan-900);
    --studio-cyan-900: var(--tw-cyan-900);
    --tw-cyan-950: 197 79% 15%;
    --cyan-950: var(--tw-cyan-950);
    --studio-cyan-950: var(--tw-cyan-950);
    --tw-sky-50: 204 100% 97%;
    --sky-50: var(--tw-sky-50);
    --studio-sky-50: var(--tw-sky-50);
    --tw-sky-100: 204 94% 94%;
    --sky-100: var(--tw-sky-100);
    --studio-sky-100: var(--tw-sky-100);
    --tw-sky-200: 201 94% 86%;
    --sky-200: var(--tw-sky-200);
    --studio-sky-200: var(--tw-sky-200);
    --tw-sky-300: 199 95% 74%;
    --sky-300: var(--tw-sky-300);
    --studio-sky-300: var(--tw-sky-300);
    --tw-sky-400: 198 93% 60%;
    --sky-400: var(--tw-sky-400);
    --studio-sky-400: var(--tw-sky-400);
    --tw-sky-500: 199 89% 48%;
    --sky-500: var(--tw-sky-500);
    --studio-sky-500: var(--tw-sky-500);
    --tw-sky-600: 200 98% 39%;
    --sky-600: var(--tw-sky-600);
    --studio-sky-600: var(--tw-sky-600);
    --tw-sky-700: 201 96% 32%;
    --sky-700: var(--tw-sky-700);
    --studio-sky-700: var(--tw-sky-700);
    --tw-sky-800: 201 90% 27%;
    --sky-800: var(--tw-sky-800);
    --studio-sky-800: var(--tw-sky-800);
    --tw-sky-900: 202 80% 24%;
    --sky-900: var(--tw-sky-900);
    --studio-sky-900: var(--tw-sky-900);
    --tw-sky-950: 204 80% 16%;
    --sky-950: var(--tw-sky-950);
    --studio-sky-950: var(--tw-sky-950);
    --tw-blue-50: 214 100% 97%;
    --blue-50: var(--tw-blue-50);
    --studio-blue-50: var(--tw-blue-50);
    --tw-blue-100: 214 95% 93%;
    --blue-100: var(--tw-blue-100);
    --studio-blue-100: var(--tw-blue-100);
    --tw-blue-200: 213 97% 87%;
    --blue-200: var(--tw-blue-200);
    --studio-blue-200: var(--tw-blue-200);
    --tw-blue-300: 212 96% 78%;
    --blue-300: var(--tw-blue-300);
    --studio-blue-300: var(--tw-blue-300);
    --tw-blue-400: 213 94% 68%;
    --blue-400: var(--tw-blue-400);
    --studio-blue-400: var(--tw-blue-400);
    --tw-blue-500: 217 91% 60%;
    --blue-500: var(--tw-blue-500);
    --studio-blue-500: var(--tw-blue-500);
    --tw-blue-600: 221 83% 53%;
    --blue-600: var(--tw-blue-600);
    --studio-blue-600: var(--tw-blue-600);
    --tw-blue-700: 224 76% 48%;
    --blue-700: var(--tw-blue-700);
    --studio-blue-700: var(--tw-blue-700);
    --tw-blue-800: 226 71% 40%;
    --blue-800: var(--tw-blue-800);
    --studio-blue-800: var(--tw-blue-800);
    --tw-blue-900: 224 64% 33%;
    --blue-900: var(--tw-blue-900);
    --studio-blue-900: var(--tw-blue-900);
    --tw-blue-950: 226 57% 21%;
    --blue-950: var(--tw-blue-950);
    --studio-blue-950: var(--tw-blue-950);
    --tw-indigo-50: 226 100% 97%;
    --indigo-50: var(--tw-indigo-50);
    --studio-indigo-50: var(--tw-indigo-50);
    --tw-indigo-100: 226 100% 94%;
    --indigo-100: var(--tw-indigo-100);
    --studio-indigo-100: var(--tw-indigo-100);
    --tw-indigo-200: 228 96% 89%;
    --indigo-200: var(--tw-indigo-200);
    --studio-indigo-200: var(--tw-indigo-200);
    --tw-indigo-300: 230 94% 82%;
    --indigo-300: var(--tw-indigo-300);
    --studio-indigo-300: var(--tw-indigo-300);
    --tw-indigo-400: 234 89% 74%;
    --indigo-400: var(--tw-indigo-400);
    --studio-indigo-400: var(--tw-indigo-400);
    --tw-indigo-500: 239 84% 67%;
    --indigo-500: var(--tw-indigo-500);
    --studio-indigo-500: var(--tw-indigo-500);
    --tw-indigo-600: 243 75% 59%;
    --indigo-600: var(--tw-indigo-600);
    --studio-indigo-600: var(--tw-indigo-600);
    --tw-indigo-700: 245 58% 51%;
    --indigo-700: var(--tw-indigo-700);
    --studio-indigo-700: var(--tw-indigo-700);
    --tw-indigo-800: 244 55% 41%;
    --indigo-800: var(--tw-indigo-800);
    --studio-indigo-800: var(--tw-indigo-800);
    --tw-indigo-900: 242 47% 34%;
    --indigo-900: var(--tw-indigo-900);
    --studio-indigo-900: var(--tw-indigo-900);
    --tw-indigo-950: 244 47% 20%;
    --indigo-950: var(--tw-indigo-950);
    --studio-indigo-950: var(--tw-indigo-950);
    --tw-violet-50: 250 100% 98%;
    --violet-50: var(--tw-violet-50);
    --studio-violet-50: var(--tw-violet-50);
    --tw-violet-100: 251 91% 95%;
    --violet-100: var(--tw-violet-100);
    --studio-violet-100: var(--tw-violet-100);
    --tw-violet-200: 251 95% 92%;
    --violet-200: var(--tw-violet-200);
    --studio-violet-200: var(--tw-violet-200);
    --tw-violet-300: 252 95% 85%;
    --violet-300: var(--tw-violet-300);
    --studio-violet-300: var(--tw-violet-300);
    --tw-violet-400: 255 92% 76%;
    --violet-400: var(--tw-violet-400);
    --studio-violet-400: var(--tw-violet-400);
    --tw-violet-500: 258 90% 66%;
    --violet-500: var(--tw-violet-500);
    --studio-violet-500: var(--tw-violet-500);
    --tw-violet-600: 262 83% 58%;
    --violet-600: var(--tw-violet-600);
    --studio-violet-600: var(--tw-violet-600);
    --tw-violet-700: 263 70% 50%;
    --violet-700: var(--tw-violet-700);
    --studio-violet-700: var(--tw-violet-700);
    --tw-violet-800: 263 69% 42%;
    --violet-800: var(--tw-violet-800);
    --studio-violet-800: var(--tw-violet-800);
    --tw-violet-900: 264 67% 35%;
    --violet-900: var(--tw-violet-900);
    --studio-violet-900: var(--tw-violet-900);
    --tw-violet-950: 261 73% 23%;
    --violet-950: var(--tw-violet-950);
    --studio-violet-950: var(--tw-violet-950);
    --tw-purple-50: 270 100% 98%;
    --purple-50: var(--tw-purple-50);
    --studio-purple-50: var(--tw-purple-50);
    --tw-purple-100: 269 100% 95%;
    --purple-100: var(--tw-purple-100);
    --studio-purple-100: var(--tw-purple-100);
    --tw-purple-200: 269 100% 92%;
    --purple-200: var(--tw-purple-200);
    --studio-purple-200: var(--tw-purple-200);
    --tw-purple-300: 269 97% 85%;
    --purple-300: var(--tw-purple-300);
    --studio-purple-300: var(--tw-purple-300);
    --tw-purple-400: 270 95% 75%;
    --purple-400: var(--tw-purple-400);
    --studio-purple-400: var(--tw-purple-400);
    --tw-purple-500: 271 91% 65%;
    --purple-500: var(--tw-purple-500);
    --studio-purple-500: var(--tw-purple-500);
    --tw-purple-600: 271 81% 56%;
    --purple-600: var(--tw-purple-600);
    --studio-purple-600: var(--tw-purple-600);
    --tw-purple-700: 272 72% 47%;
    --purple-700: var(--tw-purple-700);
    --studio-purple-700: var(--tw-purple-700);
    --tw-purple-800: 273 67% 39%;
    --purple-800: var(--tw-purple-800);
    --studio-purple-800: var(--tw-purple-800);
    --tw-purple-900: 274 66% 32%;
    --purple-900: var(--tw-purple-900);
    --studio-purple-900: var(--tw-purple-900);
    --tw-purple-950: 274 87% 21%;
    --purple-950: var(--tw-purple-950);
    --studio-purple-950: var(--tw-purple-950);
    --tw-fuchsia-50: 289 100% 98%;
    --fuchsia-50: var(--tw-fuchsia-50);
    --studio-fuchsia-50: var(--tw-fuchsia-50);
    --tw-fuchsia-100: 287 100% 95%;
    --fuchsia-100: var(--tw-fuchsia-100);
    --studio-fuchsia-100: var(--tw-fuchsia-100);
    --tw-fuchsia-200: 288 96% 91%;
    --fuchsia-200: var(--tw-fuchsia-200);
    --studio-fuchsia-200: var(--tw-fuchsia-200);
    --tw-fuchsia-300: 291 93% 83%;
    --fuchsia-300: var(--tw-fuchsia-300);
    --studio-fuchsia-300: var(--tw-fuchsia-300);
    --tw-fuchsia-400: 292 91% 73%;
    --fuchsia-400: var(--tw-fuchsia-400);
    --studio-fuchsia-400: var(--tw-fuchsia-400);
    --tw-fuchsia-500: 292 84% 61%;
    --fuchsia-500: var(--tw-fuchsia-500);
    --studio-fuchsia-500: var(--tw-fuchsia-500);
    --tw-fuchsia-600: 293 69% 49%;
    --fuchsia-600: var(--tw-fuchsia-600);
    --studio-fuchsia-600: var(--tw-fuchsia-600);
    --tw-fuchsia-700: 295 72% 40%;
    --fuchsia-700: var(--tw-fuchsia-700);
    --studio-fuchsia-700: var(--tw-fuchsia-700);
    --tw-fuchsia-800: 295 70% 33%;
    --fuchsia-800: var(--tw-fuchsia-800);
    --studio-fuchsia-800: var(--tw-fuchsia-800);
    --tw-fuchsia-900: 297 64% 28%;
    --fuchsia-900: var(--tw-fuchsia-900);
    --studio-fuchsia-900: var(--tw-fuchsia-900);
    --tw-fuchsia-950: 297 90% 16%;
    --fuchsia-950: var(--tw-fuchsia-950);
    --studio-fuchsia-950: var(--tw-fuchsia-950);
    --tw-pink-50: 327 73% 97%;
    --pink-50: var(--tw-pink-50);
    --studio-pink-50: var(--tw-pink-50);
    --tw-pink-100: 326 78% 95%;
    --pink-100: var(--tw-pink-100);
    --studio-pink-100: var(--tw-pink-100);
    --tw-pink-200: 326 85% 90%;
    --pink-200: var(--tw-pink-200);
    --studio-pink-200: var(--tw-pink-200);
    --tw-pink-300: 327 87% 82%;
    --pink-300: var(--tw-pink-300);
    --studio-pink-300: var(--tw-pink-300);
    --tw-pink-400: 329 86% 70%;
    --pink-400: var(--tw-pink-400);
    --studio-pink-400: var(--tw-pink-400);
    --tw-pink-500: 330 81% 60%;
    --pink-500: var(--tw-pink-500);
    --studio-pink-500: var(--tw-pink-500);
    --tw-pink-600: 333 71% 51%;
    --pink-600: var(--tw-pink-600);
    --studio-pink-600: var(--tw-pink-600);
    --tw-pink-700: 335 78% 42%;
    --pink-700: var(--tw-pink-700);
    --studio-pink-700: var(--tw-pink-700);
    --tw-pink-800: 336 74% 35%;
    --pink-800: var(--tw-pink-800);
    --studio-pink-800: var(--tw-pink-800);
    --tw-pink-900: 336 69% 30%;
    --pink-900: var(--tw-pink-900);
    --studio-pink-900: var(--tw-pink-900);
    --tw-pink-950: 336 84% 17%;
    --pink-950: var(--tw-pink-950);
    --studio-pink-950: var(--tw-pink-950);
    --tw-rose-50: 356 100% 97%;
    --rose-50: var(--tw-rose-50);
    --studio-rose-50: var(--tw-rose-50);
    --tw-rose-100: 356 100% 95%;
    --rose-100: var(--tw-rose-100);
    --studio-rose-100: var(--tw-rose-100);
    --tw-rose-200: 353 96% 90%;
    --rose-200: var(--tw-rose-200);
    --studio-rose-200: var(--tw-rose-200);
    --tw-rose-300: 353 96% 82%;
    --rose-300: var(--tw-rose-300);
    --studio-rose-300: var(--tw-rose-300);
    --tw-rose-400: 351 95% 71%;
    --rose-400: var(--tw-rose-400);
    --studio-rose-400: var(--tw-rose-400);
    --tw-rose-500: 350 89% 60%;
    --rose-500: var(--tw-rose-500);
    --studio-rose-500: var(--tw-rose-500);
    --tw-rose-600: 347 77% 50%;
    --rose-600: var(--tw-rose-600);
    --studio-rose-600: var(--tw-rose-600);
    --tw-rose-700: 345 83% 41%;
    --rose-700: var(--tw-rose-700);
    --studio-rose-700: var(--tw-rose-700);
    --tw-rose-800: 343 80% 35%;
    --rose-800: var(--tw-rose-800);
    --studio-rose-800: var(--tw-rose-800);
    --tw-rose-900: 342 75% 30%;
    --rose-900: var(--tw-rose-900);
    --studio-rose-900: var(--tw-rose-900);
    --tw-rose-950: 343 88% 16%;
    --rose-950: var(--tw-rose-950);
    --studio-rose-950: var(--tw-rose-950);
    --tw-lightBlue-50: 204 100% 97%;
    --lightBlue-50: var(--tw-lightBlue-50);
    --studio-lightBlue-50: var(--tw-lightBlue-50);
    --tw-lightBlue-100: 204 94% 94%;
    --lightBlue-100: var(--tw-lightBlue-100);
    --studio-lightBlue-100: var(--tw-lightBlue-100);
    --tw-lightBlue-200: 201 94% 86%;
    --lightBlue-200: var(--tw-lightBlue-200);
    --studio-lightBlue-200: var(--tw-lightBlue-200);
    --tw-lightBlue-300: 199 95% 74%;
    --lightBlue-300: var(--tw-lightBlue-300);
    --studio-lightBlue-300: var(--tw-lightBlue-300);
    --tw-lightBlue-400: 198 93% 60%;
    --lightBlue-400: var(--tw-lightBlue-400);
    --studio-lightBlue-400: var(--tw-lightBlue-400);
    --tw-lightBlue-500: 199 89% 48%;
    --lightBlue-500: var(--tw-lightBlue-500);
    --studio-lightBlue-500: var(--tw-lightBlue-500);
    --tw-lightBlue-600: 200 98% 39%;
    --lightBlue-600: var(--tw-lightBlue-600);
    --studio-lightBlue-600: var(--tw-lightBlue-600);
    --tw-lightBlue-700: 201 96% 32%;
    --lightBlue-700: var(--tw-lightBlue-700);
    --studio-lightBlue-700: var(--tw-lightBlue-700);
    --tw-lightBlue-800: 201 90% 27%;
    --lightBlue-800: var(--tw-lightBlue-800);
    --studio-lightBlue-800: var(--tw-lightBlue-800);
    --tw-lightBlue-900: 202 80% 24%;
    --lightBlue-900: var(--tw-lightBlue-900);
    --studio-lightBlue-900: var(--tw-lightBlue-900);
    --tw-lightBlue-950: 204 80% 16%;
    --lightBlue-950: var(--tw-lightBlue-950);
    --studio-lightBlue-950: var(--tw-lightBlue-950);
    --tw-warmGray-50: 60 9% 98%;
    --warmGray-50: var(--tw-warmGray-50);
    --studio-warmGray-50: var(--tw-warmGray-50);
    --tw-warmGray-100: 60 5% 96%;
    --warmGray-100: var(--tw-warmGray-100);
    --studio-warmGray-100: var(--tw-warmGray-100);
    --tw-warmGray-200: 20 6% 90%;
    --warmGray-200: var(--tw-warmGray-200);
    --studio-warmGray-200: var(--tw-warmGray-200);
    --tw-warmGray-300: 24 6% 83%;
    --warmGray-300: var(--tw-warmGray-300);
    --studio-warmGray-300: var(--tw-warmGray-300);
    --tw-warmGray-400: 24 5% 64%;
    --warmGray-400: var(--tw-warmGray-400);
    --studio-warmGray-400: var(--tw-warmGray-400);
    --tw-warmGray-500: 25 5% 45%;
    --warmGray-500: var(--tw-warmGray-500);
    --studio-warmGray-500: var(--tw-warmGray-500);
    --tw-warmGray-600: 33 5% 32%;
    --warmGray-600: var(--tw-warmGray-600);
    --studio-warmGray-600: var(--tw-warmGray-600);
    --tw-warmGray-700: 30 6% 25%;
    --warmGray-700: var(--tw-warmGray-700);
    --studio-warmGray-700: var(--tw-warmGray-700);
    --tw-warmGray-800: 12 6% 15%;
    --warmGray-800: var(--tw-warmGray-800);
    --studio-warmGray-800: var(--tw-warmGray-800);
    --tw-warmGray-900: 24 10% 10%;
    --warmGray-900: var(--tw-warmGray-900);
    --studio-warmGray-900: var(--tw-warmGray-900);
    --tw-warmGray-950: 20 14% 4%;
    --warmGray-950: var(--tw-warmGray-950);
    --studio-warmGray-950: var(--tw-warmGray-950);
    --tw-trueGray-50: 0 0% 98%;
    --trueGray-50: var(--tw-trueGray-50);
    --studio-trueGray-50: var(--tw-trueGray-50);
    --tw-trueGray-100: 0 0% 96%;
    --trueGray-100: var(--tw-trueGray-100);
    --studio-trueGray-100: var(--tw-trueGray-100);
    --tw-trueGray-200: 0 0% 90%;
    --trueGray-200: var(--tw-trueGray-200);
    --studio-trueGray-200: var(--tw-trueGray-200);
    --tw-trueGray-300: 0 0% 83%;
    --trueGray-300: var(--tw-trueGray-300);
    --studio-trueGray-300: var(--tw-trueGray-300);
    --tw-trueGray-400: 0 0% 64%;
    --trueGray-400: var(--tw-trueGray-400);
    --studio-trueGray-400: var(--tw-trueGray-400);
    --tw-trueGray-500: 0 0% 45%;
    --trueGray-500: var(--tw-trueGray-500);
    --studio-trueGray-500: var(--tw-trueGray-500);
    --tw-trueGray-600: 0 0% 32%;
    --trueGray-600: var(--tw-trueGray-600);
    --studio-trueGray-600: var(--tw-trueGray-600);
    --tw-trueGray-700: 0 0% 25%;
    --trueGray-700: var(--tw-trueGray-700);
    --studio-trueGray-700: var(--tw-trueGray-700);
    --tw-trueGray-800: 0 0% 15%;
    --trueGray-800: var(--tw-trueGray-800);
    --studio-trueGray-800: var(--tw-trueGray-800);
    --tw-trueGray-900: 0 0% 9%;
    --trueGray-900: var(--tw-trueGray-900);
    --studio-trueGray-900: var(--tw-trueGray-900);
    --tw-trueGray-950: 0 0% 4%;
    --trueGray-950: var(--tw-trueGray-950);
    --studio-trueGray-950: var(--tw-trueGray-950);
    --tw-coolGray-50: 210 20% 98%;
    --coolGray-50: var(--tw-coolGray-50);
    --studio-coolGray-50: var(--tw-coolGray-50);
    --tw-coolGray-100: 220 14% 96%;
    --coolGray-100: var(--tw-coolGray-100);
    --studio-coolGray-100: var(--tw-coolGray-100);
    --tw-coolGray-200: 220 13% 91%;
    --coolGray-200: var(--tw-coolGray-200);
    --studio-coolGray-200: var(--tw-coolGray-200);
    --tw-coolGray-300: 216 12% 84%;
    --coolGray-300: var(--tw-coolGray-300);
    --studio-coolGray-300: var(--tw-coolGray-300);
    --tw-coolGray-400: 218 11% 65%;
    --coolGray-400: var(--tw-coolGray-400);
    --studio-coolGray-400: var(--tw-coolGray-400);
    --tw-coolGray-500: 220 9% 46%;
    --coolGray-500: var(--tw-coolGray-500);
    --studio-coolGray-500: var(--tw-coolGray-500);
    --tw-coolGray-600: 215 14% 34%;
    --coolGray-600: var(--tw-coolGray-600);
    --studio-coolGray-600: var(--tw-coolGray-600);
    --tw-coolGray-700: 217 19% 27%;
    --coolGray-700: var(--tw-coolGray-700);
    --studio-coolGray-700: var(--tw-coolGray-700);
    --tw-coolGray-800: 215 28% 17%;
    --coolGray-800: var(--tw-coolGray-800);
    --studio-coolGray-800: var(--tw-coolGray-800);
    --tw-coolGray-900: 221 39% 11%;
    --coolGray-900: var(--tw-coolGray-900);
    --studio-coolGray-900: var(--tw-coolGray-900);
    --tw-coolGray-950: 224 71% 4%;
    --coolGray-950: var(--tw-coolGray-950);
    --studio-coolGray-950: var(--tw-coolGray-950);
    --tw-blueGray-50: 210 40% 98%;
    --blueGray-50: var(--tw-blueGray-50);
    --studio-blueGray-50: var(--tw-blueGray-50);
    --tw-blueGray-100: 210 40% 96%;
    --blueGray-100: var(--tw-blueGray-100);
    --studio-blueGray-100: var(--tw-blueGray-100);
    --tw-blueGray-200: 214 32% 91%;
    --blueGray-200: var(--tw-blueGray-200);
    --studio-blueGray-200: var(--tw-blueGray-200);
    --tw-blueGray-300: 213 27% 84%;
    --blueGray-300: var(--tw-blueGray-300);
    --studio-blueGray-300: var(--tw-blueGray-300);
    --tw-blueGray-400: 215 20% 65%;
    --blueGray-400: var(--tw-blueGray-400);
    --studio-blueGray-400: var(--tw-blueGray-400);
    --tw-blueGray-500: 215 16% 47%;
    --blueGray-500: var(--tw-blueGray-500);
    --studio-blueGray-500: var(--tw-blueGray-500);
    --tw-blueGray-600: 215 19% 35%;
    --blueGray-600: var(--tw-blueGray-600);
    --studio-blueGray-600: var(--tw-blueGray-600);
    --tw-blueGray-700: 215 25% 27%;
    --blueGray-700: var(--tw-blueGray-700);
    --studio-blueGray-700: var(--tw-blueGray-700);
    --tw-blueGray-800: 217 33% 17%;
    --blueGray-800: var(--tw-blueGray-800);
    --studio-blueGray-800: var(--tw-blueGray-800);
    --tw-blueGray-900: 222 47% 11%;
    --blueGray-900: var(--tw-blueGray-900);
    --studio-blueGray-900: var(--tw-blueGray-900);
    --tw-blueGray-950: 229 84% 5%;
    --blueGray-950: var(--tw-blueGray-950);
    --studio-blueGray-950: var(--tw-blueGray-950)
}

:root {
    --card: var(--background);
    --card-foreground: var(--foreground);
    --popover: var(--background);
    --popover-foreground: var(--foreground);
    --primary: 220.9 39.3% 11%;
    --primary-foreground: 210 20% 98%;
    --secondary: 220 14.3% 95.9%;
    --secondary-foreground: 220.9 39.3% 11%;
    --muted: 220 14.3% 95.9%;
    --muted-foreground: 220 8.9% 46.1%;
    --accent: 220 14.3% 95.9%;
    --accent-foreground: 220.9 39.3% 11%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 20% 98%;
    --border: var(--gray-alpha-150);
    --input: 220 13% 91%;
    --ring: 224 71.4% 4.1%;
    --radius: 0.5rem;
    --dark-gray-base: 224, 90%, 9%;
    --h-screen-dvh-unsafe: 100dvh;
    --h-screen-dvh: var(--h-screen-dvh-unsafe, 100vh);
    --background-alt: 0 0% 99%;
    --background: 0 0% 100%;
    --foreground: 240 3% 6%;
    --tw-gray-50: 0 0% 98%;
    --tw-gray-100: 240 4.8% 95.9%;
    --tw-gray-200: 240 6.1% 90.4%;
    --tw-gray-300: 240 5.1% 84.7%;
    --tw-gray-400: 240 4.7% 66.7%;
    --tw-gray-500: 240 3.6% 48.8%;
    --tw-gray-600: 240 4.7% 37.5%;
    --tw-gray-700: 240 4.6% 30%;
    --tw-gray-800: 240 2.9% 20.2%;
    --tw-gray-900: 240 2.7% 14.5%;
    --tw-gray-950: 240 1.7% 11.2%;
    --gray-50: var(--tw-gray-50);
    --gray-100: var(--tw-gray-100);
    --gray-200: var(--tw-gray-200);
    --gray-300: var(--tw-gray-300);
    --gray-400: var(--tw-gray-400);
    --gray-500: var(--tw-gray-500);
    --gray-600: var(--tw-gray-600);
    --gray-700: var(--tw-gray-700);
    --gray-800: var(--tw-gray-800);
    --gray-900: var(--tw-gray-900);
    --gray-950: var(--tw-gray-950);
    --lighten-50: rgba(254, 254, 255, .05);
    --lighten-100: rgba(243, 243, 255, .088);
    --lighten-150: rgba(241, 241, 255, .125);
    --lighten-200: rgba(241, 241, 255, .151);
    --lighten-300: rgba(231, 231, 255, .265);
    --lighten-400: rgba(231, 231, 255, .349);
    --lighten-500: rgba(237, 237, 255, .471);
    --lighten-600: rgba(243, 243, 255, .66);
    --lighten-700: rgba(251, 251, 255, .845);
    --lighten-800: rgba(252, 252, 255, .903);
    --lighten-900: rgba(254, 254, 255, .958);
    --lighten-950: hsla(0, 0%, 100%, .978);
    --darken-50: rgba(0, 0, 0, .02);
    --darken-100: rgba(0, 0, 23, .043);
    --darken-150: rgba(0, 0, 29, .075);
    --darken-200: rgba(0, 0, 29, .102);
    --darken-300: rgba(0, 0, 25, .161);
    --darken-400: rgba(0, 0, 23, .349);
    --darken-500: rgba(0, 0, 17, .529);
    --darken-600: rgba(0, 0, 14, .643);
    --darken-700: rgba(0, 0, 10, .714);
    --darken-800: rgba(0, 0, 4, .804);
    --darken-900: rgba(0, 0, 2, .859);
    --darken-950: rgba(0, 0, 1, .89);
    --gray-alpha-50: var(--darken-50);
    --gray-alpha-100: var(--darken-100);
    --gray-alpha-150: var(--darken-150);
    --gray-alpha-200: var(--darken-200);
    --gray-alpha-300: var(--darken-300);
    --gray-alpha-400: var(--darken-400);
    --gray-alpha-500: var(--darken-500);
    --gray-alpha-600: var(--darken-600);
    --gray-alpha-700: var(--darken-700);
    --gray-alpha-800: var(--darken-800);
    --gray-alpha-900: var(--darken-900);
    --gray-alpha-950: var(--darken-950);
    --collection-red-100: 0 19% 88%;
    --collection-red-500: 0 11% 73%;
    --collection-red-900: 0 30% 14%;
    --collection-orange-100: 30 19% 88%;
    --collection-orange-500: 28 11% 73%;
    --collection-orange-900: 32 30% 14%;
    --collection-yellow-100: 64 19% 88%;
    --collection-yellow-500: 62 11% 73%;
    --collection-yellow-900: 58 30% 14%;
    --collection-green-100: 127 19% 88%;
    --collection-green-500: 120 11% 73%;
    --collection-green-900: 120 30% 14%;
    --collection-teal-100: 177 19% 88%;
    --collection-teal-500: 177 11% 73%;
    --collection-teal-900: 180 30% 14%;
    --collection-blue-100: 228 19% 88%;
    --collection-blue-500: 232 11% 73%;
    --collection-blue-900: 221 30% 14%;
    --collection-purple-100: 281 19% 88%;
    --collection-purple-500: 285 11% 73%;
    --collection-purple-900: 285 30% 14%;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
    --fade-background: var(--background);
    --chart-primary-fill: 224 100% 98%;
    --chart-primary-stroke: 224 100% 51%;
    --chart-success-fill: 140 100% 98%;
    --chart-success-stroke: 140 100% 40%;
    --chart-error-fill: 1 100% 98%;
    --chart-error-stroke: 1 100% 51%;
    --chart-unknown-fill: 0 0% 98%;
    --chart-unknown-stroke: 0 0% 55%
}

.rebrand-body * {
    border-color: var(--gray-alpha-150)
}

*, :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: hsl(var(--blue-500)/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

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

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

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

.prose :where(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(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(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
}

#app-root:has(#authenticated-root) {
    background-color: hsl(var(--background))
}

h2 {
    font-family: Inter, sans-serif
}

.link:hover {
    text-decoration-color: hsl(var(--gray-900))
}

.link:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.link-white:hover {
    text-decoration-color: hsl(var(--gray-50))
}

.btn-primary:hover {
    background-color: hsl(var(--gray-800))
}

.btn-primary:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--gray-500));
    --tw-ring-offset-width: 2px
}

.btn-secondary:hover {
    background-color: hsl(var(--gray-200))
}

.btn-secondary:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--gray-500));
    --tw-ring-offset-width: 2px
}

.btn-white:hover {
    background-color: hsl(var(--gray-50))
}

.btn-white:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--gray-500));
    --tw-ring-offset-width: 2px
}

.badge-btn-xs:hover {
    filter: brightness(110%)
}

.badge-btn-xs:active {
    filter: brightness(120%)
}

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

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

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

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-inset-1\.5 {
    inset: -.375rem
}

.inset-0 {
    inset: 0
}

.inset-0\.5 {
    inset: .125rem
}

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

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

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

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

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

.bottom-0 {
    bottom: 0
}

.bottom-\[-1px\] {
    bottom: -1px
}

.left-0 {
    left: 0
}

.left-\[22px\] {
    left: 22px
}

.right-0 {
    right: 0
}

.right-0\.5 {
    right: .125rem
}

.right-1 {
    right: .25rem
}

.right-\[0\.125rem\] {
    right: .125rem
}

.top-0 {
    top: 0
}

.top-\[-1px\] {
    top: -1px
}

.top-\[0\.325rem\] {
    top: .325rem
}

.top-full {
    top: 100%
}

.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-\[10\] {
    z-index: 10
}

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

.order-1 {
    order: 1
}

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

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

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

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

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

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

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

.-mb-\[1px\] {
    margin-bottom: -1px
}

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

.-ml-\[3px\] {
    margin-left: -3px
}

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

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

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

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

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

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

.ml-auto {
    margin-left: auto
}

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

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

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

.mr-\[5px\] {
    margin-right: 5px
}

.mr-\[6px\] {
    margin-right: 6px
}

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

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

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

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

.mt-auto {
    margin-top: auto
}

.box-border {
    box-sizing: border-box
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.block {
    display: block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-0 {
    height: 0
}

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

.h-11 {
    height: 2.75rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1\.375rem\] {
    height: 1.375rem
}

.h-\[18px\] {
    height: 18px
}

.h-\[248px\] {
    height: 248px
}

.h-\[calc\(var\(--eleven-header-height\)\+var\(--eleven-banner-height\)\)\] {
    height: calc(var(--eleven-header-height) + var(--eleven-banner-height))
}

.h-\[var\(--eleven-header-height\)\] {
    height: var(--eleven-header-height)
}

.h-full {
    height: 100%
}

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

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

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

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

.min-h-\[var\(--h-screen-dvh\)\] {
    min-height: var(--h-screen-dvh)
}

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

.w-11 {
    width: 2.75rem
}

.w-3 {
    width: .75rem
}

.w-4 {
    width: 1rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[1\.375rem\] {
    width: 1.375rem
}

.w-\[109\.125px\] {
    width: 109.125px
}

.w-\[18px\] {
    width: 18px
}

.w-\[18x\] {
    width: 18x
}

.w-\[420px\] {
    width: 420px
}

.w-\[calc\(100\%\+2\.5rem\)\] {
    width: calc(100% + 2.5rem)
}

.w-\[calc\(var\(--eleven-sidebar-width\)-1\.8125rem\)\] {
    width: calc(var(--eleven-sidebar-width) - 1.8125rem)
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

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

.min-w-fit {
    min-width: fit-content
}

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

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

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

.max-w-\[calc\(100\%-5\.5rem\)\] {
    max-width: calc(100% - 5.5rem)
}

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

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

.flex-\[1_1_0\] {
    flex: 1 1 0
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.-translate-x-1 {
    --tw-translate-x: -0.25rem
}

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

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

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

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

.translate-x-0\.5 {
    --tw-translate-x: 0.125rem
}

.translate-x-1 {
    --tw-translate-x: 0.25rem
}

.translate-x-\[13px\] {
    --tw-translate-x: 13px
}

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

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

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

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

@keyframes bounce-highlight {
    0%, to {
        transform: scale(1) translateY(0)
    }
    50% {
        transform: scale(1.02) translateY(-2px)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-50%)
    }
}

@keyframes move-bg {
    0% {
        background-position: 0 0
    }
    to {
        background-position: var(--move-bg-width) 0
    }
}

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

@keyframes pulse-reverse-x2 {
    0%, to {
        opacity: .2
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: .2
    }
    75% {
        opacity: 1
    }
}

@keyframes pulse-reverse {
    0%, to {
        opacity: .2
    }
    50% {
        opacity: 1
    }
}

@keyframes sfx-star-bounce {
    0%, to {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-2px)
    }
}

@keyframes shimmer {
    0% {
        background-position: 133% 0
    }
    to {
        background-position: -66% 0
    }
}

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

@keyframes text-shimmer {
    0% {
        background-position: 133%
    }
    to {
        background-position: -33%
    }
}

.cursor-pointer {
    cursor: pointer
}

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

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

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

.flex-col {
    flex-direction: column
}

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

.items-center {
    align-items: center
}

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

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

.justify-center {
    justify-content: center
}

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

.gap-0\.5 {
    gap: .125rem
}

.gap-1 {
    gap: .25rem
}

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

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-3\.5 {
    gap: .875rem
}

.gap-4 {
    gap: 1rem
}

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

.self-stretch {
    align-self: stretch
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

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

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

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

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

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.overflow-ellipsis, .truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-all {
    word-break: break-all
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[14px\] {
    border-radius: 14px
}

.rounded-\[6px\] {
    border-radius: 6px
}

.rounded-\[inherit\] {
    border-radius: inherit
}

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

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

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

.border {
    border-width: 1px
}

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

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

.border-b-\[1\.5px\] {
    border-bottom-width: 1.5px
}

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

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

.border-none {
    border-style: none
}

.border-background {
    border-color: hsl(var(--background))
}

.border-gray-200 {
    border-color: hsl(var(--gray-200))
}

.border-gray-alpha-200 {
    border-color: var(--gray-alpha-200)
}

.border-transparent {
    border-color: transparent
}

.\!bg-gray-alpha-100 {
    background-color: var(--gray-alpha-100) !important
}

.bg-background {
    background-color: hsl(var(--background))
}

.bg-background\/90 {
    background-color: hsl(var(--background)/.9)
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-foreground {
    background-color: hsl(var(--foreground))
}

.bg-gray-100 {
    background-color: hsl(var(--gray-100))
}

.bg-gray-50 {
    background-color: hsl(var(--gray-50))
}

.bg-gray-alpha-100 {
    background-color: var(--gray-alpha-100)
}

.bg-gray-alpha-200 {
    background-color: var(--gray-alpha-200)
}

.bg-gray-alpha-50 {
    background-color: var(--gray-alpha-50)
}

.bg-transparent {
    background-color: transparent
}

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

.bg-none {
    background-image: none
}

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

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

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

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-3 {
    padding: .75rem
}

.p-3\.5 {
    padding: .875rem
}

.p-5 {
    padding: 1.25rem
}

.p-px {
    padding: 1px
}

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

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.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-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

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

.px-\[calc\(theme\(space\.1\)-1px\)\] {
    padding-left: calc(.25rem - 1px);
    padding-right: calc(.25rem - 1px)
}

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

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

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

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

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

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

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

.pb-1\.5 {
    padding-bottom: .375rem
}

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

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

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

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

.pl-0\.5 {
    padding-left: .125rem
}

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

.pl-\[--eleven-sidebar-width\] {
    padding-left: var(--eleven-sidebar-width)
}

.pl-\[1px\] {
    padding-left: 1px
}

.pr-0 {
    padding-right: 0
}

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

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

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

.pt-0\.5 {
    padding-top: .125rem
}

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

.pt-\[calc\(var\(--eleven-header-height\)\+var\(--eleven-banner-height\)\)\] {
    padding-top: calc(var(--eleven-header-height) + var(--eleven-banner-height))
}

.text-left {
    text-align: left
}

.text-start {
    text-align: start
}

.font-waldenburg-ht {
    font-family: var(--font-waldenburg-ht)
}

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

.text-lg {
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -.0025em
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0
}

.text-xm {
    font-size: .8125rem;
    line-height: 1.25rem;
    letter-spacing: 0
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0025em
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.tabular-nums {
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
}

.tabular-nums {
    --tw-numeric-spacing: tabular-nums
}

.leading-6 {
    line-height: 1.5rem
}

.\!text-gray-alpha-950 {
    color: var(--gray-alpha-950) !important
}

.text-\[inherit\] {
    color: inherit
}

.text-background {
    color: hsl(var(--background))
}

.text-foreground {
    color: hsl(var(--foreground))
}

.text-gray-500 {
    color: hsl(var(--gray-500))
}

.text-gray-600 {
    color: hsl(var(--gray-600))
}

.text-gray-alpha-500 {
    color: var(--gray-alpha-500)
}

.text-gray-alpha-950 {
    color: var(--gray-alpha-950)
}

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

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-50 {
    opacity: .5
}

.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 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

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

.outline-dotted {
    outline-style: dotted
}

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

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

.outline-foreground {
    outline-color: hsl(var(--foreground))
}

.outline-gray-300 {
    outline-color: hsl(var(--gray-300))
}

.outline-gray-alpha-950 {
    outline-color: var(--gray-alpha-950)
}

.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 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

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

.ring-gray-alpha-200 {
    --tw-ring-color: var(--gray-alpha-200)
}

.ring-gray-alpha-950 {
    --tw-ring-color: var(--gray-alpha-950)
}

.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background))
}

.backdrop-blur-\[8px\] {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur-\[8px\] {
    -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)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-md {
    -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-\[outline-color\] {
    transition-property: outline-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[width\] {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

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

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

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

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

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

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

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

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

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

.duration-100 {
    animation-duration: .1s
}

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

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

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

.duration-75 {
    animation-duration: 75ms
}

.\@container {
    container-type: inline-size
}

.fade-top-3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: .75rem;
    background: linear-gradient(to bottom, hsl(var(--fade-background)), hsla(0, 0%, 100%, 0));
    pointer-events: none;
    z-index: 10
}

.fade-top-8:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2rem;
    background: linear-gradient(to bottom, hsl(var(--fade-background)), hsla(0, 0%, 100%, 0));
    pointer-events: none;
    z-index: 10
}

.fade-bottom-3 {
    position: relative
}

.fade-bottom-3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .75rem;
    background: linear-gradient(to top, hsl(var(--fade-background)), hsla(0, 0%, 100%, 0));
    pointer-events: none;
    z-index: 10
}

.fade-bottom-8:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2rem;
    background: linear-gradient(to top, hsl(var(--fade-background)), hsla(0, 0%, 100%, 0));
    pointer-events: none;
    z-index: 10
}

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

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

:root {
    --eleven-header-height: 4rem;
    --eleven-banner-height: 0rem;
    --eleven-footer-height: 4.5rem
}

@media (min-width: 1024px) {
    :root {
        --eleven-header-height: 4rem;
        --eleven-banner-height: 0rem;
        --eleven-footer-height: 0rem
    }
}

.\[--max-w\:1000px\] {
    --max-w: 1000px
}

.\[--px\:1rem\] {
    --px: 1rem
}

.min-h-100dvh {
    min-height: 100dvh
}

.inter {
    font-family: Inter, sans-serif
}

:root {
    font-size: 16px
}

.elevenlabs:hover .eleven {
    left: 0;
    opacity: 1;
    transition-delay: 0s
}

.elevenlabs:hover .labs {
    left: 0;
    opacity: 1;
    transition-delay: 0s
}

@layer playback {
    ::-webkit-progress-inner-element {
        overflow: hidden;
        border-radius: 9999px
    }

    ::-webkit-progress-bar {
        background-color: hsl(var(--gray-300))
    }

    ::-webkit-progress-value {
        background-color: hsl(var(--foreground))
    }

    input[type=range]:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
    }

    input[type=range]::-webkit-slider-runnable-track {
        height: 2rem;
        width: 100%;
        cursor: pointer;
        border-radius: .375rem;
        border-width: 4px;
        border-color: hsl(var(--foreground));
        background-color: transparent
    }

    input[type=range]::-webkit-slider-thumb {
        margin-top: .5rem;
        height: 1rem;
        width: .25rem;
        cursor: pointer;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 9999px;
        background-color: hsl(var(--foreground));
        --tw-shadow: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);
        --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 8px -2px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
        --tw-ring-color: hsl(var(--background))
    }

    input[type=range]:focus::-webkit-slider-runnable-track {
        background-color: transparent
    }

    input[type=range]::-moz-range-track {
        width: 100%;
        height: 8.4px;
        cursor: pointer;
        background: #3071a9;
        border-radius: 1.3px;
        border: .2px solid #010101
    }

    input[type=range]::-moz-range-thumb {
        border: 1px solid #000;
        height: 36px;
        width: 16px;
        border-radius: 3px;
        background: #fff;
        cursor: pointer
    }

    input[type=range]::-ms-track {
        width: 100%;
        height: 8.4px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        border-width: 16px 0;
        color: transparent
    }

    input[type=range]::-ms-fill-lower {
        background: #2a6495;
        border: .2px solid #010101;
        border-radius: 2.6px
    }

    input[type=range]::-ms-fill-upper {
        background: #3071a9;
        border: .2px solid #010101;
        border-radius: 2.6px
    }

    input[type=range]::-ms-thumb {
        border: 1px solid #000;
        height: 36px;
        width: 16px;
        border-radius: 3px;
        background: #fff;
        cursor: pointer
    }

    input[type=range]:focus::-ms-fill-lower {
        background: #3071a9
    }

    input[type=range]:focus::-ms-fill-upper {
        background: #367ebd
    }

    .editor-block-wrapper:hover .editor-block-inner {
        background-color: hsl(var(--amber-100))
    }
}

.chakra-portal {
    position: relative;
    z-index: 300
}

audio::-webkit-media-controls-panel, audio::-webkit-media-controls-play-button {
    background-color: #edf2f5
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.no-ring input:focus, .no-ring select:focus, .no-ring textarea: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-offset-width: 0px
}

.blog-content .wp-block-button__link:hover {
    background-color: #005f8d
}

summary::-webkit-details-marker {
    display: none
}

.eleven-list:hover .eleven-list-item[aria-selected=true] {
    background-color: var(--gray-alpha-50) !important
}

.eleven-autocomplete-textarea:has(textarea: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(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--foreground))
}

.focus-within-ring:has(: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(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--foreground));
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-color: hsl(var(--background))
}

.placeholder\:text-subtle::-moz-placeholder {
    color: var(--gray-alpha-500)
}

.placeholder\:text-subtle::placeholder {
    color: var(--gray-alpha-500)
}

.before\:text-subtle:before {
    content: var(--tw-content);
    color: var(--gray-alpha-500)
}

.hover\:text-subtle:hover {
    color: var(--gray-alpha-500)
}

.hover\:text-error:hover {
    color: #dd4949
}

.focus\:border-subtle:focus {
    border-color: var(--gray-alpha-150)
}

.focus-visible\:focus-ring:focus-visible:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--foreground));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: hsl(var(--background))
}

.active\:text-error:active {
    color: #dd4949
}

.first-letter\:uppercase:first-letter {
    text-transform: uppercase
}

.first-letter\:capitalize:first-letter {
    text-transform: capitalize
}

.file\:mr-4::file-selector-button {
    margin-right: 1rem
}

.file\:rounded-l-md::file-selector-button {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.file\:border-0::file-selector-button {
    border-width: 0
}

.file\:bg-transparent::file-selector-button {
    background-color: transparent
}

.file\:px-4::file-selector-button {
    padding-left: 1rem;
    padding-right: 1rem
}

.file\:py-2::file-selector-button {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.file\:text-sm::file-selector-button {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0
}

.file\:text-xm::file-selector-button {
    font-size: .8125rem;
    line-height: 1.25rem;
    letter-spacing: 0
}

.file\:text-xs::file-selector-button {
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: .0025em
}

.file\:font-medium::file-selector-button {
    font-weight: 500
}

.file\:font-semibold::file-selector-button {
    font-weight: 600
}

.placeholder\:text-sm::-moz-placeholder {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0
}

.placeholder\:text-sm::placeholder {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: 0
}

.placeholder\:text-gray-500::-moz-placeholder {
    color: hsl(var(--gray-500))
}

.placeholder\:text-gray-500::placeholder {
    color: hsl(var(--gray-500))
}

.placeholder\:text-gray-alpha-400::-moz-placeholder {
    color: var(--gray-alpha-400)
}

.placeholder\:text-gray-alpha-400::placeholder {
    color: var(--gray-alpha-400)
}

.placeholder\:text-muted-foreground::-moz-placeholder {
    color: hsl(var(--muted-foreground))
}

.placeholder\:text-muted-foreground::placeholder {
    color: hsl(var(--muted-foreground))
}

.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none
}

.before\:bottom-0:before {
    content: var(--tw-content);
    bottom: 0
}

.before\:left-0:before {
    content: var(--tw-content);
    left: 0
}

.before\:right-0:before {
    content: var(--tw-content);
    right: 0
}

.before\:top-0:before {
    content: var(--tw-content);
    top: 0
}

.before\:float-left:before {
    content: var(--tw-content);
    float: left
}

.before\:h-0:before {
    content: var(--tw-content);
    height: 0
}

.before\:text-muted-foreground:before {
    content: var(--tw-content);
    color: hsl(var(--muted-foreground))
}

.before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content)
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:-inset-2:after {
    content: var(--tw-content);
    inset: -.5rem
}

.after\:inset-y-0:after {
    content: var(--tw-content);
    top: 0;
    bottom: 0
}

.after\:left-0:after {
    content: var(--tw-content);
    left: 0
}

.after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%
}

.after\:top-0:after {
    content: var(--tw-content);
    top: 0
}

.after\:z-10:after {
    content: var(--tw-content);
    z-index: 10
}

.after\:block:after {
    content: var(--tw-content);
    display: block
}

.after\:h-2:after {
    content: var(--tw-content);
    height: .5rem
}

.after\:h-2\.5:after {
    content: var(--tw-content);
    height: .625rem
}

.after\:h-full:after {
    content: var(--tw-content);
    height: 100%
}

.after\:w-2:after {
    content: var(--tw-content);
    width: .5rem
}

.after\:w-2\.5:after {
    content: var(--tw-content);
    width: .625rem
}

.after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px
}

.after\:w-full:after {
    content: var(--tw-content);
    width: 100%
}

.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 9999px
}

.after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: hsl(var(--foreground))
}

.after\:shadow-inner:after {
    content: var(--tw-content);
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.first\:before\:content-\[attr\(data-placeholder\)\]:first-child:before {
    --tw-content: attr(data-placeholder);
    content: var(--tw-content)
}

.focus-within\:not-sr-only:focus-within {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.focus-within\:relative:focus-within {
    position: relative
}

.focus-within\:z-10:focus-within {
    z-index: 10
}

.focus-within\:z-20:focus-within {
    z-index: 20
}

.focus-within\:z-\[1\]:focus-within {
    z-index: 1
}

.focus-within\:z-\[2\]:focus-within {
    z-index: 2
}

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

.focus-within\:border-none:focus-within {
    border-style: none
}

.focus-within\:border-foreground:focus-within {
    border-color: hsl(var(--foreground))
}

.focus-within\:border-gray-900:focus-within {
    border-color: hsl(var(--gray-900))
}

.focus-within\:border-gray-alpha-200:focus-within {
    border-color: var(--gray-alpha-200)
}

.focus-within\:border-gray-alpha-400:focus-within {
    border-color: var(--gray-alpha-400)
}

.focus-within\:bg-gray-alpha-100:focus-within {
    background-color: var(--gray-alpha-100)
}

.focus-within\:\!opacity-100:focus-within {
    opacity: 1 !important
}

.focus-within\:opacity-100:focus-within {
    opacity: 1
}

.focus-within\:shadow-lg:focus-within {
    --tw-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
    --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-within\:ring-1: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(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)
}

.focus-within\:ring-\[0\.5px\]: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(0.5px + 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-\[1\.5px\]: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(1.5px + 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-gray-900:focus-within {
    --tw-ring-color: hsl(var(--gray-900))
}

.focus-within\:ring-gray-alpha-400:focus-within {
    --tw-ring-color: var(--gray-alpha-400)
}

.focus-within\:ring-offset-2:focus-within {
    --tw-ring-offset-width: 2px
}

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

.hover\:h-6:hover {
    height: 1.5rem
}

.hover\:w-6:hover {
    width: 1.5rem
}

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

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

.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem
}

.hover\:-translate-y-px:hover {
    --tw-translate-y: -1px
}

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

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

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

.hover\:scale-150:hover {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5
}

.hover\:scale-\[1\.03\]:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.hover\:cursor-pointer:hover {
    cursor: pointer
}

.hover\:border-none:hover {
    border-style: none
}

.hover\:border-\[\#B52620\]\/70:hover {
    border-color: rgba(181, 38, 32, .7)
}

.hover\:border-black\/75:hover {
    border-color: rgba(0, 0, 0, .75)
}

.hover\:border-foreground:hover {
    border-color: hsl(var(--foreground))
}

.hover\:border-gray-100:hover {
    border-color: hsl(var(--gray-100))
}

.hover\:border-gray-200:hover {
    border-color: hsl(var(--gray-200))
}

.hover\:border-gray-300:hover {
    border-color: hsl(var(--gray-300))
}

.hover\:border-gray-500:hover {
    border-color: hsl(var(--gray-500))
}

.hover\:border-gray-alpha-100:hover {
    border-color: var(--gray-alpha-100)
}

.hover\:border-gray-alpha-200:hover {
    border-color: var(--gray-alpha-200)
}

.hover\:border-gray-alpha-300:hover {
    border-color: var(--gray-alpha-300)
}

.hover\:border-gray-alpha-400:hover {
    border-color: var(--gray-alpha-400)
}

.hover\:border-gray-alpha-500:hover {
    border-color: var(--gray-alpha-500)
}

.hover\:border-gray-alpha-950:hover {
    border-color: var(--gray-alpha-950)
}

.hover\:border-orange-600:hover {
    border-color: hsl(var(--orange-600))
}

.hover\:\!bg-gray-50:hover {
    background-color: hsl(var(--gray-50)) !important
}

.hover\:\!bg-gray-alpha-100:hover {
    background-color: var(--gray-alpha-100) !important
}

.hover\:\!bg-gray-alpha-900:hover {
    background-color: var(--gray-alpha-900) !important
}

.hover\:bg-background:hover {
    background-color: hsl(var(--background))
}

.hover\:bg-background\/70:hover {
    background-color: hsl(var(--background)/.7)
}

.hover\:bg-background\/80:hover {
    background-color: hsl(var(--background)/.8)
}

.hover\:bg-black\/10:hover {
    background-color: rgba(0, 0, 0, .1)
}

.hover\:bg-black\/20:hover {
    background-color: rgba(0, 0, 0, .2)
}

.hover\:bg-black\/90:hover {
    background-color: rgba(0, 0, 0, .9)
}

.hover\:bg-blue-100:hover {
    background-color: hsl(var(--blue-100))
}

.hover\:bg-blue-600:hover {
    background-color: hsl(var(--blue-600))
}

.hover\:bg-destructive\/90:hover {
    background-color: hsl(var(--destructive)/.9)
}

.hover\:bg-foreground:hover {
    background-color: hsl(var(--foreground))
}

.hover\:bg-foreground\/75:hover {
    background-color: hsl(var(--foreground)/.75)
}

.hover\:bg-gray-100:hover {
    background-color: hsl(var(--gray-100))
}

.hover\:bg-gray-100\/90:hover {
    background-color: hsl(var(--gray-100)/.9)
}

.hover\:bg-gray-200:hover {
    background-color: hsl(var(--gray-200))
}

.hover\:bg-gray-300:hover {
    background-color: hsl(var(--gray-300))
}

.hover\:bg-gray-50:hover {
    background-color: hsl(var(--gray-50))
}

.hover\:bg-gray-50\/90:hover {
    background-color: hsl(var(--gray-50)/.9)
}

.hover\:bg-gray-500\/80:hover {
    background-color: hsl(var(--gray-500)/.8)
}

.hover\:bg-gray-600:hover {
    background-color: hsl(var(--gray-600))
}

.hover\:bg-gray-800:hover {
    background-color: hsl(var(--gray-800))
}

.hover\:bg-gray-900:hover {
    background-color: hsl(var(--gray-900))
}

.hover\:bg-gray-alpha-100:hover {
    background-color: var(--gray-alpha-100)
}

.hover\:bg-gray-alpha-150:hover {
    background-color: var(--gray-alpha-150)
}

.hover\:bg-gray-alpha-200:hover {
    background-color: var(--gray-alpha-200)
}

.hover\:bg-gray-alpha-300:hover {
    background-color: var(--gray-alpha-300)
}

.hover\:bg-gray-alpha-50:hover {
    background-color: var(--gray-alpha-50)
}

.hover\:bg-gray-alpha-800:hover {
    background-color: var(--gray-alpha-800)
}

.hover\:bg-green-200:hover {
    background-color: hsl(var(--green-200))
}

.hover\:bg-green-50:hover {
    background-color: hsl(var(--green-50))
}

.hover\:bg-green-600:hover {
    background-color: hsl(var(--green-600))
}

.hover\:bg-green-700:hover {
    background-color: hsl(var(--green-700))
}

.hover\:bg-muted\/50:hover {
    background-color: hsl(var(--muted)/.5)
}

.hover\:bg-orange-100:hover {
    background-color: hsl(var(--orange-100))
}

.hover\:bg-primary:hover {
    background-color: hsl(var(--primary))
}

.hover\:bg-primary\/90:hover {
    background-color: hsl(var(--primary)/.9)
}

.hover\:bg-red-100:hover {
    background-color: hsl(var(--red-100))
}

.hover\:bg-red-200:hover {
    background-color: hsl(var(--red-200))
}

.hover\:bg-red-200\/70:hover {
    background-color: hsl(var(--red-200)/.7)
}

.hover\:bg-red-300:hover {
    background-color: hsl(var(--red-300))
}

.hover\:bg-red-300\/10:hover {
    background-color: hsl(var(--red-300)/.1)
}

.hover\:bg-red-50:hover {
    background-color: hsl(var(--red-50))
}

.hover\:bg-red-500:hover {
    background-color: hsl(var(--red-500))
}

.hover\:bg-red-600:hover {
    background-color: hsl(var(--red-600))
}

.hover\:bg-red-800:hover {
    background-color: hsl(var(--red-800))
}

.hover\:bg-secondary\/20:hover {
    background-color: hsl(var(--secondary)/.2)
}

.hover\:bg-secondary\/80:hover {
    background-color: hsl(var(--secondary)/.8)
}

.hover\:bg-sidebar-accent:hover {
    background-color: hsl(var(--sidebar-accent))
}

.hover\:bg-slate-900:hover {
    background-color: hsl(var(--slate-900))
}

.hover\:bg-transparent:hover {
    background-color: transparent
}

.hover\:bg-white\/30:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.hover\:bg-yellow-100:hover {
    background-color: hsl(var(--yellow-100))
}

.hover\:from-20\%:hover {
    --tw-gradient-from-position: 20%
}

.hover\:fill-foreground\/70:hover {
    fill: hsl(var(--foreground)/.7)
}

.hover\:stroke-white:hover {
    stroke: #fff
}

.hover\:text-accent-foreground:hover {
    color: hsl(var(--accent-foreground))
}

.hover\:text-background:hover {
    color: hsl(var(--background))
}

.hover\:text-blue-700:hover {
    color: hsl(var(--blue-700))
}

.hover\:text-blue-800:hover {
    color: hsl(var(--blue-800))
}

.hover\:text-error:hover {
    --tw-text-opacity: 1;
    color: rgb(221 73 73/var(--tw-text-opacity))
}

.hover\:text-foreground:hover {
    color: hsl(var(--foreground))
}

.hover\:text-gray-500:hover {
    color: hsl(var(--gray-500))
}

.hover\:text-gray-600:hover {
    color: hsl(var(--gray-600))
}

.hover\:text-gray-700:hover {
    color: hsl(var(--gray-700))
}

.hover\:text-gray-800:hover {
    color: hsl(var(--gray-800))
}

.hover\:text-gray-900:hover {
    color: hsl(var(--gray-900))
}

.hover\:text-gray-950:hover {
    color: hsl(var(--gray-950))
}

.hover\:text-gray-alpha-600:hover {
    color: var(--gray-alpha-600)
}

.hover\:text-gray-alpha-700:hover {
    color: var(--gray-alpha-700)
}

.hover\:text-gray-alpha-800:hover {
    color: var(--gray-alpha-800)
}

.hover\:text-gray-alpha-900:hover {
    color: var(--gray-alpha-900)
}

.hover\:text-gray-alpha-950:hover {
    color: var(--gray-alpha-950)
}

.hover\:text-inherit:hover {
    color: inherit
}

.hover\:text-primary:hover {
    color: hsl(var(--primary))
}

.hover\:text-primary-foreground:hover {
    color: hsl(var(--primary-foreground))
}

.hover\:text-purple-700:hover {
    color: hsl(var(--purple-700))
}

.hover\:text-red-600:hover {
    color: hsl(var(--red-600))
}

.hover\:text-red-700:hover {
    color: hsl(var(--red-700))
}

.hover\:text-sidebar-accent-foreground:hover {
    color: hsl(var(--sidebar-accent-foreground))
}

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

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.hover\:decoration-\[\#B52620\]:hover {
    text-decoration-color: #b52620
}

.hover\:decoration-current:hover {
    text-decoration-color: currentColor
}

.hover\:decoration-gray-800:hover {
    text-decoration-color: hsl(var(--gray-800))
}

.hover\:decoration-gray-900:hover {
    text-decoration-color: hsl(var(--gray-900))
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-60:hover {
    opacity: .6
}

.hover\:opacity-70:hover {
    opacity: .7
}

.hover\:opacity-75:hover {
    opacity: .75
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:opacity-90:hover {
    opacity: .9
}

.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-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]: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-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
    --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
    --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -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: 0px 2px 4px -2px rgba(16, 24, 40, .06), 0px 4px 8px -2px rgba(16, 24, 40, .1);
    --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 8px -2px var(--tw-shadow-color)
}

.hover\:shadow-natural-lg:hover {
    --tw-shadow: 0 0px 0px 1px rgba(0, 0, 0, .06), 0 1px 1px -0.5px rgba(0, 0, 0, .06), 0 3px 3px -1.5px rgba(0, 0, 0, .06), 0 6px 6px -3px rgba(0, 0, 0, .06), 0 12px 12px -6px rgba(0, 0, 0, .04), 0 24px 24px -12px rgba(0, 0, 0, .04), 0 48px 48px -24px rgba(0, 0, 0, .02);
    --tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color), 0 1px 1px -0.5px var(--tw-shadow-color), 0 3px 3px -1.5px var(--tw-shadow-color), 0 6px 6px -3px var(--tw-shadow-color), 0 12px 12px -6px var(--tw-shadow-color), 0 24px 24px -12px var(--tw-shadow-color), 0 48px 48px -24px var(--tw-shadow-color)
}

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

.hover\:shadow-natural-md:hover {
    --tw-shadow: 0 0px 0px 1px rgba(0, 0, 0, .06), 0 1px 1px -0.5px rgba(0, 0, 0, .06), 0 3px 3px -1.5px rgba(0, 0, 0, .06), 0 6px 6px -3px rgba(0, 0, 0, .06), 0 12px 12px -6px rgba(0, 0, 0, .04), 0 24px 24px -12px rgba(0, 0, 0, .04);
    --tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color), 0 1px 1px -0.5px var(--tw-shadow-color), 0 3px 3px -1.5px var(--tw-shadow-color), 0 6px 6px -3px var(--tw-shadow-color), 0 12px 12px -6px var(--tw-shadow-color), 0 24px 24px -12px var(--tw-shadow-color)
}

.hover\:shadow-natural-sm:hover {
    --tw-shadow: 0 0px 0px 1px rgba(0, 0, 0, .06), 0 1px 1px -0.5px rgba(0, 0, 0, .06), 0 3px 3px -1.5px rgba(0, 0, 0, .06), 0 6px 6px -3px rgba(0, 0, 0, .06), 0 12px 12px -6px rgba(0, 0, 0, .02);
    --tw-shadow-colored: 0 0px 0px 1px var(--tw-shadow-color), 0 1px 1px -0.5px var(--tw-shadow-color), 0 3px 3px -1.5px var(--tw-shadow-color), 0 6px 6px -3px var(--tw-shadow-color), 0 12px 12px -6px var(--tw-shadow-color)
}

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

.hover\:shadow-sm:hover {
    --tw-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);
    --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color), 0px 1px 3px 0px var(--tw-shadow-color)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0px 24px 48px -12px rgba(16, 24, 40, .18);
    --tw-shadow-colored: 0px 24px 48px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:ring-2:hover {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.hover\:ring-gray-100:hover {
    --tw-ring-color: hsl(var(--gray-100))
}

.hover\:ring-gray-400\/60:hover {
    --tw-ring-color: hsl(var(--gray-400)/0.6)
}

.hover\:ring-gray-950:hover {
    --tw-ring-color: hsl(var(--gray-950))
}

.hover\:ring-gray-alpha-300:hover {
    --tw-ring-color: var(--gray-alpha-300)
}

.hover\:ring-gray-alpha-800:hover {
    --tw-ring-color: var(--gray-alpha-800)
}

.hover\:brightness-90:hover {
    --tw-brightness: brightness(.9);
    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)
}

.hover\:after\:bg-sidebar-border:hover:after {
    content: var(--tw-content);
    background-color: hsl(var(--sidebar-border))
}

.hover\:focus-within\:border-foreground:focus-within:hover {
    border-color: hsl(var(--foreground))
}

.focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.focus\:fixed:focus {
    position: fixed
}

.focus\:left-3:focus {
    left: .75rem
}

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

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

.focus\:z-20:focus {
    z-index: 20
}

.focus\:z-50:focus {
    z-index: 50
}

.focus\:z-\[1\]:focus {
    z-index: 1
}

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

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

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

.focus\:border:focus {
    border-width: 1px
}

.focus\:border-0:focus {
    border-width: 0
}

.focus\:border-none:focus {
    border-style: none
}

.focus\:border-gray-200:focus {
    border-color: hsl(var(--gray-200))
}

.focus\:border-gray-500:focus {
    border-color: hsl(var(--gray-500))
}

.focus\:border-gray-800:focus {
    border-color: hsl(var(--gray-800))
}

.focus\:border-gray-900:focus {
    border-color: hsl(var(--gray-900))
}

.focus\:border-gray-alpha-400:focus {
    border-color: var(--gray-alpha-400)
}

.focus\:border-indigo-500:focus {
    border-color: hsl(var(--indigo-500))
}

.focus\:border-primary:focus {
    border-color: hsl(var(--primary))
}

.focus\:border-red-500:focus {
    border-color: hsl(var(--red-500))
}

.focus\:border-transparent:focus {
    border-color: transparent
}

.focus\:bg-background:focus {
    background-color: hsl(var(--background))
}

.focus\:bg-gray-alpha-100:focus {
    background-color: var(--gray-alpha-100)
}

.focus\:bg-gray-alpha-50:focus {
    background-color: var(--gray-alpha-50)
}

.focus\:bg-primary:focus {
    background-color: hsl(var(--primary))
}

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

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

.focus\:text-destructive:focus {
    color: hsl(var(--destructive))
}

.focus\:text-foreground:focus {
    color: hsl(var(--foreground))
}

.focus\:text-primary-foreground:focus {
    color: hsl(var(--primary-foreground))
}

.focus\:opacity-100:focus {
    opacity: 1
}

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

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

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

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline-offset-4:focus {
    outline-offset: 4px
}

.focus\:outline-black:focus {
    outline-color: #000
}

.focus\:outline-foreground:focus {
    outline-color: hsl(var(--foreground))
}

.focus\:outline-gray-900:focus {
    outline-color: hsl(var(--gray-900))
}

.focus\:outline-gray-alpha-950:focus {
    outline-color: var(--gray-alpha-950)
}

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

.focus\:\!ring-0:focus, .focus\:\!ring-1:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

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

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

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

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

.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-inset:focus {
    --tw-ring-inset: inset !important
}

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

.focus\:\!ring-indigo-600:focus {
    --tw-ring-color: hsl(var(--indigo-600)) !important
}

.focus\:ring-blue-500:focus {
    --tw-ring-color: hsl(var(--blue-500))
}

.focus\:ring-foreground:focus {
    --tw-ring-color: hsl(var(--foreground))
}

.focus\:ring-gray-200:focus {
    --tw-ring-color: hsl(var(--gray-200))
}

.focus\:ring-gray-500:focus {
    --tw-ring-color: hsl(var(--gray-500))
}

.focus\:ring-gray-900:focus {
    --tw-ring-color: hsl(var(--gray-900))
}

.focus\:ring-gray-alpha-400:focus {
    --tw-ring-color: var(--gray-alpha-400)
}

.focus\:ring-indigo-500:focus {
    --tw-ring-color: hsl(var(--indigo-500))
}

.focus\:ring-primary:focus {
    --tw-ring-color: hsl(var(--primary))
}

.focus\:ring-primary\/20:focus {
    --tw-ring-color: hsl(var(--primary)/0.2)
}

.focus\:ring-red-500:focus {
    --tw-ring-color: hsl(var(--red-500))
}

.focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring))
}

.focus\:ring-slate-700:focus {
    --tw-ring-color: hsl(var(--slate-700))
}

.focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px
}

.focus\:ring-offset-1:focus {
    --tw-ring-offset-width: 1px
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus\:ring-offset-4:focus {
    --tw-ring-offset-width: 4px
}

.focus-visible\:z-10:focus-visible {
    z-index: 10
}

.focus-visible\:z-20:focus-visible {
    z-index: 20
}

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

.focus-visible\:border:focus-visible {
    border-width: 1px
}

.focus-visible\:border-0:focus-visible {
    border-width: 0
}

.focus-visible\:border-l:focus-visible {
    border-left-width: 1px
}

.focus-visible\:border-none:focus-visible {
    border-style: none
}

.focus-visible\:border-\[\#B52620\]\/70:focus-visible {
    border-color: rgba(181, 38, 32, .7)
}

.focus-visible\:border-foreground:focus-visible {
    border-color: hsl(var(--foreground))
}

.focus-visible\:border-gray-800:focus-visible {
    border-color: hsl(var(--gray-800))
}

.focus-visible\:border-gray-alpha-400:focus-visible {
    border-color: var(--gray-alpha-400)
}

.focus-visible\:border-gray-alpha-950:focus-visible {
    border-color: var(--gray-alpha-950)
}

.focus-visible\:border-primary:focus-visible {
    border-color: hsl(var(--primary))
}

.focus-visible\:border-red-500:focus-visible {
    border-color: hsl(var(--red-500))
}

.focus-visible\:bg-background:focus-visible {
    background-color: hsl(var(--background))
}

.focus-visible\:bg-black\/25:focus-visible {
    background-color: rgba(0, 0, 0, .25)
}

.focus-visible\:bg-gray-100:focus-visible {
    background-color: hsl(var(--gray-100))
}

.focus-visible\:bg-gray-200:focus-visible {
    background-color: hsl(var(--gray-200))
}

.focus-visible\:bg-gray-alpha-100:focus-visible {
    background-color: var(--gray-alpha-100)
}

.focus-visible\:text-foreground:focus-visible {
    color: hsl(var(--foreground))
}

.focus-visible\:underline:focus-visible {
    text-decoration-line: underline
}

.focus-visible\:opacity-100:focus-visible {
    opacity: 1
}

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

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-0:focus-visible {
    outline-width: 0
}

.focus-visible\:outline-1:focus-visible {
    outline-width: 1px
}

.focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px
}

.focus-visible\:outline-foreground:focus-visible {
    outline-color: hsl(var(--foreground))
}

.focus-visible\:outline-white:focus-visible {
    outline-color: #fff
}

.focus-visible\:ring:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --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)
}

.focus-visible\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-1: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(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)
}

.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-\[0\.5px\]: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(0.5px + 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-\[1\.5px\]: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(1.5px + 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-\[\#B52620\]:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(181 38 32/var(--tw-ring-opacity))
}

.focus-visible\:ring-background:focus-visible {
    --tw-ring-color: hsl(var(--background))
}

.focus-visible\:ring-foreground:focus-visible {
    --tw-ring-color: hsl(var(--foreground))
}

.focus-visible\:ring-gray-500:focus-visible {
    --tw-ring-color: hsl(var(--gray-500))
}

.focus-visible\:ring-gray-900:focus-visible {
    --tw-ring-color: hsl(var(--gray-900))
}

.focus-visible\:ring-gray-950:focus-visible {
    --tw-ring-color: hsl(var(--gray-950))
}

.focus-visible\:ring-primary:focus-visible {
    --tw-ring-color: hsl(var(--primary))
}

.focus-visible\:ring-purple-500:focus-visible {
    --tw-ring-color: hsl(var(--purple-500))
}

.focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring))
}

.focus-visible\:ring-sidebar-ring:focus-visible {
    --tw-ring-color: hsl(var(--sidebar-ring))
}

.focus-visible\:ring-opacity-75:focus-visible {
    --tw-ring-opacity: 0.75
}

.focus-visible\:ring-offset-0:focus-visible {
    --tw-ring-offset-width: 0px
}

.focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.focus-visible\:ring-offset-\[0\.5px\]:focus-visible {
    --tw-ring-offset-width: 0.5px
}

.focus-visible\:ring-offset-background:focus-visible {
    --tw-ring-offset-color: hsl(var(--background))
}

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

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

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

.active\:scale-100:active {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

.active\:scale-95:active, .active\:scale-\[0\.98\]:active {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.active\:scale-\[0\.98\]:active {
    --tw-scale-x: 0.98;
    --tw-scale-y: 0.98
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.active\:border-gray-300:active {
    border-color: hsl(var(--gray-300))
}

.active\:border-gray-500:active {
    border-color: hsl(var(--gray-500))
}

.active\:border-gray-800:active {
    border-color: hsl(var(--gray-800))
}

.active\:border-gray-alpha-300:active {
    border-color: var(--gray-alpha-300)
}

.active\:border-gray-alpha-500:active {
    border-color: var(--gray-alpha-500)
}

.active\:bg-background:active {
    background-color: hsl(var(--background))
}

.active\:bg-background\/70:active {
    background-color: hsl(var(--background)/.7)
}

.active\:bg-background\/90:active {
    background-color: hsl(var(--background)/.9)
}

.active\:bg-black\/25:active {
    background-color: rgba(0, 0, 0, .25)
}

.active\:bg-foreground:active {
    background-color: hsl(var(--foreground))
}

.active\:bg-gray-100:active {
    background-color: hsl(var(--gray-100))
}

.active\:bg-gray-100\/90:active {
    background-color: hsl(var(--gray-100)/.9)
}

.active\:bg-gray-200:active {
    background-color: hsl(var(--gray-200))
}

.active\:bg-gray-300:active {
    background-color: hsl(var(--gray-300))
}

.active\:bg-gray-700:active {
    background-color: hsl(var(--gray-700))
}

.active\:bg-gray-800:active {
    background-color: hsl(var(--gray-800))
}

.active\:bg-gray-alpha-100:active {
    background-color: var(--gray-alpha-100)
}

.active\:bg-gray-alpha-150:active {
    background-color: var(--gray-alpha-150)
}

.active\:bg-gray-alpha-200:active {
    background-color: var(--gray-alpha-200)
}

.active\:bg-gray-alpha-50:active {
    background-color: var(--gray-alpha-50)
}

.active\:bg-gray-alpha-700:active {
    background-color: var(--gray-alpha-700)
}

.active\:bg-green-200:active {
    background-color: hsl(var(--green-200))
}

.active\:bg-red-200:active {
    background-color: hsl(var(--red-200))
}

.active\:bg-red-300\/20:active {
    background-color: hsl(var(--red-300)/.2)
}

.active\:bg-sidebar-accent:active {
    background-color: hsl(var(--sidebar-accent))
}

.active\:bg-transparent:active {
    background-color: transparent
}

.active\:text-error:active {
    --tw-text-opacity: 1;
    color: rgb(221 73 73/var(--tw-text-opacity))
}

.active\:text-gray-700:active {
    color: hsl(var(--gray-700))
}

.active\:text-inherit:active {
    color: inherit
}

.active\:text-sidebar-accent-foreground:active {
    color: hsl(var(--sidebar-accent-foreground))
}

.active\:opacity-100:active {
    opacity: 1
}

.active\:shadow-none:active {
    --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)
}

.active\:ring-0:active {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.active\:ring-gray-200:active {
    --tw-ring-color: hsl(var(--gray-200))
}

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

.disabled\:border-gray-alpha-200:disabled {
    border-color: var(--gray-alpha-200)
}

.disabled\:bg-background:disabled {
    background-color: hsl(var(--background))
}

.disabled\:bg-gray-400:disabled {
    background-color: hsl(var(--gray-400))
}

.disabled\:text-gray-100:disabled {
    color: hsl(var(--gray-100))
}

.disabled\:text-gray-300:disabled {
    color: hsl(var(--gray-300))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:hover\:bg-background:hover:disabled {
    background-color: hsl(var(--background))
}

.disabled\:hover\:bg-transparent:hover:disabled {
    background-color: transparent
}

.group\/thread:focus-within .group-focus-within\/thread\:block {
    display: block
}

.group\/item:focus-within .group-focus-within\/item\:flex {
    display: flex
}

.group\/thread:focus-within .group-focus-within\/thread\:flex {
    display: flex
}

.group:focus-within .group-focus-within\:flex {
    display: flex
}

.group:focus-within .group-focus-within\:border-foreground {
    border-color: hsl(var(--foreground))
}

.group:focus-within .group-focus-within\:border-gray-alpha-200 {
    border-color: var(--gray-alpha-200)
}

.group:focus-within .group-focus-within\:pr-6 {
    padding-right: 1.5rem
}

.group\/header-logo:focus-within .group-focus-within\/header-logo\:opacity-0 {
    opacity: 0
}

.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 {
    opacity: 1
}

.group:focus-within .group-focus-within\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:visible, .group\/history-item:hover .group-hover\/history-item\:visible {
    visibility: visible
}

.group:hover .group-hover\:inset-0 {
    inset: 0
}

.group:hover .group-hover\:block {
    display: block
}

.group:hover .group-hover\:flex {
    display: flex
}

.group:hover .group-hover\:inline-flex {
    display: inline-flex
}

.group:hover .group-hover\:hidden {
    display: none
}

.group\/tag-trigger:hover .group-hover\/tag-trigger\:h-8 {
    height: 2rem
}

.group:hover .group-hover\:h-3 {
    height: .75rem
}

.group:hover .group-hover\:h-\[2px\] {
    height: 2px
}

.group\/tag-trigger:hover .group-hover\/tag-trigger\:w-8 {
    width: 2rem
}

.group:hover .group-hover\:w-\[2px\] {
    width: 2px
}

.group\/button:hover .group-hover\/button\:translate-y-px {
    --tw-translate-y: 1px
}

.group\/button:hover .group-hover\/button\:translate-y-px, .group\/item-title:hover .group-hover\/item-title\:translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/item-title:hover .group-hover\/item-title\:translate-x-0 {
    --tw-translate-x: 0px
}

.group\/item-title:hover .group-hover\/item-title\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-0, .group\/item:hover .group-hover\/item\:translate-x-0 {
    --tw-translate-x: 0px
}

.group:hover .group-hover\:translate-x-0, .group:hover .group-hover\:translate-x-0\.5, .group\/item:hover .group-hover\/item\:translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem
}

.group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem
}

.group:hover .group-hover\:translate-x-1, .group:hover .group-hover\:translate-x-\[2px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-x-\[2px\] {
    --tw-translate-x: 2px
}

.group:hover .group-hover\:translate-y-\[-8px\] {
    --tw-translate-y: -8px
}

.group:hover .group-hover\:-rotate-45, .group:hover .group-hover\:translate-y-\[-8px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:-rotate-45 {
    --tw-rotate: -45deg
}

.group\/card:hover .group-hover\/card\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.group:hover .group-hover\:scale-100, .group\/card:hover .group-hover\/card\:scale-105 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.group:hover .group-hover\:scale-105, .group:hover .group-hover\:scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

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

.group:hover .group-hover\:cursor-pointer {
    cursor: pointer
}

.group:hover .group-hover\:border-gray-100 {
    border-color: hsl(var(--gray-100))
}

.group:hover .group-hover\:border-gray-alpha-100 {
    border-color: var(--gray-alpha-100)
}

.group:hover .group-hover\:border-gray-alpha-300 {
    border-color: var(--gray-alpha-300)
}

.group\/bar:hover .group-hover\/bar\:bg-gray-alpha-150 {
    background-color: var(--gray-alpha-150)
}

.group\/btn:hover .group-hover\/btn\:bg-gray-alpha-100 {
    background-color: var(--gray-alpha-100)
}

.group\/card:hover .group-hover\/card\:bg-black\/30 {
    background-color: rgba(0, 0, 0, .3)
}

.group\/inner:hover .group-hover\/inner\:bg-gray-200 {
    background-color: hsl(var(--gray-200))
}

.group\/orb:hover .group-hover\/orb\:bg-black\/30 {
    background-color: rgba(0, 0, 0, .3)
}

.group\/randomize-btn:hover .group-hover\/randomize-btn\:bg-gray-alpha-100 {
    background-color: var(--gray-alpha-100)
}

.group\/row:hover .group-hover\/row\:bg-foreground {
    background-color: hsl(var(--foreground))
}

.group\/speaker-dropdown:hover .group-hover\/speaker-dropdown\:bg-gray-alpha-100 {
    background-color: var(--gray-alpha-100)
}

.group\/tag-trigger:hover .group-hover\/tag-trigger\:bg-gray-alpha-150 {
    background-color: var(--gray-alpha-150)
}

.group\/tts-node:hover .group-hover\/tts-node\:\!bg-\[var\(--tts-node-foreground\)\] {
    background-color: var(--tts-node-foreground) !important
}

.group:hover .group-hover\:\!bg-gray-200 {
    background-color: hsl(var(--gray-200)) !important
}

.group:hover .group-hover\:bg-background {
    background-color: hsl(var(--background))
}

.group:hover .group-hover\:bg-black\/30 {
    background-color: rgba(0, 0, 0, .3)
}

.group:hover .group-hover\:bg-blue-200 {
    background-color: hsl(var(--blue-200))
}

.group:hover .group-hover\:bg-foreground\/70 {
    background-color: hsl(var(--foreground)/.7)
}

.group:hover .group-hover\:bg-foreground\/80 {
    background-color: hsl(var(--foreground)/.8)
}

.group:hover .group-hover\:bg-gray-alpha-100 {
    background-color: var(--gray-alpha-100)
}

.group:hover .group-hover\:bg-gray-alpha-200 {
    background-color: var(--gray-alpha-200)
}

.group:hover .group-hover\:bg-gray-alpha-400 {
    background-color: var(--gray-alpha-400)
}

.group:hover .group-hover\:bg-gray-alpha-50 {
    background-color: var(--gray-alpha-50)
}

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

.group:hover .group-hover\:bg-opacity-75 {
    --tw-bg-opacity: 0.75
}

.group\/card:hover .group-hover\/card\:bg-\[center_top_30\%\] {
    background-position: center top 30%
}

.group:hover .group-hover\:pr-6 {
    padding-right: 1.5rem
}

.group\/badge:hover .group-hover\/badge\:text-gray-500 {
    color: hsl(var(--gray-500))
}

.group\/bar:hover .group-hover\/bar\:text-foreground, .group\/button:hover .group-hover\/button\:text-foreground {
    color: hsl(var(--foreground))
}

.group\/button:hover .group-hover\/button\:text-primary {
    color: hsl(var(--primary))
}

.group\/option:hover .group-hover\/option\:text-foreground {
    color: hsl(var(--foreground))
}

.group\/row:hover .group-hover\/row\:text-background {
    color: hsl(var(--background))
}

.group\/tts-node:hover .group-hover\/tts-node\:\!text-\[var\(--background-hover\)\] {
    color: var(--background-hover) !important
}

.group:hover .group-hover\:text-foreground {
    color: hsl(var(--foreground))
}

.group:hover .group-hover\:text-gray-400 {
    color: hsl(var(--gray-400))
}

.group:hover .group-hover\:text-gray-600 {
    color: hsl(var(--gray-600))
}

.group:hover .group-hover\:text-gray-950 {
    color: hsl(var(--gray-950))
}

.group:hover .group-hover\:underline {
    text-decoration-line: underline
}

.group\/block:hover .group-hover\/block\:opacity-100, .group\/card:hover .group-hover\/card\:opacity-100 {
    opacity: 1
}

.group\/card:hover .group-hover\/card\:opacity-70 {
    opacity: .7
}

.group\/history-item:hover .group-hover\/history-item\:opacity-100, .group\/item:hover .group-hover\/item\:opacity-100, .group\/menu-item:hover .group-hover\/menu-item\:opacity-100, .group\/orb:hover .group-hover\/orb\:opacity-100, .group\/randomize-btn:hover .group-hover\/randomize-btn\:opacity-100 {
    opacity: 1
}

.group\/select-trigger:hover .group-hover\/select-trigger\:opacity-70 {
    opacity: .7
}

.group\/sidebar:hover .group-hover\/sidebar\:opacity-0 {
    opacity: 0
}

.group\/sidebar:hover .group-hover\/sidebar\:opacity-100 {
    opacity: 1
}

.group\/trigger:hover .group-hover\/trigger\:opacity-70 {
    opacity: .7
}

.group\/tts-node:hover .group-hover\/tts-node\:opacity-60 {
    opacity: .6
}

.group\/voices:hover .group-hover\/voices\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-0 {
    opacity: 0
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:opacity-70 {
    opacity: .7
}

.group\/item:hover .group-hover\/item\:shadow-lg {
    --tw-shadow: 0px 4px 6px -2px rgba(16, 24, 40, .03), 0px 12px 16px -4px rgba(16, 24, 40, .08);
    --tw-shadow-colored: 0px 4px 6px -2px var(--tw-shadow-color), 0px 12px 16px -4px var(--tw-shadow-color)
}

.group:hover .group-hover\:shadow, .group\/item:hover .group-hover\/item\:shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group:hover .group-hover\: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)
}

.group:hover .group-hover\: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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group\/upgrade:hover .group-hover\/upgrade\:ring-gray-300 {
    --tw-ring-color: hsl(var(--gray-300))
}

.group:hover .group-hover\:ring-gray-alpha-100 {
    --tw-ring-color: var(--gray-alpha-100)
}

.group\/tts-node:hover .group-hover\/tts-node\:invert-0 {
    --tw-invert: invert(0);
    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)
}

.group:hover .group-hover\:duration-75 {
    transition-duration: 75ms;
    animation-duration: 75ms
}

.group\/thread:focus-within .group\/comment:hover .group-focus-within\/thread\:group-hover\/comment\:flex {
    display: flex
}

.group\/thread:focus .group-focus\/thread\:flex {
    display: flex
}

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

.group\/trigger:focus .group-focus\/trigger\:opacity-0 {
    opacity: 0
}

.group:focus .group-focus\:opacity-100 {
    opacity: 1
}

.group:focus .group-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group:focus .group-focus\: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)
}

.group:focus .group-focus\:ring-slate-700 {
    --tw-ring-color: hsl(var(--slate-700))
}

.group:focus .group-focus\:ring-offset-2 {
    --tw-ring-offset-width: 2px
}

.group\/trigger:focus-visible .group-focus-visible\/trigger\:flex {
    display: flex
}

.group:focus-visible .group-focus-visible\:flex {
    display: flex
}

.group:focus-visible .group-focus-visible\:border-foreground {
    border-color: hsl(var(--foreground))
}

.group:focus-visible .group-focus-visible\:border-gray-alpha-950 {
    border-color: var(--gray-alpha-950)
}

.group:focus-visible .group-focus-visible\:opacity-100 {
    opacity: 1
}

.group:focus-visible .group-focus-visible\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group\/trigger:focus-visible .group-focus-visible\/trigger\:outline {
    outline-style: solid
}

.group\/btn:focus-visible .group-focus-visible\/btn\:ring-\[1\.5px\] {
    --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(1.5px + 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)
}

.group:focus-visible .group-focus-visible\: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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group:focus-visible .group-focus-visible\:ring-\[1\.5px\] {
    --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(1.5px + 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)
}

.group:focus-visible .group-focus-visible\:ring-ring {
    --tw-ring-color: hsl(var(--ring))
}

.group\/switch:active .group-active\/switch\:w-3 {
    width: .75rem
}

.group\/switch:active .group-active\/switch\:w-3\.5 {
    width: .875rem
}

.group\/switch:active .group-active\/switch\:w-4 {
    width: 1rem
}

.group\/switch:active .group-active\/switch\:w-5 {
    width: 1.25rem
}

.group\/switch:active .group-active\/switch\:w-6 {
    width: 1.5rem
}

.group\/randomize-btnn:active .group-active\/randomize-btnn\:bg-gray-alpha-200, .group\/speaker-dropdown:active .group-active\/speaker-dropdown\:bg-gray-alpha-200 {
    background-color: var(--gray-alpha-200)
}

.group:active .group-active\:fill-background\/80 {
    fill: hsl(var(--background)/.8)
}

.group:active .group-active\:fill-foreground\/80 {
    fill: hsl(var(--foreground)/.8)
}

.group\/option:active .group-active\/option\:text-foreground {
    color: hsl(var(--foreground))
}

.group:enabled .group-enabled\:hover\:bg-gray-alpha-50:hover {
    background-color: var(--gray-alpha-50)
}

.group:enabled:active .group-enabled\:group-active\:bg-gray-alpha-100 {
    background-color: var(--gray-alpha-100)
}

.group:has(button:focus-visible) .group-\[\&\:has\(button\:focus-visible\)\]\:opacity-0 {
    opacity: 0
}

.group:has(button:focus-visible) .group-\[\&\:has\(button\:focus-visible\)\]\:opacity-100 {
    opacity: 1
}

.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground {
    color: hsl(var(--sidebar-accent-foreground))
}

.peer:hover ~ .peer-hover\:opacity-30 {
    opacity: .3
}

.peer:focus-visible ~ .peer-focus-visible\:border-gray-900 {
    border-color: hsl(var(--gray-900))
}

.peer:focus-visible ~ .peer-focus-visible\:opacity-100 {
    opacity: 1
}

.peer:focus-visible ~ .peer-focus-visible\:opacity-30 {
    opacity: .3
}

.peer:focus-visible ~ .peer-focus-visible\: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)
}

.peer:focus-visible ~ .peer-focus-visible\:ring-gray-900 {
    --tw-ring-color: hsl(var(--gray-900))
}

.aria-disabled\:hover\:text-gray-alpha-500:hover[aria-disabled=true] {
    color: var(--gray-alpha-500)
}

.aria-expanded\:cursor-default[aria-expanded=true] {
    cursor: default
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:pointer-events-auto {
    pointer-events: auto
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:translate-x-0 {
    --tw-translate-x: 0px
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:translate-x-0, .group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:translate-x-1 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:translate-x-1 {
    --tw-translate-x: 0.25rem
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:translate-x-2 {
    --tw-translate-x: 0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:cursor-w-resize {
    cursor: w-resize
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:opacity-100 {
    opacity: 1
}

.group\/sidebar[aria-expanded=true] .group-aria-expanded\/sidebar\:hover\:bg-gray-alpha-100:hover {
    background-color: var(--gray-alpha-100)
}

.group\/sidebar[aria-expanded=true] .group\/header-logo:focus-within .group-aria-expanded\/sidebar\:group-focus-within\/header-logo\:opacity-100 {
    opacity: 1
}

.group\/sidebar[aria-expanded=true]:hover .group-aria-expanded\/sidebar\:group-hover\/sidebar\:opacity-100 {
    opacity: 1
}

@keyframes pulse {
    50% {
        opacity: .6
    }
    0%, to {
        opacity: 1
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height)
    }
    to {
        height: 0
    }
}

@keyframes accordion-down {
    0% {
        height: 0
    }
    to {
        height: var(--radix-accordion-content-height)
    }
}

.data-\[state\=active\]\:border-gray-alpha-800[data-state=active] {
    border-color: var(--gray-alpha-800)
}

.data-\[state\=active\]\:text-foreground[data-state=active] {
    color: hsl(var(--foreground))
}

.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open] {
    background-color: hsl(var(--sidebar-accent))
}

.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open] {
    color: hsl(var(--sidebar-accent-foreground))
}

.group[data-size=

2
xs

]
.group-data-\[size\=2xs\]\:min-w-\[calc\(theme\(spacing\.6\)-2px\)\] {
    min-width: calc(1.5rem - 2px)
}

.group[data-size=

3
xs

]
.group-data-\[size\=3xs\]\:min-w-\[calc\(theme\(spacing\.5\)-2px\)\] {
    min-width: calc(1.25rem - 2px)
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after {
    content: var(--tw-content);
    left: 100%
}

.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover {
    background-color: hsl(var(--sidebar-background))
}

@container (min-width:28rem) {
    .\@md\:absolute {
        position: absolute
    }

    .\@md\:order-none {
        order: 0
    }

    .\@md\:mt-1 {
        margin-top: .25rem
    }

    .\@md\:grid-cols-\[auto\2c auto\] {
        grid-template-columns:auto auto
    }
}

@container (min-width:42rem) {
    .\@2xl\:flex {
        display: flex
    }
}

.group\/switch:active .group-active\/switch\:radix-state-checked\:left-1[data-state=checked] {
    left: .25rem
}

.group\/switch:active .group-active\/switch\:radix-state-checked\:left-1\.5[data-state=checked] {
    left: .375rem
}

.group\/switch:active .group-active\/switch\:radix-state-checked\:left-2[data-state=checked] {
    left: .5rem
}

.group\/switch:active .group-active\/switch\:radix-state-checked\:left-2\.5[data-state=checked] {
    left: .625rem
}

.group\/switch:active .group-active\/switch\:radix-state-checked\:left-3[data-state=checked] {
    left: .75rem
}

.group\/switch:active .group-active\/switch\:radix-state-checked\:left-4[data-state=checked] {
    left: 1rem
}

@keyframes scale-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(1.05)
    }
}

@keyframes scale-in {
    0% {
        opacity: 0;
        transform: scale(1.05)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

:is(.dark .dark\:focus-within\:border-foreground:focus-within) {
    border-color: hsl(var(--foreground))
}

:is(.dark .dark\:hover\:border-gray-alpha-200:hover) {
    border-color: var(--gray-alpha-200)
}

:is(.dark .dark\:hover\:bg-gray-50:hover) {
    background-color: hsl(var(--gray-50))
}

:is(.dark .dark\:hover\:bg-gray-800:hover) {
    background-color: hsl(var(--gray-800))
}

:is(.dark .dark\:hover\:bg-gray-alpha-100:hover) {
    background-color: var(--gray-alpha-100)
}

:is(.dark .dark\:hover\:bg-green-950:hover) {
    background-color: hsl(var(--green-950))
}

:is(.dark .dark\:hover\:bg-red-400:hover) {
    background-color: hsl(var(--red-400))
}

:is(.dark .dark\:hover\:text-foreground:hover) {
    color: hsl(var(--foreground))
}

:is(.dark .dark\:hover\:text-purple-300:hover) {
    color: hsl(var(--purple-300))
}

:is(.dark .hover\:dark\:decoration-current):hover {
    text-decoration-color: currentColor
}

:is(.dark .dark\:hover\:ring-background\/20:hover) {
    --tw-ring-color: hsl(var(--background)/0.2)
}

:is(.dark .dark\:hover\:focus-within\:border-foreground:focus-within:hover) {
    border-color: hsl(var(--foreground))
}

:is(.dark .dark\:active\:bg-gray-alpha-50:active) {
    background-color: var(--gray-alpha-50)
}

:is(.dark .group\/badge:hover .dark\:group-hover\/badge\:text-gray-600) {
    color: hsl(var(--gray-600))
}

:is(.dark .group\/tts-node:hover .dark\:group-hover\/tts-node\:\!text-\[var\(--background-hover\)\]) {
    color: var(--background-hover) !important
}

:is(.dark .group:hover .dark\:group-hover\:text-gray-950) {
    color: hsl(var(--gray-950))
}

:is(.dark .group\/tts-node:hover .dark\:group-hover\/tts-node\:opacity-100) {
    opacity: 1
}

@media not all and (min-width: 1024px) {
    .max-lg\:\!w-\[100\%\] {
        width: 100% !important
    }

    .max-lg\:\!pl-0 {
        padding-left: 0 !important
    }
}

@media (max-width: 1023px) {
    .max-\[1023px\]\:pb-\[calc\(var\(--eleven-player-height\)\+var\(--eleven-footer-height\)\)\] {
        padding-bottom: calc(var(--eleven-player-height) + var(--eleven-footer-height))
    }

    .max-\[1023px\]\:pt-\[calc\(var\(--eleven-header-height\)\+var\(--eleven-banner-height\)\)\] {
        padding-top: calc(var(--eleven-header-height) + var(--eleven-banner-height))
    }
}

@media not all and (min-width: 768px) {
    .max-md\:\!w-full {
        width: 100% !important
    }

    .group\/item:hover .max-md\:group-hover\/item\:bg-transparent {
        background-color: transparent
    }
}

@media (min-width: 768px) {
    .md\:col-span-1 {
        grid-column: span 1/span 1
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:gap-1 {
        gap: .25rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

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

    .md\:text-sm {
        font-size: .875rem
    }

    .md\:text-sm {
        line-height: 1.25rem;
        letter-spacing: 0
    }

    .md\:before\:absolute:before {
        content: var(--tw-content);
        position: absolute
    }

    .after\:md\:hidden:after {
        content: var(--tw-content);
        display: none
    }

    .md\:hover\:bg-gray-alpha-100:hover {
        background-color: var(--gray-alpha-100)
    }

    .md\:hover\:bg-gray-alpha-50:hover {
        background-color: var(--gray-alpha-50)
    }

    .md\:focus-visible\:opacity-100:focus-visible {
        opacity: 1
    }

    .group\/item:hover .md\:group-hover\/item\:flex {
        display: flex
    }

    .group:hover .md\:group-hover\:-translate-x-0 {
        --tw-translate-x: -0px
    }

    .group:hover .md\:group-hover\:-translate-x-0, .group:hover .md\:group-hover\:-translate-x-0\.5 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:-translate-x-0\.5 {
        --tw-translate-x: -0.125rem
    }

    .group:hover .md\:group-hover\:-translate-y-0 {
        --tw-translate-y: -0px
    }

    .group:hover .md\:group-hover\:-translate-y-0, .group:hover .md\:group-hover\:-translate-y-0\.5 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:-translate-y-0\.5 {
        --tw-translate-y: -0.125rem
    }

    .group:hover .md\:group-hover\:translate-x-0 {
        --tw-translate-x: 0px
    }

    .group:hover .md\:group-hover\:translate-x-0, .group:hover .md\:group-hover\:translate-x-0\.5 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:translate-x-0\.5 {
        --tw-translate-x: 0.125rem
    }

    .group:hover .md\:group-hover\:translate-x-1 {
        --tw-translate-x: 0.25rem
    }

    .group:hover .md\:group-hover\:translate-x-1, .group:hover .md\:group-hover\:translate-x-1\.5 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:translate-x-1\.5 {
        --tw-translate-x: 0.375rem
    }

    .group:hover .md\:group-hover\:translate-y-1 {
        --tw-translate-y: 0.25rem
    }

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

    .group:hover .md\:group-hover\:translate-y-2 {
        --tw-translate-y: 0.5rem
    }

    .group:hover .md\:group-hover\:-rotate-12 {
        --tw-rotate: -12deg
    }

    .group:hover .md\:group-hover\:-rotate-12, .group:hover .md\:group-hover\:-rotate-3 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:-rotate-3 {
        --tw-rotate: -3deg
    }

    .group:hover .md\:group-hover\:-rotate-6 {
        --tw-rotate: -6deg
    }

    .group:hover .md\:group-hover\:-rotate-6, .group:hover .md\:group-hover\:rotate-12 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:rotate-12 {
        --tw-rotate: 12deg
    }

    .group:hover .md\:group-hover\:rotate-3 {
        --tw-rotate: 3deg
    }

    .group:hover .md\:group-hover\:rotate-3, .group:hover .md\:group-hover\:rotate-6 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:rotate-6 {
        --tw-rotate: 6deg
    }

    .group:hover .md\:group-hover\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1
    }

    .group:hover .md\:group-hover\:scale-110, .group:hover .md\:group-hover\:scale-125 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group:hover .md\:group-hover\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25
    }

    .group:hover .md\:group-hover\:scale-\[1\.15\] {
        --tw-scale-x: 1.15;
        --tw-scale-y: 1.15;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .group\/item:hover .md\:group-hover\/item\:border-gray-100 {
        border-color: hsl(var(--gray-100))
    }

    .group:hover .md\:group-hover\:border-gray-alpha-950 {
        border-color: var(--gray-alpha-950)
    }

    .group\/item:hover .md\:group-hover\/item\:bg-gray-alpha-100 {
        background-color: var(--gray-alpha-100)
    }

    .group:hover .md\:group-hover\:stroke-\[\#E5E7EB\] {
        stroke: #e5e7eb
    }

    .group:hover .md\:group-hover\:opacity-100 {
        opacity: 1
    }
}

@media (min-width: 1024px) {
    .lg\:-m-3 {
        margin: -.75rem
    }

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

    .lg\:block {
        display: block
    }

    .lg\:contents {
        display: contents
    }

    .lg\:hidden {
        display: none
    }

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

    .lg\:w-\[calc\(100\%\+1\.5rem\)\] {
        width: calc(100% + 1.5rem)
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:flex-none {
        flex: none
    }

    .lg\:gap-5 {
        gap: 1.25rem
    }

    .lg\:p-3 {
        padding: .75rem
    }

    .lg\:pb-\[var\(--eleven-player-height\)\] {
        padding-bottom: var(--eleven-player-height)
    }

    .lg\:opacity-0 {
        opacity: 0
    }

    .lg\:transition-\[padding_200ms_cubic-bezier\(0\.42\2c 0\2c 0\.58\2c 1\)\] {
        transition-property: padding .2s cubic-bezier(.42, 0, .58, 1);
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
}

@media (min-width: 1280px) {
    .xl\:w-\[500px\] {
        width: 500px
    }

    .xl\:pb-12 {
        padding-bottom: 3rem
    }

    .xl\:\[--px\:3rem\] {
        --px: 3rem
    }
}

@media (min-width: 1536px) {
    .\32xl\:pb-20 {
        padding-bottom: 5rem
    }

    .\32xl\:\[--px\:5rem\] {
        --px: 5rem
    }
}

.\[\&\:-webkit-autofill\]\:focus\:border-foreground:focus:-webkit-autofill {
    border-color: hsl(var(--foreground))
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
    display: none
}

.\[\&\:\:-webkit-calendar-picker-indicator\]\:bg-none::-webkit-calendar-picker-indicator {
    background-image: none
}

.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button, .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none
}

.\[\&\:\:cue\]\:bg-black\/70::cue {
    background-color: rgba(0, 0, 0, .7)
}

.\[\&\:\:cue\]\:text-\[1\.4em\]::cue {
    font-size: 1.4em
}

.\[\&\:\:cue\]\:leading-\[1\.5em\]::cue {
    line-height: 1.5em
}

.\[\&\:\:cue\]\:text-white::cue {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.\[\&\:has\(\.tiptap\:focus\)\]\:border-foreground:has(.tiptap:focus) {
    border-color: hsl(var(--foreground))
}

.\[\&\:has\(\.tiptap\:focus\)\]\:ring-\[0\.5px\]:has(.tiptap: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(0.5px + 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)
}

.\[\&\:has\(\.tiptap\:focus\)\]\:ring-foreground:has(.tiptap:focus) {
    --tw-ring-color: hsl(var(--foreground))
}

.\[\&\:has\(\[data-type\=\'list-item-trigger\'\]\:focus\)\]\:bg-gray-alpha-100:has([data-type=list-item-trigger]:focus) {
    background-color: var(--gray-alpha-100)
}

.\[\&\:has\(button\:focus-visible\)\]\:z-20:has(button:focus-visible) {
    z-index: 20
}

.\[\&\:has\(textarea\:focus-visible\)\]\:border-foreground:has(textarea:focus-visible) {
    border-color: hsl(var(--foreground))
}

.\[\&\:has\(textarea\:focus-visible\)\]\:ring-\[0\.5px\]:has(textarea: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(0.5px + 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)
}

.\[\&\:has\(textarea\:focus-visible\)\]\:ring-gray-alpha-300:has(textarea:focus-visible) {
    --tw-ring-color: var(--gray-alpha-300)
}

.\[\&\:hover\:not\(\:has\(\.expression-item\:hover\)\)\>button\]\:opacity-100:hover:not(:has(.expression-item:hover)) > button {
    opacity: 1
}

.\[\&\:hover_\.hoverable-icon-button\]\:opacity-100:hover .hoverable-icon-button {
    opacity: 1
}

.\[\&\>div\]\:focus-within\:opacity-50:focus-within > div {
    opacity: .5
}

.focus-within\:\[\&\>div\]\:opacity-100 > div:focus-within {
    opacity: 1
}

.\[\&_\.tts-node\:hover\]\:cursor-pointer .tts-node:hover {
    cursor: pointer
}

.\[\&_\.tts-node\:hover\]\:\!bg-\[var\(--background-dark-hover\)\] .tts-node:hover {
    background-color: var(--background-dark-hover) !important
}

.\[\&_\.tts-node\:hover\]\:\!bg-\[var\(--background-hover\)\] .tts-node:hover {
    background-color: var(--background-hover) !important
}

.\[\&_\:\:part\(region\)\]\:\!pointer-events-none ::part(region) {
    pointer-events: none !important
}

.\[\&_div\[data-state\=\"focused\"\]_\.tts-node\:hover\]\:bg-\[var\(--background\)\] div[data-state=focused] .tts-node:hover {
    background-color: var(--background)
}

.\[\&_div\[data-state\=\"focused\"\]_\.tts-node\:hover\]\:bg-\[var\(--background-dark\)\] div[data-state=focused] .tts-node:hover {
    background-color: var(--background-dark)
}

.\[\&_input\:-moz-autofill\]\:focus\:border-foreground:focus input:-moz-autofill {
    border-color: hsl(var(--foreground))
}

.\[\&_span\[data-state\=\"focused\"\]\:hover\]\:bg-\[var\(--background-dark-focus\)\] span[data-state=focused]:hover {
    background-color: var(--background-dark-focus)
}

.\[\&_span\[data-state\=\"focused\"\]\:hover\]\:bg-\[var\(--background-focus\)\] span[data-state=focused]:hover {
    background-color: var(--background-focus)
}

.\[\&_svg\]\:\!h-\[18px\] svg {
    height: 18px !important
}

@media (min-width: 1024px) {
    .lg\:\[\&_svg\]\:\!h-\[18px\] svg {
        height: 18px !important
    }
}

/* style block 3 */


/* style block 4 */
:where([data-sonner-toast]:focus-visible) {
    box-shadow: 0 4px 12px #0000001a, 0 0 0 2px #0003
}

:where([data-sonner-toast]) :where([data-button]):focus-visible {
    box-shadow: 0 0 0 2px #0006
}

:where([data-sonner-toast]) :where([data-close-button]):focus-visible {
    box-shadow: 0 4px 12px #0000001a, 0 0 0 2px #0003
}

:where([data-sonner-toast]):hover :where([data-close-button]):hover {
    background: var(--gray2);
    border-color: var(--gray5)
}

:where([data-sonner-toast][data-swiping="true"]):before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1
}

:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before {
    bottom: 50%;
    transform: scaleY(3) translateY(50%)
}

:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before {
    top: 50%;
    transform: scaleY(3) translateY(-50%)
}

:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before {
    content: "";
    position: absolute;
    inset: 0;
    transform: scaleY(2)
}

:where([data-sonner-toast]):after {
    content: "";
    position: absolute;
    left: 0;
    height: calc(var(--gap) + 1px);
    bottom: 100%;
    width: 100%
}

:where([data-sonner-toast][data-removed="true"][data-front="false"]):before {
    height: calc(var(--initial-height) + 20%)
}

@keyframes swipe-out {
    0% {
        transform: translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));
        opacity: 1
    }
    to {
        transform: translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));
        opacity: 0
    }
}

@keyframes sonner-fade-in {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes sonner-fade-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes sonner-spin {
    0% {
        opacity: 1
    }
    to {
        opacity: .15
    }
}

/* style block 5 */
[data-vaul-drawer]:not([data-vaul-custom-container=true])::after {
    content: "";
    position: absolute;
    background: inherit;
    background-color: inherit
}

[data-vaul-drawer][data-vaul-drawer-direction=top]::after {
    top: initial;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after {
    top: 100%;
    bottom: initial;
    left: 0;
    right: 0;
    height: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=left]::after {
    left: initial;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 200%
}

[data-vaul-drawer][data-vaul-drawer-direction=right]::after {
    left: 100%;
    right: initial;
    top: 0;
    bottom: 0;
    width: 200%
}

[data-vaul-handle]:active, [data-vaul-handle]:hover {
    opacity: 1
}

@media (pointer: fine) {
    [data-vaul-handle-hitarea]: {
        width: 100%;
        height: 100%
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    to {
        opacity: 0
    }
}

@keyframes slideFromBottom {
    from {
        transform: translate3d(0, var(--initial-transform, 100%), 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideToBottom {
    to {
        transform: translate3d(0, var(--initial-transform, 100%), 0)
    }
}

@keyframes slideFromTop {
    from {
        transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideToTop {
    to {
        transform: translate3d(0, calc(var(--initial-transform, 100%) * -1), 0)
    }
}

@keyframes slideFromLeft {
    from {
        transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideToLeft {
    to {
        transform: translate3d(calc(var(--initial-transform, 100%) * -1), 0, 0)
    }
}

@keyframes slideFromRight {
    from {
        transform: translate3d(var(--initial-transform, 100%), 0, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideToRight {
    to {
        transform: translate3d(var(--initial-transform, 100%), 0, 0)
    }
}

/* style block 6 */
.rdp-button:focus:not([disabled]), .rdp-button:active:not([disabled]) {
    color: inherit;
    border: var(--rdp-outline);
    background-color: var(--rdp-background-color)
}

.rdp-button:hover:not([disabled]) {
    background-color: var(--rdp-background-color)
}

.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label, .rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
    border: var(--rdp-outline);
    border-radius: 6px;
    background-color: var(--rdp-background-color)
}

.rdp-day_selected:focus:not([disabled]), .rdp-day_selected:active:not([disabled]), .rdp-day_selected:hover:not([disabled]) {
    color: white;
    background-color: var(--rdp-accent-color)
}

.rdp-day_selected:focus:not([disabled]) {
    border: var(--rdp-outline-selected)
}

/* style block 7 */
:root, [data-theme] {
    --chakra-ring-inset: var(--chakra-empty,);
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --chakra-colors-transparent: transparent;
    --chakra-colors-current: currentColor;
    --chakra-colors-black: #000000;
    --chakra-colors-white: #FFFFFF;
    --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
    --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
    --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
    --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
    --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
    --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
    --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
    --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
    --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80);
    --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
    --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.80);
    --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --chakra-colors-gray-0: #ffffff;
    --chakra-colors-gray-50: #fafafa;
    --chakra-colors-gray-100: #f4f4f5;
    --chakra-colors-gray-200: #e5e5e8;
    --chakra-colors-gray-300: #d6d6da;
    --chakra-colors-gray-400: #a6a6ae;
    --chakra-colors-gray-500: #787881;
    --chakra-colors-gray-600: #5b5b64;
    --chakra-colors-gray-700: #494950;
    --chakra-colors-gray-800: #323235;
    --chakra-colors-gray-900: #242426;
    --chakra-colors-gray-950: #1c1c1d;
    --chakra-colors-gray-1000: #101011;
    --chakra-colors-red-50: #FFF5F5;
    --chakra-colors-red-100: #FED7D7;
    --chakra-colors-red-200: #FEB2B2;
    --chakra-colors-red-300: #FC8181;
    --chakra-colors-red-400: #F56565;
    --chakra-colors-red-500: #E53E3E;
    --chakra-colors-red-600: #C53030;
    --chakra-colors-red-700: #9B2C2C;
    --chakra-colors-red-800: #822727;
    --chakra-colors-red-900: #63171B;
    --chakra-colors-orange-50: #FFFAF0;
    --chakra-colors-orange-100: #FEEBC8;
    --chakra-colors-orange-200: #FBD38D;
    --chakra-colors-orange-300: #F6AD55;
    --chakra-colors-orange-400: #ED8936;
    --chakra-colors-orange-500: #DD6B20;
    --chakra-colors-orange-600: #C05621;
    --chakra-colors-orange-700: #9C4221;
    --chakra-colors-orange-800: #7B341E;
    --chakra-colors-orange-900: #652B19;
    --chakra-colors-yellow-50: #FFFFF0;
    --chakra-colors-yellow-100: #FEFCBF;
    --chakra-colors-yellow-200: #FAF089;
    --chakra-colors-yellow-300: #F6E05E;
    --chakra-colors-yellow-400: #ECC94B;
    --chakra-colors-yellow-500: #D69E2E;
    --chakra-colors-yellow-600: #B7791F;
    --chakra-colors-yellow-700: #975A16;
    --chakra-colors-yellow-800: #744210;
    --chakra-colors-yellow-900: #5F370E;
    --chakra-colors-green-50: #F0FFF4;
    --chakra-colors-green-100: #C6F6D5;
    --chakra-colors-green-200: #9AE6B4;
    --chakra-colors-green-300: #68D391;
    --chakra-colors-green-400: #48BB78;
    --chakra-colors-green-500: #38A169;
    --chakra-colors-green-600: #2F855A;
    --chakra-colors-green-700: #276749;
    --chakra-colors-green-800: #22543D;
    --chakra-colors-green-900: #1C4532;
    --chakra-colors-teal-50: #E6FFFA;
    --chakra-colors-teal-100: #B2F5EA;
    --chakra-colors-teal-200: #81E6D9;
    --chakra-colors-teal-300: #4FD1C5;
    --chakra-colors-teal-400: #38B2AC;
    --chakra-colors-teal-500: #319795;
    --chakra-colors-teal-600: #2C7A7B;
    --chakra-colors-teal-700: #285E61;
    --chakra-colors-teal-800: #234E52;
    --chakra-colors-teal-900: #1D4044;
    --chakra-colors-blue-50: #ebf8ff;
    --chakra-colors-blue-100: #bee3f8;
    --chakra-colors-blue-200: #90cdf4;
    --chakra-colors-blue-300: #63b3ed;
    --chakra-colors-blue-400: #4299e1;
    --chakra-colors-blue-500: #3182ce;
    --chakra-colors-blue-600: #2b6cb0;
    --chakra-colors-blue-700: #2c5282;
    --chakra-colors-blue-800: #2a4365;
    --chakra-colors-blue-900: #1A365D;
    --chakra-colors-cyan-50: #EDFDFD;
    --chakra-colors-cyan-100: #C4F1F9;
    --chakra-colors-cyan-200: #9DECF9;
    --chakra-colors-cyan-300: #76E4F7;
    --chakra-colors-cyan-400: #0BC5EA;
    --chakra-colors-cyan-500: #00B5D8;
    --chakra-colors-cyan-600: #00A3C4;
    --chakra-colors-cyan-700: #0987A0;
    --chakra-colors-cyan-800: #086F83;
    --chakra-colors-cyan-900: #065666;
    --chakra-colors-purple-50: #FAF5FF;
    --chakra-colors-purple-100: #E9D8FD;
    --chakra-colors-purple-200: #D6BCFA;
    --chakra-colors-purple-300: #B794F4;
    --chakra-colors-purple-400: #9F7AEA;
    --chakra-colors-purple-500: #805AD5;
    --chakra-colors-purple-600: #6B46C1;
    --chakra-colors-purple-700: #553C9A;
    --chakra-colors-purple-800: #44337A;
    --chakra-colors-purple-900: #322659;
    --chakra-colors-pink-50: #FFF5F7;
    --chakra-colors-pink-100: #FED7E2;
    --chakra-colors-pink-200: #FBB6CE;
    --chakra-colors-pink-300: #F687B3;
    --chakra-colors-pink-400: #ED64A6;
    --chakra-colors-pink-500: #D53F8C;
    --chakra-colors-pink-600: #B83280;
    --chakra-colors-pink-700: #97266D;
    --chakra-colors-pink-800: #702459;
    --chakra-colors-pink-900: #521B41;
    --chakra-colors-linkedin-50: #E8F4F9;
    --chakra-colors-linkedin-100: #CFEDFB;
    --chakra-colors-linkedin-200: #9BDAF3;
    --chakra-colors-linkedin-300: #68C7EC;
    --chakra-colors-linkedin-400: #34B3E4;
    --chakra-colors-linkedin-500: #00A0DC;
    --chakra-colors-linkedin-600: #008CC9;
    --chakra-colors-linkedin-700: #0077B5;
    --chakra-colors-linkedin-800: #005E93;
    --chakra-colors-linkedin-900: #004471;
    --chakra-colors-facebook-50: #E8F4F9;
    --chakra-colors-facebook-100: #D9DEE9;
    --chakra-colors-facebook-200: #B7C2DA;
    --chakra-colors-facebook-300: #6482C0;
    --chakra-colors-facebook-400: #4267B2;
    --chakra-colors-facebook-500: #385898;
    --chakra-colors-facebook-600: #314E89;
    --chakra-colors-facebook-700: #29487D;
    --chakra-colors-facebook-800: #223B67;
    --chakra-colors-facebook-900: #1E355B;
    --chakra-colors-messenger-50: #D0E6FF;
    --chakra-colors-messenger-100: #B9DAFF;
    --chakra-colors-messenger-200: #A2CDFF;
    --chakra-colors-messenger-300: #7AB8FF;
    --chakra-colors-messenger-400: #2E90FF;
    --chakra-colors-messenger-500: #0078FF;
    --chakra-colors-messenger-600: #0063D1;
    --chakra-colors-messenger-700: #0052AC;
    --chakra-colors-messenger-800: #003C7E;
    --chakra-colors-messenger-900: #002C5C;
    --chakra-colors-whatsapp-50: #dffeec;
    --chakra-colors-whatsapp-100: #b9f5d0;
    --chakra-colors-whatsapp-200: #90edb3;
    --chakra-colors-whatsapp-300: #65e495;
    --chakra-colors-whatsapp-400: #3cdd78;
    --chakra-colors-whatsapp-500: #22c35e;
    --chakra-colors-whatsapp-600: #179848;
    --chakra-colors-whatsapp-700: #0c6c33;
    --chakra-colors-whatsapp-800: #01421c;
    --chakra-colors-whatsapp-900: #001803;
    --chakra-colors-twitter-50: #E5F4FD;
    --chakra-colors-twitter-100: #C8E9FB;
    --chakra-colors-twitter-200: #A8DCFA;
    --chakra-colors-twitter-300: #83CDF7;
    --chakra-colors-twitter-400: #57BBF5;
    --chakra-colors-twitter-500: #1DA1F2;
    --chakra-colors-twitter-600: #1A94DA;
    --chakra-colors-twitter-700: #1681BF;
    --chakra-colors-twitter-800: #136B9E;
    --chakra-colors-twitter-900: #0D4D71;
    --chakra-colors-telegram-50: #E3F2F9;
    --chakra-colors-telegram-100: #C5E4F3;
    --chakra-colors-telegram-200: #A2D4EC;
    --chakra-colors-telegram-300: #7AC1E4;
    --chakra-colors-telegram-400: #47A9DA;
    --chakra-colors-telegram-500: #0088CC;
    --chakra-colors-telegram-600: #007AB8;
    --chakra-colors-telegram-700: #006BA1;
    --chakra-colors-telegram-800: #005885;
    --chakra-colors-telegram-900: #003F5E;
    --chakra-borders-none: 0;
    --chakra-borders-1px: 1px solid;
    --chakra-borders-2px: 2px solid;
    --chakra-borders-4px: 4px solid;
    --chakra-borders-8px: 8px solid;
    --chakra-fonts-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --chakra-fonts-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --chakra-fontSizes-3xs: 0.45rem;
    --chakra-fontSizes-2xs: 0.625rem;
    --chakra-fontSizes-xs: 0.75rem;
    --chakra-fontSizes-sm: 0.875rem;
    --chakra-fontSizes-md: 1rem;
    --chakra-fontSizes-lg: 1.125rem;
    --chakra-fontSizes-xl: 1.25rem;
    --chakra-fontSizes-2xl: 1.5rem;
    --chakra-fontSizes-3xl: 1.875rem;
    --chakra-fontSizes-4xl: 2.25rem;
    --chakra-fontSizes-5xl: 3rem;
    --chakra-fontSizes-6xl: 3.75rem;
    --chakra-fontSizes-7xl: 4.5rem;
    --chakra-fontSizes-8xl: 6rem;
    --chakra-fontSizes-9xl: 8rem;
    --chakra-fontWeights-hairline: 100;
    --chakra-fontWeights-thin: 200;
    --chakra-fontWeights-light: 300;
    --chakra-fontWeights-normal: 400;
    --chakra-fontWeights-medium: 500;
    --chakra-fontWeights-semibold: 600;
    --chakra-fontWeights-bold: 700;
    --chakra-fontWeights-extrabold: 800;
    --chakra-fontWeights-black: 900;
    --chakra-letterSpacings-tighter: -0.05em;
    --chakra-letterSpacings-tight: -0.025em;
    --chakra-letterSpacings-normal: 0;
    --chakra-letterSpacings-wide: 0.025em;
    --chakra-letterSpacings-wider: 0.05em;
    --chakra-letterSpacings-widest: 0.1em;
    --chakra-lineHeights-3: .75rem;
    --chakra-lineHeights-4: 1rem;
    --chakra-lineHeights-5: 1.25rem;
    --chakra-lineHeights-6: 1.5rem;
    --chakra-lineHeights-7: 1.75rem;
    --chakra-lineHeights-8: 2rem;
    --chakra-lineHeights-9: 2.25rem;
    --chakra-lineHeights-10: 2.5rem;
    --chakra-lineHeights-normal: normal;
    --chakra-lineHeights-none: 1;
    --chakra-lineHeights-shorter: 1.25;
    --chakra-lineHeights-short: 1.375;
    --chakra-lineHeights-base: 1.5;
    --chakra-lineHeights-tall: 1.625;
    --chakra-lineHeights-taller: 2;
    --chakra-radii-none: 0;
    --chakra-radii-sm: 0.125rem;
    --chakra-radii-base: 0.25rem;
    --chakra-radii-md: 0.375rem;
    --chakra-radii-lg: 0.5rem;
    --chakra-radii-xl: 0.75rem;
    --chakra-radii-2xl: 1rem;
    --chakra-radii-3xl: 1.5rem;
    --chakra-radii-full: 9999px;
    --chakra-space-1: 0.25rem;
    --chakra-space-2: 0.5rem;
    --chakra-space-3: 0.75rem;
    --chakra-space-4: 1rem;
    --chakra-space-5: 1.25rem;
    --chakra-space-6: 1.5rem;
    --chakra-space-7: 1.75rem;
    --chakra-space-8: 2rem;
    --chakra-space-9: 2.25rem;
    --chakra-space-10: 2.5rem;
    --chakra-space-12: 3rem;
    --chakra-space-14: 3.5rem;
    --chakra-space-16: 4rem;
    --chakra-space-20: 5rem;
    --chakra-space-24: 6rem;
    --chakra-space-28: 7rem;
    --chakra-space-32: 8rem;
    --chakra-space-36: 9rem;
    --chakra-space-40: 10rem;
    --chakra-space-44: 11rem;
    --chakra-space-48: 12rem;
    --chakra-space-52: 13rem;
    --chakra-space-56: 14rem;
    --chakra-space-60: 15rem;
    --chakra-space-64: 16rem;
    --chakra-space-72: 18rem;
    --chakra-space-80: 20rem;
    --chakra-space-96: 24rem;
    --chakra-space-px: 1px;
    --chakra-space-0-5: 0.125rem;
    --chakra-space-1-5: 0.375rem;
    --chakra-space-2-5: 0.625rem;
    --chakra-space-3-5: 0.875rem;
    --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
    --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-none: none;
    --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --chakra-sizes-1: 0.25rem;
    --chakra-sizes-2: 0.5rem;
    --chakra-sizes-3: 0.75rem;
    --chakra-sizes-4: 1rem;
    --chakra-sizes-5: 1.25rem;
    --chakra-sizes-6: 1.5rem;
    --chakra-sizes-7: 1.75rem;
    --chakra-sizes-8: 2rem;
    --chakra-sizes-9: 2.25rem;
    --chakra-sizes-10: 2.5rem;
    --chakra-sizes-12: 3rem;
    --chakra-sizes-14: 3.5rem;
    --chakra-sizes-16: 4rem;
    --chakra-sizes-20: 5rem;
    --chakra-sizes-24: 6rem;
    --chakra-sizes-28: 7rem;
    --chakra-sizes-32: 8rem;
    --chakra-sizes-36: 9rem;
    --chakra-sizes-40: 10rem;
    --chakra-sizes-44: 11rem;
    --chakra-sizes-48: 12rem;
    --chakra-sizes-52: 13rem;
    --chakra-sizes-56: 14rem;
    --chakra-sizes-60: 15rem;
    --chakra-sizes-64: 16rem;
    --chakra-sizes-72: 18rem;
    --chakra-sizes-80: 20rem;
    --chakra-sizes-96: 24rem;
    --chakra-sizes-px: 1px;
    --chakra-sizes-0-5: 0.125rem;
    --chakra-sizes-1-5: 0.375rem;
    --chakra-sizes-2-5: 0.625rem;
    --chakra-sizes-3-5: 0.875rem;
    --chakra-sizes-max: max-content;
    --chakra-sizes-min: min-content;
    --chakra-sizes-full: 100%;
    --chakra-sizes-3xs: 14rem;
    --chakra-sizes-2xs: 16rem;
    --chakra-sizes-xs: 20rem;
    --chakra-sizes-sm: 24rem;
    --chakra-sizes-md: 28rem;
    --chakra-sizes-lg: 32rem;
    --chakra-sizes-xl: 36rem;
    --chakra-sizes-2xl: 42rem;
    --chakra-sizes-3xl: 48rem;
    --chakra-sizes-4xl: 56rem;
    --chakra-sizes-5xl: 64rem;
    --chakra-sizes-6xl: 72rem;
    --chakra-sizes-7xl: 80rem;
    --chakra-sizes-8xl: 90rem;
    --chakra-sizes-prose: 60ch;
    --chakra-sizes-container-sm: 640px;
    --chakra-sizes-container-md: 768px;
    --chakra-sizes-container-lg: 1024px;
    --chakra-sizes-container-xl: 1280px;
    --chakra-zIndices-hide: -1;
    --chakra-zIndices-auto: auto;
    --chakra-zIndices-base: 0;
    --chakra-zIndices-docked: 10;
    --chakra-zIndices-dropdown: 1000;
    --chakra-zIndices-sticky: 1100;
    --chakra-zIndices-banner: 1200;
    --chakra-zIndices-overlay: 1300;
    --chakra-zIndices-modal: 1400;
    --chakra-zIndices-popover: 1500;
    --chakra-zIndices-skipLink: 1600;
    --chakra-zIndices-toast: 1700;
    --chakra-zIndices-tooltip: 1800;
    --chakra-transition-property-common: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    --chakra-transition-property-colors: background-color, border-color, color, fill, stroke;
    --chakra-transition-property-dimensions: width, height;
    --chakra-transition-property-position: left, right, top, bottom;
    --chakra-transition-property-background: background-color, background-image, background-position;
    --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --chakra-transition-duration-ultra-fast: 50ms;
    --chakra-transition-duration-faster: 100ms;
    --chakra-transition-duration-fast: 150ms;
    --chakra-transition-duration-normal: 200ms;
    --chakra-transition-duration-slow: 300ms;
    --chakra-transition-duration-slower: 400ms;
    --chakra-transition-duration-ultra-slow: 500ms;
    --chakra-blur-none: 0;
    --chakra-blur-sm: 4px;
    --chakra-blur-base: 8px;
    --chakra-blur-md: 12px;
    --chakra-blur-lg: 16px;
    --chakra-blur-xl: 24px;
    --chakra-blur-2xl: 40px;
    --chakra-blur-3xl: 64px;
    --chakra-breakpoints-base: 0em;
    --chakra-breakpoints-sm: 30em;
    --chakra-breakpoints-md: 48em;
    --chakra-breakpoints-lg: 62em;
    --chakra-breakpoints-xl: 80em;
    --chakra-breakpoints-2xl: 96em
}

:root[data-theme="light"], [data-theme][data-theme="light"] {
    --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-body-bg: var(--chakra-colors-white);
    --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200);
    --chakra-colors-chakra-inverse-text: var(--chakra-colors-white);
    --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100);
    --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-600);
    --chakra-colors-chakra-placeholder-color: var(--chakra-colors-gray-500)
}

/* style block 8 */
html {
    line-height: 1.5;
    font-family: system-ui, sans-serif;
    text-rendering: optimizelegibility;
    touch-action: manipulation
}

body {
    margin: 0px;
    font-feature-settings: "kern"
}

:where(*,*::before,*::after) {
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    overflow-wrap: break-word
}

main {
    display: block
}

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

img {
    border-style: none
}

:where(button,input) {
    overflow: visible
}

:where(button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner) {
    border-style: none;
    padding: 0px
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    appearance: none !important
}

input[type="search"]::-webkit-search-decoration {
    appearance: none !important
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

button {
    background: transparent;
    padding: 0px
}

[data-js-focus-visible] :focus:not([data-focus-visible-added]):not([data-focus-visible-disabled]) {
    outline: none;
    box-shadow: none
}

:root {
    --chakra-vh: 100vh
}

@supports (height:-webkit-fill-available) {
    :root {
        --chakra-vh: -webkit-fill-available
    }
}

@supports (height:-moz-fill-available) {
    :root {
        --chakra-vh: -moz-fill-available
    }
}

@supports (height:100dvh) {
    :root {
        --chakra-vh: 100dvh
    }
}

/* style block 9 */
body {
    font-family: var(--font-sans);
    background: hsl(var(--background));
    transition-property: background-color;
    transition-duration: var(--chakra-transition-duration-normal);
    line-height: var(--chakra-lineHeights-base)
}

::-webkit-input-placeholder {
    color: var(--chakra-colors-chakra-placeholder-color)
}

::placeholder {
    color: var(--chakra-colors-chakra-placeholder-color)
}

::placeholder {
    color: var(--chakra-colors-chakra-placeholder-color)
}

*, ::before, ::after {
    border-color: hsl(var(--border))
}

/* style block 10 */
.css-2c8lkk {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 2.5rem
}

.css-bj12qo {
    width: 2.5rem;
    height: 2.5rem
}

.css-131d71n {
    fill: var(--chakra-colors-transparent);
    stroke: rgb(209, 213, 219)
}

.css-osbmls {
    fill: var(--chakra-colors-transparent);
    stroke: var(--chakra-colors-black);
    opacity: 0;
    transition-property: stroke-dasharray, stroke;
    transition-duration: 0.6s;
    transition-timing-function: ease
}

@keyframes animation-b7n1on {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes animation-b7n1on {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.css-o6x0z7 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 1.1rem
}

.css-r94w0k {
    width: 1.1rem;
    height: 1.1rem
}

/* style block 11 */
.ProseMirror-gapcursor:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 20px;
    border-top: 1px solid black;
    animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite
}

@keyframes ProseMirror-cursor-blink {
    to {
        visibility: hidden
    }
}

.ProseMirror-hideselection *::selection {
    background: transparent
}

.ProseMirror-hideselection *::-moz-selection {
    background: transparent
}

/* style block 12 */
.sf-hidden {
    display: none !important
}

/* style block 13 */
img[src="data:,"], source[src="data:,"] {
    display: none !important
}

/* style block 14 */
.rdp-button:focus:not([disabled]), .rdp-button:active:not([disabled]) {
    color: inherit;
    border: var(--rdp-outline);
    background-color: var(--rdp-background-color)
}

.rdp-button:hover:not([disabled]) {
    background-color: var(--rdp-background-color)
}

.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label, .rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
    border: var(--rdp-outline);
    border-radius: 6px;
    background-color: var(--rdp-background-color)
}

.rdp-day_selected:focus:not([disabled]), .rdp-day_selected:active:not([disabled]), .rdp-day_selected:hover:not([disabled]) {
    color: white;
    background-color: var(--rdp-accent-color)
}

.rdp-day_selected:focus:not([disabled]) {
    border: var(--rdp-outline-selected)
}

/* style block 15 */
.rdp-button:focus:not([disabled]), .rdp-button:active:not([disabled]) {
    color: inherit;
    border: var(--rdp-outline);
    background-color: var(--rdp-background-color)
}

.rdp-button:hover:not([disabled]) {
    background-color: var(--rdp-background-color)
}

.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label, .rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
    border: var(--rdp-outline);
    border-radius: 6px;
    background-color: var(--rdp-background-color)
}

.rdp-day_selected:focus:not([disabled]), .rdp-day_selected:active:not([disabled]), .rdp-day_selected:hover:not([disabled]) {
    color: white;
    background-color: var(--rdp-accent-color)
}

.rdp-day_selected:focus:not([disabled]) {
    border: var(--rdp-outline-selected)
}

/* style block 16 */
.rdp-button:focus:not([disabled]), .rdp-button:active:not([disabled]) {
    color: inherit;
    border: var(--rdp-outline);
    background-color: var(--rdp-background-color)
}

.rdp-button:hover:not([disabled]) {
    background-color: var(--rdp-background-color)
}

.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label, .rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
    border: var(--rdp-outline);
    border-radius: 6px;
    background-color: var(--rdp-background-color)
}

.rdp-day_selected:focus:not([disabled]), .rdp-day_selected:active:not([disabled]), .rdp-day_selected:hover:not([disabled]) {
    color: white;
    background-color: var(--rdp-accent-color)
}

.rdp-day_selected:focus:not([disabled]) {
    border: var(--rdp-outline-selected)
}

/* style block 17 */


/* style block 18 */


/* style block 19 */


/* style block 20 */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased
}

body, html {
    margin: 0;
    padding: 0;

    font-family:-apple-system, system-ui, BlinkMacSystemFont, & quot
;

    Segoe UI& quot
;, Roboto, Oxygen, Ubuntu, & quot;

    Helvetica Neue& quot
;, Arial, sans-serif;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background-color: transparent
}

button:focus, input:focus, select:focus, textarea:focus {
    outline: 0
}

:focus {
    border: none;
    outline: 0
}

.no-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@-webkit-keyframes pop {
    0% {
        transform: scale(0)
    }
    70% {
        transform: scale(1.8)
    }
    80% {
        transform: scale(.6)
    }
    100% {
        transform: scale(1)
    }
}

@-moz-keyframes pop {
    0% {
        transform: scale(0)
    }
    70% {
        transform: scale(1.8)
    }
    80% {
        transform: scale(.6)
    }
    100% {
        transform: scale(1)
    }
}

@-o-keyframes pop {
    0% {
        transform: scale(0)
    }
    70% {
        transform: scale(1.8)
    }
    80% {
        transform: scale(.6)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes pop {
    0% {
        transform: scale(0)
    }
    70% {
        transform: scale(1.8)
    }
    80% {
        transform: scale(.6)
    }
    100% {
        transform: scale(1)
    }
}

/* style block 21 */
.rdp-button:focus:not([disabled]), .rdp-button:active:not([disabled]) {
    color: inherit;
    border: var(--rdp-outline);
    background-color: var(--rdp-background-color)
}

.rdp-button:hover:not([disabled]) {
    background-color: var(--rdp-background-color)
}

.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label, .rdp-dropdown:active:not([disabled]) + .rdp-caption_label {
    border: var(--rdp-outline);
    border-radius: 6px;
    background-color: var(--rdp-background-color)
}

.rdp-day_selected:focus:not([disabled]), .rdp-day_selected:active:not([disabled]), .rdp-day_selected:hover:not([disabled]) {
    color: white;
    background-color: var(--rdp-accent-color)
}

.rdp-day_selected:focus:not([disabled]) {
    border: var(--rdp-outline-selected)
}

/* style block 22 */
.sf-hidden {
    display: none !important
}

/* Dropdown menu styling */
select:not(.flatpickr-monthDropdown-months) {
    -webkit-appearance: none;
    appearance: none;
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    border: 1px solid hsl(var(--gray-200));
    border-radius: 10px;
    padding-right: 2.5rem;
    background-image: linear-gradient(45deg, transparent 50%, hsl(var(--foreground)) 50%), linear-gradient(135deg, hsl(var(--foreground)) 50%, transparent 50%), linear-gradient(to bottom, hsl(var(--background)), hsl(var(--background)));
    background-position: calc(100% - 1.4rem) 55%, calc(100% - .9rem) 55%, 0 0;
    background-size: 6px 6px, 6px 6px, 100% 100%;
    background-repeat: no-repeat;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

select:not(.flatpickr-monthDropdown-months):hover {
    border-color: hsl(var(--gray-300));
}

select:not(.flatpickr-monthDropdown-months):focus,
select:not(.flatpickr-monthDropdown-months):focus-visible {
    border-color: hsl(var(--gray-200));
    box-shadow: 0 0 0 2px var(--gray-alpha-100);
    outline: none;
}

select:not(.flatpickr-monthDropdown-months) option {
    color: hsl(var(--foreground));
    background-color: hsl(var(--background));
}

/* Flatpickr Custom Styling */
.flatpickr-calendar {
    background: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 89%);
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    font-family: var(--dashboard-font-family) !important;
    padding: 8px;
}

.flatpickr-months {
    padding: 8px 0;
}

.flatpickr-month {
    color: hsl(240, 3%, 6%);
    font-weight: 500;
}

.flatpickr-current-month {
    font-size: 14px;
    color: hsl(240, 3%, 6%);
    padding: 0;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 89%);
    border-radius: 6px;
    padding: 4px 8px;
    font-weight: 500;
}

.flatpickr-current-month .numInputWrapper {
    background: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 89%);
    border-radius: 6px;
    padding: 4px;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    color: hsl(240, 4%, 46%);
    fill: hsl(240, 4%, 46%);
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
    color: hsl(240, 3%, 6%);
    fill: hsl(240, 3%, 6%);
}

.flatpickr-weekdays {
    margin-top: 8px;
}

.flatpickr-weekday {
    color: hsl(240, 4%, 46%);
    font-size: 12px;
    font-weight: 500;
}

.flatpickr-days {
    border: none;
}

.flatpickr-day {
    color: hsl(240, 3%, 6%);
    border-radius: 6px;
    font-size: 13px;
    line-height: 32px;
    height: 32px;
    margin: 2px;
    border: none;
}

.flatpickr-day:hover {
    background: hsl(240, 5%, 96%);
    border-color: transparent;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: hsl(240, 4%, 70%);
}

.flatpickr-day.today {
    border: 1px solid hsl(240, 3%, 6%);
    background: transparent;
}

.flatpickr-day.today:hover {
    background: hsl(240, 5%, 96%);
    border-color: hsl(240, 3%, 6%);
}

.flatpickr-day.selected {
    background: hsl(240, 3%, 6%);
    color: hsl(0, 0%, 100%);
    border-color: hsl(240, 3%, 6%);
}

.flatpickr-day.selected:hover {
    background: hsl(240, 3%, 15%);
    border-color: hsl(240, 3%, 15%);
}

.flatpickr-time {
    border-top: 1px solid hsl(0, 0%, 89%);
    margin-top: 8px;
    padding-top: 8px;
}

.flatpickr-time input {
    background: hsl(0, 0%, 100%);
    border: 1px solid hsl(0, 0%, 89%);
    border-radius: 6px;
    color: hsl(240, 3%, 6%);
    font-family: var(--dashboard-font-family) !important;
}

.flatpickr-time input:hover {
    border-color: hsl(0, 0%, 82%);
}

.flatpickr-time input:focus {
    border-color: hsl(0, 0%, 89%);
    outline: none;
}

/* Arrow positioning */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: hsl(0, 0%, 89%);
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    border-top-color: hsl(0, 0%, 89%);
}

/* ==========================================================================
   Custom Date Picker / Calendar
   ========================================================================== */

.calendar-day {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    color: hsl(240, 3%, 6%);
    cursor: pointer;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease;
}

.calendar-day:hover:not(.other-month) {
    background-color: hsl(240, 5%, 96%);
}

.calendar-day.other-month {
    color: hsl(240, 5%, 65%);
    cursor: default;
}

.calendar-day.today {
    font-weight: 600;
    background-color: hsl(240, 5%, 96%);
}

.calendar-day.selected {
    background-color: hsl(240, 3%, 6%);
    color: hsl(0, 0%, 100%);
    font-weight: 600;
}

.calendar-day.selected:hover {
    background-color: hsl(240, 4%, 16%);
}

#calendar-popup {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

#calendar-popup.hidden {
    display: none;
}

/* ==========================================================================
   Custom Date Picker / Calendar - Complete Styles
   ========================================================================== */

/* Calendar popup container */
#calendar-popup {
    background-color: #ffffff !important;
    border: 2px solid hsl(240, 6%, 90%) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    z-index: 9999 !important;
    padding: 1rem !important;
}

#calendar-popup.hidden {
    display: none !important;
}

/* Week day headers - force grid layout */
#calendar-popup .grid.grid-cols-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 2rem) !important;
    gap: 0.25rem !important;
    margin-bottom: 0.5rem !important;
}

/* Calendar days grid - force grid layout */
#calendar-popup #calendar-days {
    display: grid !important;
    grid-template-columns: repeat(7, 2rem) !important;
    gap: 0.25rem !important;
}

/* Individual calendar day cells */
#calendar-popup .calendar-day {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    min-height: 2rem !important;
    max-width: 2rem !important;
    max-height: 2rem !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 0.875rem !important;
    color: hsl(240, 3%, 6%) !important;
    cursor: pointer !important;
    border-radius: 0.375rem !important;
    transition: background-color 0.15s ease !important;
    box-sizing: border-box !important;
}

#calendar-popup .calendar-day:hover:not(.other-month) {
    background-color: hsl(240, 5%, 96%) !important;
}

#calendar-popup .calendar-day.other-month {
    color: hsl(240, 5%, 65%) !important;
    cursor: default !important;
}

#calendar-popup .calendar-day.today {
    font-weight: 600 !important;
    background-color: hsl(240, 5%, 96%) !important;
}

#calendar-popup .calendar-day.selected {
    background-color: hsl(240, 3%, 6%) !important;
    color: hsl(0, 0%, 100%) !important;
    font-weight: 600 !important;
}

#calendar-popup .calendar-day.selected:hover {
    background-color: hsl(240, 4%, 16%) !important;
}

/* ==========================================================================
   Watermark Strategy Dropdown & Section Spacing Fixes
   ========================================================================== */

/* Fix watermark strategy button border */
#watermark-strategy-button {
    border: 1px solid hsl(240, 6%, 90%) !important;
    overflow: visible !important;
}

/* ==========================================================================
   Watermark Strategy Dropdown & Section Spacing Fixes
   ========================================================================== */

/* Fix watermark strategy button border */
#watermark-strategy-button {
    border: 1px solid hsl(240, 6%, 90%) !important;
    overflow: visible !important;
}

/* Fix dropdown border and padding */
#watermark-strategy-dropdown {
    border: 1px solid hsl(240, 6%, 90%) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Spacing between sections */
label[for="watermark-strategy-button"] {
    display: block;
}

.stack.gap-2:has(label[for="watermark-strategy-button"]) {
    margin-bottom: 1.5rem !important;
}

/* Force parent containers to allow overflow for proper border display */
.stack:has(label[for="watermark-strategy-button"]) {
    overflow: visible !important;
}

.stack .relative:has(#watermark-strategy-button) {
    overflow: visible !important;
}

div:has(> #watermark-strategy-button) {
    overflow: visible !important;
}

/* Ensure all parent divs up the tree allow overflow */
.stack.gap-2:has(label[for="watermark-strategy-button"]) > div {
    overflow: visible !important;
}

/* ==========================================================================
   Sidebar Platform Switcher Fixes
   ========================================================================== */

/* Fix platform icon size - keep original size */
.center.h-8 > div.w-5.h-5 {
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    min-height: 1.25rem !important;
}

/* Fix platform switcher - complete override */
nav#main-nav button[aria-haspopup="menu"] {
    width: 100% !important;
}

nav#main-nav button[aria-haspopup="menu"] > div {
    width: 100% !important;
    min-width: 100% !important;
}

nav#main-nav button[aria-haspopup="menu"] > div > div.flex.items-center {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    height: 2rem !important;
}

/* Icon container - positioned on the left */
nav#main-nav button[aria-haspopup="menu"] .center.h-8 {
    position: absolute !important;
    left: 0.375rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1 !important;
}

/* Text container - positioned to the right of icon */
nav#main-nav button[aria-haspopup="menu"] .flex.items-center.justify-between.flex-1 {
    position: absolute !important;
    left: 2.25rem !important;
    right: 0.375rem !important;
    top: 0 !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    z-index: 2 !important;
}

/* Force text to be visible */
nav#main-nav button[aria-haspopup="menu"] p {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    transform: none !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Ensure text parent container is visible */
nav#main-nav button[aria-haspopup="menu"] .flex.items-center.justify-between.flex-1 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

/* Override any hiding classes */
nav#main-nav button[aria-haspopup="menu"] div.h-8.flex-1 {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

/* ==========================================================================
   Input/Textarea Focus Border Fix
   ========================================================================== */

/* Ensure input and textarea have visible border on focus */
input[type="text"]:focus,
textarea:focus {
    border-color: hsl(240, 5%, 26%) !important;
    border-width: 1px !important;
    border-style: solid !important;
}