.input-label {

    display: flex;

    align-items: center
}

.input-label > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.375rem * var(--tw-space-x-reverse));

    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))
}

.input-label {

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    padding-bottom: 0.375rem;

    padding-top: 0.75rem;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.peer:disabled ~ .input-label {

    cursor: not-allowed;

    opacity: 0.7
}

.input-label label {

    position: relative
}

.input-label-sm > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.25rem * var(--tw-space-x-reverse));

    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.input-label-sm {

    padding-left: 0.5rem;

    padding-right: 0.5rem;

    padding-bottom: 0.25rem
}

.input-label-light {

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity))
}

.input-label-inline > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.375rem * var(--tw-space-x-reverse));

    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))
}

.input-label-inline {

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    padding-bottom: 0px;

    padding-top: 0px
}

.input-text {

    height: 2.75rem;

    border-radius: 12px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    padding-left: 1rem;

    padding-right: 1rem;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    outline: 2px solid transparent;

    outline-offset: 2px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.input-text::placeholder {

    font-weight: 400;

    --tw-text-opacity: 1;

    color: hsl(var(--contrast-400) / var(--tw-text-opacity))
}

.input-text:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity))
}

.input-text:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity))
}

.input-text:disabled {

    cursor: not-allowed;

    opacity: 0.7
}

.input-text:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-text:hover:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-text:focus:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-text.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success) / var(--tw-text-opacity))
}

.input-text.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-500) / var(--tw-border-opacity))
}

.input-text.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-900) / var(--tw-border-opacity))
}

.input-text.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-text.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-text.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-text-lg {

    height: 3.25rem;

    font-size: 1.125rem;

    line-height: 1.75rem
}

.input-text-lg.input-icon-left {

    padding-left: 3rem
}

.input-text-lg.input-icon-right {

    padding-right: 3rem
}

.input-text-sm {

    height: 2.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-text-sm.input-icon-left {

    padding-left: 2.5rem
}

.input-text-sm.input-icon-right {

    padding-right: 2.5rem
}

.input-text-xs {

    height: 2rem;

    border-radius: 8px;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-text-xs.input-icon-left {

    padding-left: 2.5rem
}

.input-text-xs.input-icon-right {

    padding-right: 2.5rem
}

.input-text-light {

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity))
}

.input-text-light::placeholder {

    color: hsl(var(--contrast) / 0.5)
}

.input-text-light:hover {

    background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-text-light:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity))
}

.input-text-light:disabled {

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-100) / var(--tw-bg-opacity));

    opacity: 0.5
}

.input-text-light:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1000) / var(--tw-text-opacity))
}

.input-text-light:hover:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-200) / var(--tw-bg-opacity))
}

.input-text-light:focus:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity))
}

.input-text-light.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--success-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success-1100) / var(--tw-text-opacity))
}

.input-text-light.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-800) / var(--tw-border-opacity))
}

.input-text-light.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1100) / var(--tw-border-opacity))
}

.input-text-light.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1100) / var(--tw-text-opacity))
}

.input-text-light.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-800) / var(--tw-border-opacity))
}

.input-text-light.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1100) / var(--tw-border-opacity))
}

.input-text.input-icon-left {

    padding-left: 2.75rem
}

.input-text.input-icon-right {

    padding-right: 2.75rem
}

.input-number {

    height: 2.75rem;

    appearance: none;

    border-radius: 12px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    padding-left: 1rem;

    padding-right: 1rem;

    text-align: center;

    font-size: 1.125rem;

    line-height: 1.75rem;

    font-weight: 700;

    outline: 2px solid transparent;

    outline-offset: 2px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.input-number::placeholder {

    font-weight: 400;

    --tw-text-opacity: 1;

    color: hsl(var(--contrast-400) / var(--tw-text-opacity))
}

.input-number:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity))
}

.input-number:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity))
}

.input-number:disabled {

    cursor: not-allowed;

    opacity: 0.7
}

.input-number:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-number:hover:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-number:focus:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-number.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success) / var(--tw-text-opacity))
}

.input-number.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-500) / var(--tw-border-opacity))
}

.input-number.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-900) / var(--tw-border-opacity))
}

.input-number.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-number.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-number.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-number-lg {

    height: 3.25rem;

    font-size: 1.25rem;

    line-height: 1.75rem
}

.input-number-sm {

    height: 2.5rem;

    font-size: 1rem;

    line-height: 1.5rem
}

.input-number-xs {

    height: 2rem;

    border-radius: 8px;

    font-size: 1rem;

    line-height: 1.5rem
}

.input-number-light {

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity))
}

.input-number-light::placeholder {

    color: hsl(var(--contrast) / 0.5)
}

.input-number-light:hover {

    background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-number-light:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity))
}

.input-number-light:disabled {

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-100) / var(--tw-bg-opacity));

    opacity: 0.5
}

.input-number-light:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1000) / var(--tw-text-opacity))
}

.input-number-light:hover:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-200) / var(--tw-bg-opacity))
}

.input-number-light:focus:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity))
}

.input-number-light.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--success-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success-1100) / var(--tw-text-opacity))
}

.input-number-light.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-800) / var(--tw-border-opacity))
}

.input-number-light.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1100) / var(--tw-border-opacity))
}

.input-number-light.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1100) / var(--tw-text-opacity))
}

.input-number-light.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-800) / var(--tw-border-opacity))
}

.input-number-light.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1100) / var(--tw-border-opacity))
}

.input-search {

    height: 3.25rem;

    appearance: none;

    border-radius: 9999px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    padding-left: 1.5rem;

    padding-right: 1.5rem;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    outline: 2px solid transparent;

    outline-offset: 2px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.input-search::placeholder {

    font-weight: 400;

    --tw-text-opacity: 1;

    color: hsl(var(--contrast-300) / var(--tw-text-opacity))
}

.input-search:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity))
}

.input-search:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity))
}

.input-search:disabled {

    cursor: not-allowed
}

.input-search:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-search:hover:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-search:focus:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-search-lg {

    height: 3.25rem;

    font-size: 1.125rem;

    line-height: 1.75rem
}

.input-search-sm {

    height: 2.5rem;

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-search-xs {

    height: 2rem;

    padding-left: 0.75rem;

    padding-right: 0.75rem;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-search-light {

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity))
}

.input-search-light::placeholder {

    color: hsl(var(--contrast) / 0.5)
}

.input-search-light:hover {

    background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-search-light:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity))
}

.input-search-light:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1000) / var(--tw-text-opacity))
}

.input-search-light:hover:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-200) / var(--tw-bg-opacity))
}

.input-search-light:focus:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity))
}

.input-select {

    height: 2.75rem;

    appearance: none;

    border-radius: 12px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    background-image: url("../icon-dropdown.svg");

    background-position: right;

    background-repeat: no-repeat;

    padding-left: 1rem;

    padding-right: 1rem;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    outline: 2px solid transparent;

    outline-offset: 2px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.input-select::placeholder {

    font-weight: 400;

    --tw-text-opacity: 1;

    color: hsl(var(--contrast-400) / var(--tw-text-opacity))
}

.input-select:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity))
}

.input-select:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity))
}

.input-select:disabled {

    cursor: not-allowed;

    opacity: 0.7
}

.input-select:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-select:hover:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-select:focus:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-select.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success) / var(--tw-text-opacity))
}

.input-select.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-500) / var(--tw-border-opacity))
}

.input-select.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-900) / var(--tw-border-opacity))
}

.input-select.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-select.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-select.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-select-lg {

    height: 3.25rem;

    font-size: 1.125rem;

    line-height: 1.75rem
}

.input-select-lg.input-icon-left {

    padding-left: 3rem
}

.input-select-lg.input-icon-right {

    padding-right: 3rem
}

.input-select-sm {

    height: 2.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-select-sm.input-icon-left {

    padding-left: 2.5rem
}

.input-select-sm.input-icon-right {

    padding-right: 2.5rem
}

.input-select-xs {

    height: 2rem;

    border-radius: 8px;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-select-xs.input-icon-left {

    padding-left: 2.5rem
}

.input-select-xs.input-icon-right {

    padding-right: 2.5rem
}

.input-select-light {

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity))
}

.input-select-light::placeholder {

    color: hsl(var(--contrast) / 0.5)
}

.input-select-light:hover {

    background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-select-light:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity))
}

.input-select-light:disabled {

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-100) / var(--tw-bg-opacity));

    opacity: 0.5
}

.input-select-light:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1000) / var(--tw-text-opacity))
}

.input-select-light:hover:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-200) / var(--tw-bg-opacity))
}

.input-select-light:focus:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity))
}

.input-select-light.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--success-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success-1100) / var(--tw-text-opacity))
}

.input-select-light.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-800) / var(--tw-border-opacity))
}

.input-select-light.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1100) / var(--tw-border-opacity))
}

.input-select-light.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1100) / var(--tw-text-opacity))
}

.input-select-light.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-800) / var(--tw-border-opacity))
}

.input-select-light.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1100) / var(--tw-border-opacity))
}

.input-select.input-icon-left {

    padding-left: 2.75rem
}

.input-select.input-icon-right {

    padding-right: 2.75rem
}

.input-tags {

    display: flex;

    height: 2.75rem;

    align-items: center
}

.input-tags > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.25rem * var(--tw-space-x-reverse));

    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.input-tags {

    border-radius: 12px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    padding-left: 0.25rem;

    padding-right: 0.25rem;

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 700;

    outline: 2px solid transparent;

    outline-offset: 2px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.input-tags::placeholder {

    font-weight: 400;

    --tw-text-opacity: 1;

    color: hsl(var(--contrast-400) / var(--tw-text-opacity))
}

.input-tags:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity))
}

.input-tags:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-900) / var(--tw-bg-opacity))
}

.input-tags:disabled {

    opacity: 0.7
}

.input-tags:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-tags:hover:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-tags:focus:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-tags.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success) / var(--tw-text-opacity))
}

.input-tags.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-500) / var(--tw-border-opacity))
}

.input-tags.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-900) / var(--tw-border-opacity))
}

.input-tags.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger) / var(--tw-text-opacity))
}

.input-tags.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-500) / var(--tw-border-opacity))
}

.input-tags.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-900) / var(--tw-border-opacity))
}

.input-tags-lg {

    height: 3.25rem
}

.input-tags-lg > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.375rem * var(--tw-space-x-reverse));

    margin-left: calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))
}

.input-tags-lg {

    padding-left: 0.375rem;

    padding-right: 0.375rem;

    font-size: 1.125rem;

    line-height: 1.75rem
}

.input-tags-lg.input-icon-left {

    padding-left: 3rem
}

.input-tags-lg.input-icon-right {

    padding-right: 3rem
}

.input-tags-sm {

    height: 2.5rem;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-tags-sm.input-icon-left {

    padding-left: 2.5rem
}

.input-tags-sm.input-icon-right {

    padding-right: 2.5rem
}

.input-tags-xs {

    height: 2rem;

    border-radius: 8px;

    font-size: 0.875rem;

    line-height: 1.25rem
}

.input-tags-xs.input-icon-left {

    padding-left: 2.5rem
}

.input-tags-xs.input-icon-right {

    padding-right: 2.5rem
}

.input-tags-light {

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity))
}

.input-tags-light::placeholder {

    color: hsl(var(--contrast) / 0.5)
}

.input-tags-light:hover {

    background-color: hsl(var(--secondary-400) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-tags-light:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary-100) / var(--tw-bg-opacity))
}

.input-tags-light:disabled {

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-100) / var(--tw-bg-opacity));

    opacity: 0.5
}

.input-tags-light:user-invalid {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1000) / var(--tw-text-opacity))
}

.input-tags-light:hover:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-200) / var(--tw-bg-opacity))
}

.input-tags-light:focus:user-invalid {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity))
}

.input-tags-light.success {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--success-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--success-1100) / var(--tw-text-opacity))
}

.input-tags-light.success:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-800) / var(--tw-border-opacity))
}

.input-tags-light.success:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--success-1100) / var(--tw-border-opacity))
}

.input-tags-light.error {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1000) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--danger-100) / var(--tw-bg-opacity));

    --tw-text-opacity: 1;

    color: hsl(var(--danger-1100) / var(--tw-text-opacity))
}

.input-tags-light.error:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-800) / var(--tw-border-opacity))
}

.input-tags-light.error:focus {

    --tw-border-opacity: 1;

    border-color: hsl(var(--danger-1100) / var(--tw-border-opacity))
}

.input-tags.input-icon-left {

    padding-left: 2.75rem
}

.input-tags.input-icon-right {

    padding-right: 2.75rem
}

.input-checkbox {

    position: relative;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    display: inline-block;

    height: 1.25rem;

    width: 1.25rem;

    appearance: none;

    border-radius: 4px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    padding: 0px;

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity));

    outline: 2px solid transparent;

    outline-offset: 2px
}

.input-checkbox::before {

    position: absolute;

    top: 10px;

    left: 10px;

    height: 0px;

    width: 0px;

    background-color: transparent;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;

    --tw-content: "";

    content: var(--tw-content)
}

.input-checkbox::after {

    position: absolute;

    top: 10px;

    left: 10px;

    height: 0px;

    width: 0px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;

    --tw-content: "";

    content: var(--tw-content)
}

.peer:checked ~ .input-checkbox {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast) / var(--tw-border-opacity))
}

.peer:checked ~ .input-checkbox::before {

    position: absolute;

    top: -1px;

    left: -1px;

    height: 1.25rem;

    width: 1.25rem;

    border-radius: 4px;

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    --tw-content: "";

    content: var(--tw-content)
}

.peer:checked ~ .input-checkbox::after {

    position: absolute;

    top: -1px;

    left: -1px;

    height: 1.25rem;

    width: 1.25rem;

    border-radius: 4px;

    background-image: url("data:image/png;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjkxNjc1IDQuNjE4ODJMNC44MzM0MSA3LjUzNTQ4TDEwLjY2NjcgMS43MDIxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");

    --tw-content: "";

    content: var(--tw-content)
}

.peer:disabled ~ .input-checkbox {

    cursor: not-allowed;

    opacity: 0.35
}

.input-radio {

    position: relative;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    display: inline-block;

    height: 1.25rem;

    width: 1.25rem;

    appearance: none;

    border-radius: 9999px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    padding: 0px;

    --tw-text-opacity: 1;

    color: hsl(var(--contrast) / var(--tw-text-opacity));

    outline: 2px solid transparent;

    outline-offset: 2px
}

.input-radio::before {

    position: absolute;

    top: 10px;

    left: 10px;

    height: 0px;

    width: 0px;

    background-color: transparent;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;

    --tw-content: "";

    content: var(--tw-content)
}

.input-radio::after {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    margin: auto;

    height: 0px;

    width: 0px;

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;

    --tw-content: "";

    content: var(--tw-content)
}

.input-radio:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-radio {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast) / var(--tw-border-opacity))
}

.peer:checked ~ .input-radio::before {

    position: absolute;

    top: -1px;

    left: -1px;

    height: 1.25rem;

    width: 1.25rem;

    border-radius: 9999px;

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    --tw-content: "";

    content: var(--tw-content)
}

.peer:checked ~ .input-radio::after {

    position: absolute;

    height: 0.625rem;

    width: 0.625rem;

    border-radius: 9999px;

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    --tw-content: "";

    content: var(--tw-content)
}

.peer:disabled ~ .input-radio {

    cursor: not-allowed;

    opacity: 0.35
}

.input-radio-light {

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-radio-light:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-radio-light::before {

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-radio-light::after {

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-radio-white {

    border-color: rgb(255 255 255 / 0.2);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-radio-white::after {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-radio-white:hover {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.peer:checked ~ .input-radio-white {

    border-color: rgb(255 255 255 / 0.5);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-radio-white::after {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-radio-contrast {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-600) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity))
}

.input-radio-contrast::after {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-radio-contrast:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-600) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-radio-contrast {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-radio-contrast::after {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-switch {

    position: relative;

    height: 1.5rem;

    width: 2.75rem;

    cursor: pointer;

    border-radius: 9999px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity));

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.input-switch::after {

    position: absolute;

    top: 1px;

    inset-inline-start: 1px;

    height: 1.25rem;

    width: 1.25rem;

    border-radius: 9999px;

    border-width: 1px;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms;

    --tw-content: "";

    content: var(--tw-content)
}

.input-switch:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-800) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch::after {

    --tw-translate-x: 100%;

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

    content: var(--tw-content);

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.peer:disabled ~ .input-switch {

    cursor: not-allowed;

    opacity: 0.5
}

.peer:checked ~ .input-switch:where([dir="rtl"], [dir="rtl"] *)::after {

    content: var(--tw-content);

    --tw-translate-x: -100%;

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

.input-switch-light {

    --tw-border-opacity: 1;

    border-color: hsl(var(--neutral-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-switch-light::after {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-switch-light:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-400) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch-light {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch-light::after {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-switch-white {

    border-color: rgb(255 255 255 / 0.2);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-100) / var(--tw-bg-opacity))
}

.input-switch-white::after {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-switch-white:hover {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch-white {

    border-color: rgb(255 255 255 / 0.5);

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch-white::after {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-switch-contrast {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-600) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity))
}

.input-switch-contrast::after {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast-400) / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-switch-contrast:hover {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary-500) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast-600) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch-contrast {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.peer:checked ~ .input-switch-contrast::after {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    content: var(--tw-content);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-range {

    position: relative;

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

    height: 0.5rem;

    border-radius: 8px;

    background-color: rgb(255 255 255 / 0.2)
}

.input-range .input-range-slider {

    position: relative;

    height: 100%;

    border-radius: 8px;

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-range .input-range-btn {

    position: absolute;

    top: 0px;

    bottom: 0px;

    margin-top: auto;

    margin-bottom: auto;

    display: flex;

    aspect-ratio: 1 / 1;

    height: 1.5rem;

    width: 1.5rem;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: 9999px;

    border-width: 1px;

    border-style: solid;

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}

.input-range .input-range-btn:hover {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-range.input-range-light {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity))
}

.input-range.input-range-light .input-range-slider {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity))
}

.input-range.input-range-light .input-range-btn {

    --tw-border-opacity: 1;

    border-color: hsl(var(--contrast) / var(--tw-border-opacity))
}

.input-range.input-range-light .input-range-btn:hover {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--contrast) / var(--tw-bg-opacity))
}

.input-range.input-range-secondary {

    background-color: rgb(255 255 255 / 0.2)
}

.input-range.input-range-secondary .input-range-slider {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-range.input-range-secondary .input-range-btn {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.input-range.input-range-secondary .input-range-btn:hover {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-range.input-range-secondary.input-range-light {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--neutral-200) / var(--tw-bg-opacity))
}

.input-range.input-range-secondary.input-range-light .input-range-slider {

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-range.input-range-secondary.input-range-light .input-range-btn {

    --tw-border-opacity: 1;

    border-color: hsl(var(--secondary) / var(--tw-border-opacity))
}

.input-range.input-range-secondary.input-range-light .input-range-btn:hover {

    --tw-border-opacity: 1;

    border-color: rgb(255 255 255 / var(--tw-border-opacity));

    --tw-bg-opacity: 1;

    background-color: hsl(var(--secondary) / var(--tw-bg-opacity))
}

.input-range.input-range-square .input-range-btn {

    height: 1.25rem;

    width: 2rem;

    border-radius: 8px
}