.rc-slider {
    position: relative;
    width: 100%;
    height: 14px;
    padding: 5px 0;
    border-radius: 6px;
    touch-action: none
}

.rc-slider,
.rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider-rail {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #e9e9e9;
    border-radius: 6px
}

.rc-slider-track,
.rc-slider-tracks {
    position: absolute;
    height: 4px;
    background-color: #abe2fb;
    border-radius: 6px
}

.rc-slider-track-draggable {
    z-index: 1;
    box-sizing: content-box;
    background-clip: content-box;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    transform: translateY(-5px)
}

.rc-slider-handle {
    position: absolute;
    z-index: 1;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    background-color: #fff;
    border: 2px solid #96dbfa;
    border-radius: 50%;
    cursor: pointer;
    cursor: -webkit-grab;
    cursor: grab;
    opacity: .8;
    touch-action: pan-x
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa
}

.rc-slider-handle:focus {
    outline: none;
    box-shadow: none
}

.rc-slider-handle:focus-visible {
    border-color: #2db7f5;
    box-shadow: 0 0 0 3px #96dbfa
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: unset
}

.rc-slider-handle:hover {
    border-color: #57c5f7
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    color: #999;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.rc-slider-mark-text-active {
    color: #666
}

.rc-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    background-color: #fff;
    border: 2px solid #e9e9e9;
    border-radius: 50%;
    cursor: pointer
}

.rc-slider-dot-active {
    border-color: #96dbfa
}

.rc-slider-dot-reverse {
    margin-right: -4px
}

.rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    cursor: not-allowed
}

.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
    cursor: not-allowed !important
}

.rc-slider-vertical {
    width: 14px;
    height: 100%;
    padding: 0 5px
}

.rc-slider-vertical .rc-slider-rail {
    width: 4px;
    height: 100%
}

.rc-slider-vertical .rc-slider-track {
    bottom: 0;
    left: 5px;
    width: 4px
}

.rc-slider-vertical .rc-slider-track-draggable {
    border-top: 0;
    border-bottom: 0;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    transform: translateX(-5px)
}

.rc-slider-vertical .rc-slider-handle {
    position: absolute;
    z-index: 1;
    margin-top: 0;
    margin-left: -5px;
    touch-action: pan-y
}

.rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 18px;
    height: 100%
}

.rc-slider-vertical .rc-slider-step {
    width: 4px;
    height: 100%
}

.rc-slider-vertical .rc-slider-dot {
    margin-left: -2px
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-leave {
    display: block !important;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        transform: scale(0);
        transform-origin: 50% 100%;
        opacity: 0
    }
    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }
    to {
        transform: scale(0);
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.rc-slider-tooltip {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: visible
}

.rc-slider-tooltip,
.rc-slider-tooltip * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider-tooltip-hidden {
    display: none
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px
}

.rc-slider-tooltip-inner {
    min-width: 24px;
    height: 24px;
    padding: 6px 2px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9
}

.rc-slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #6c6c6c
}

.notifi-card-modal {
    color: var(--notifi-font-color);
    font-family: inherit;
    background-color: var(--notifi-card-background);
    border-radius: .5rem;
    position: relative;
    height: 35rem
}

.notifi-connect {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    background-color: var(--notifi-connect-bg)
}

.notifi-connect-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none;
    display: flex;
    justify-content: center;
    height: 0;
    padding: 0 3.125rem;
    align-items: center
}

.notifi-connect-title {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    padding: 2.5rem 1rem .5rem;
    position: relative
}

.notifi-connect-right-cta {
    position: absolute;
    top: 2.5rem;
    right: 1rem;
    cursor: pointer
}

.notifi-connect-description {
    color: var(--notifi-connect-description-text);
    font-size: .9rem;
    text-align: center;
    padding: 0 2rem;
    margin-bottom: .5rem
}

.notifi-connect-alert-list-container {
    display: flex;
    gap: .5rem;
    flex-direction: column
}

.notifi-connect-alert-list-alert {
    font-size: .9rem;
    display: flex;
    align-items: center
}

.notifi-connect-alert-icon {
    color: var(--notifi-connect-alert-icon);
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    font-weight: 700;
    stroke-width: 3
}

.notifi-connect-hardware-wallet {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    margin-bottom: .5rem
}

.notifi-connect-hardware-wallet-label {
    color: var(--notifi-connect-hardware-wallet-label-text)
}

.notifi-connect-button {
    background-color: var(--notifi-connect-button);
    color: var(--notifi-connect-button-text);
    border-radius: .5rem;
    padding: .9rem 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    margin: .5rem 2rem 0
}

.notifi-connect-button-text.hidden {
    visibility: hidden
}

.notifi-connect-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.notifi-connect-footer-content {
    margin: 1rem 2rem 0;
    font-size: .75rem;
    text-align: center;
    line-height: 1.33
}

.notifi-connect-footer-content a,
.notifi-connect-footer-content span {
    color: var(--notifi-connect-footer-content-text)
}

.notifi-connect-footer {
    width: 100%;
    display: flex;
    height: 3rem;
    justify-content: center;
    align-items: center
}

.notifi-ftu {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.notifi-ftu-views {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none
}

.notifi-ftu-footer {
    width: 100%;
    display: flex;
    height: 2.2rem;
    justify-content: center;
    align-items: center;
    background-color: var(--notifi-ftu-footer-bg)
}

.notifi-ftu-button-container {
    padding: .75rem 1.5rem 0;
    background-color: var(--notifi-ftu-footer-bg)
}

.notifi-ftu-target-edit {
    display: flex;
    flex-direction: column;
    height: 100%
}

.notifi-ftu-target-edit-invalid-email-warning {
    color: var(--notifi-ftu-target-edit-invalid-email-warning-text);
    margin: 0 2rem .5rem;
    height: 1rem;
    font-size: .9rem
}

.notifi-ftu-target-list {
    display: flex;
    flex-direction: column;
    height: 100%
}

.notifi-ftu-target-list-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none;
    height: 0
}

.notifi-ftu-alert-edit {
    display: flex;
    flex-direction: column;
    height: 100%
}

.notifi-ftu-alert-edit-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none;
    height: 0
}

.notifi-ftu-alert-edit-button,
.notifi-ftu-target-edit-button,
.notifi-ftu-target-list-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .9rem 0;
    width: 100%;
    font-weight: 700;
    color: var(--notifi-ftu-button-text);
    background-color: var(--notifi-ftu-button);
    border-radius: 6px;
    cursor: pointer;
    position: relative
}

.notifi-ftu-alert-edit-button:disabled,
.notifi-ftu-target-edit-button:disabled,
.notifi-ftu-target-list-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.notifi-ftu-alert-edit-button-text.hidden,
.notifi-ftu-target-edit-button-text.hidden,
.notifi-ftu-target-list-button-text.hidden {
    visibility: hidden
}

.notifi-ftu-target-list-header {
    background-color: var(--notifi-ftu-header-bg) !important;
    border: none !important
}

.powered-by-notifi {
    display: flex;
    cursor: pointer
}

.notifi-powered-by-notifi-content {
    font-size: .6rem;
    margin-right: .5rem;
    opacity: .7;
    color: var(--notifi-powered-by-text)
}

.powered-by-notifi-logo {
    width: .6rem;
    height: .6rem;
    margin-right: .27rem
}

.powered-by-notifi-text {
    font: 1rem;
    width: 1.5rem;
    height: .6rem
}

.notifi-target-input-field {
    position: relative
}

.notifi-target-input-field-label {
    display: flex;
    margin-bottom: .8rem;
    color: var(--notifi-font-color);
    opacity: .5;
    font-size: 1rem;
    line-height: 1rem
}

.notifi-target-input-field-input-container {
    display: flex;
    flex-direction: row;
    background-color: var(--notifi-target-input-field-input-container-bg);
    border-radius: .5rem;
    padding: 1rem;
    align-items: center;
    max-height: 1rem;
    box-sizing: content-box;
    border: 1.5px solid transparent
}

.notifi-target-input-field-input-container.focused {
    border: 1.5px solid var(--notifi-target-input-field-input-container-focused-border)
}

.notifi-target-input-field-input-container.warning {
    border: 1.5px solid var(--notifi-target-input-field-input-container-warning-text)
}

.notifi-target-input-field-input::placeholder {
    font-size: 1rem;
    font-weight: 500;
    color: var(--notifi-target-input-field-input-placeholder-text)
}

.notifi-target-input-field-icon {
    margin-right: .8rem;
    color: rgba(var(--notifi-color-heather), 1)
}

.notifi-target-input-field-input {
    flex-grow: 1;
    font-size: 1rem;
    line-height: 1rem;
    background: none;
    outline: none;
    border: none;
    color: var(--notifi-font-color);
    font-weight: 500
}

.notifi-toggle-container {
    --notifi-toggle-size: 16px;
    --notifi-toggle-padding: 2px;
    --notifi-toggle-container: calc(var(--notifi-toggle-size) + 2 * var(--notifi-toggle-padding));
    position: relative;
    display: inline-block;
    width: calc(var(--notifi-toggle-container) + var(--notifi-toggle-size));
    height: var(--notifi-toggle-container)
}

.notifi-toggle-input {
    opacity: 0;
    width: 0;
    height: 0
}

.notifi-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--notifi-toggle-inactive);
    border-radius: var(--notifi-toggle-container);
    transition: .2s
}

.notifi-toggle-slider:before {
    position: absolute;
    content: "";
    height: var(--notifi-toggle-size);
    width: var(--notifi-toggle-size);
    left: var(--notifi-toggle-padding);
    bottom: var(--notifi-toggle-padding);
    background-color: var(--notifi-toggle-handle);
    border-radius: 50%;
    transition: .2s
}

.notifi-toggle-input:checked+.notifi-toggle-slider {
    background-color: var(--notifi-toggle-active)
}

.notifi-toggle-input:checked+.notifi-toggle-slider:before {
    transform: translateX(calc(var(--notifi-toggle-size)))
}

.notifi-toggle-slider--disabled {
    cursor: progress
}

.notifi-nav-header {
    background-color: var(--notifi-nav-header-background);
    display: flex;
    padding: 1rem;
    border-bottom: 1px solid var(--notifi-ftu-header-border)
}

.notifi-nav-header-title.isEmpty:after {
    content: "_";
    visibility: hidden
}

.notifi-nav-header-left-cta,
.notifi-nav-header-right-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 1rem;
    position: absolute;
    left: 1rem;
    top: 1.15rem
}

.notifi-nav-header-right-cta {
    left: unset;
    right: 1rem
}

.notifi-nav-header-title {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    font-weight: 500
}

.notifi-target-list {
    margin: 0 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-radius: 6px;
    padding: .8rem 0
}

.notifi-target-list-item {
    align-items: center;
    background-color: var(--notifi-notifi-target-list-item-bg);
    border-radius: 6px;
    position: relative
}

.notifi-target-list-item-target {
    display: flex;
    align-items: flex-start;
    margin-right: .5rem;
    max-width: 100%
}

.has-remove-button {
    max-width: 80% !important
}

.notifi-target-list-target-verify-message {
    font-size: .9rem
}

.notifi-target-list-target-confirmed-message,
.notifi-target-list-target-verify-message {
    color: var(--notifi-target-list-target-verify-message-text);
    display: flex;
    align-items: center
}

.notifi-target-list-target-confirmed-message {
    font-size: .875rem;
    text-align: center
}

.notifi-target-list-target-confirmed-message.inbox {
    text-align: left
}

.notifi-target-list-icon {
    margin-right: .5rem
}

.notifi-target-list-icon,
.notifi-target-list-item-edit-icon {
    color: rgba(var(--notifi-color-heather), 1);
    display: flex;
    align-items: flex-start
}

.notifi-target-list-item-edit-icon {
    margin: auto auto auto .5rem;
    cursor: pointer
}

.notifi-target-list-item-target-id {
    font-size: .85rem;
    font-weight: 600;
    display: inline;
    overflow: auto;
    word-wrap: break-word;
    letter-spacing: .42px;
    overflow: hidden
}

.notifi-target-list-item-target-id.has-verified-icon {
    padding-right: 25px
}

.notifi-target-list-item-remove {
    position: absolute;
    top: 1.1rem;
    right: 1rem;
    cursor: pointer;
    font-size: .75rem;
    z-index: 2
}

.notifi-target-list-item-remove-link {
    color: var(--notifi-target-list-remove-text) !important
}

.notifi-target-cta {
    display: inline;
    margin-left: auto
}

.no-action-required {
    margin-left: 0;
    display: inline-block;
    width: 0;
    height: 16px;
    border-radius: 10rem;
    position: relative
}

.disabled {
    cursor: not-allowed !important;
    opacity: .5
}

.notifi-target-cta-button {
    background-color: var(--notifi-target-list-cat-button-bg);
    color: var(--notifi-target-list-cat-button-text);
    padding: .43rem .68rem;
    text-align: center;
    cursor: pointer;
    min-width: 5rem;
    min-height: 1.1rem;
    font-size: .875rem
}

.notifi-target-cta-loading-spinner {
    border-top: 2px solid rgba(var(--notifi-color-white), 1) !important;
    border-right: 2px solid rgba(var(--notifi-color-white), 1) !important;
    height: .75rem !important;
    width: .75rem !important
}

.notifi-target-cta-link {
    color: var(--notifi-target-list-cta-link-text);
    cursor: pointer;
    display: inline-block;
    margin-left: .5rem;
    min-height: 1rem
}

.notifi-target-cta-action-not-required {
    color: var(--notifi-target-cta-action-not-require-text);
    background-color: var(--notifi-target-cta-action-not-require-bg);
    border-radius: 10rem;
    stroke-width: 3;
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: .5rem
}

.notifi-target-list-item-warning {
    position: relative;
    background: var(--notifi-target-list-item-warning-bg);
    color: var(--notifi-target-list-item-warning-text);
    border-radius: 0 0 6px 6px;
    padding: calc(.37rem + 6px) 1rem .37rem;
    font-size: .875rem
}

.notifi-target-list-item-content {
    background-color: var(--notifi-notifi-target-list-item-bg);
    position: relative;
    padding: .62rem 1rem;
    border-radius: 6px;
    display: flex;
    z-index: 2;
    min-height: 2rem;
    align-items: center
}

.notifi-target-list-item-input-form {
    padding: 0 1rem .62rem
}

.notifi-topic-list {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: 1rem
}

.notifi-topic-row,
.notifi-topic-stack-row {
    padding: 1rem;
    background-color: var(--notifi-notifi-topic-list-row-bg);
    border-radius: 6px
}

.notifi-topic-row-base {
    display: flex;
    justify-content: space-between
}

.notifi-topic-row-content {
    display: flex;
    align-items: center;
    position: relative
}

.notifi-topic-list-tooltip-container {
    position: relative;
    display: flex;
    margin-left: .2rem;
    margin-bottom: .2rem
}

.notifi-topic-options,
.notifi-topic-row-user-inputs-row-container {
    display: flex;
    flex-direction: column
}

.notifi-topic-options {
    flex-grow: 1
}

.notifi-topic-options-description {
    margin: .5rem 0;
    font-size: .9rem;
    color: rgba(var(--notifi-color-heather), 1)
}

.notifi-topic-options-items {
    border: 2px solid transparent;
    margin-bottom: .5rem;
    display: flex;
    flex-grow: 1;
    gap: .5rem
}

.notifi-topic-options-item {
    cursor: pointer
}

.notifi-topic-options-item.button {
    border: 2px solid transparent;
    border-radius: 6px;
    background-color: var(--notifi-topic-options-item-bg);
    color: var(--notifi-topic-options-item-text);
    height: 3rem;
    padding: 0 1rem;
    display: flex;
    align-items: center
}

.notifi-topic-options-item.button.selected {
    border: 2px solid rgba(var(--notifi-color-secondary-light), 1);
    color: var(--notifi-topic-options-item-selected-text)
}

.notifi-topic-options-item.radio {
    display: flex;
    margin-right: 1rem
}

.notifi-topic-options-item.radio:before {
    content: "";
    border-radius: 100%;
    border: 2.5px solid var(--notifi-topic-options-item-radio-before-border);
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: relative;
    top: -.2em;
    margin: 3px .5rem 0 0;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all .25s ease
}

.notifi-topic-options-item.radio.selected:before {
    background-color: var(--notifi-topic-option-item-radio-selected-before-bg);
    box-shadow: inset 0 0 0 2px var(--notifi-topic-option-radio-inner-ring) !important;
    border: 2.5px solid var(--notifi-topic-option-item-radio-selected-before-border)
}

.notifi-topic-options-custom-input {
    border-radius: 6px;
    font-size: 1rem;
    outline: none;
    background-color: inherit;
    color: inherit;
    border: 2px solid transparent;
    padding: 0 1rem;
    width: 100%;
    text-align: center
}

.notifi-topic-option-custom-input-container.selected {
    border: 2px solid rgba(var(--notifi-color-secondary-light), 1);
    color: var(--notifi-topic-options-item-selected-text)
}

.notifi-topic-options-custom-input::placeholder {
    color: var(--notifi-topic-options-item-text);
    font-size: 1rem;
    text-align: center
}

.notifi-topic-option-custom-input-container {
    background-color: var(--notifi-topic-options-item-bg);
    border: 2px solid transparent;
    display: flex;
    position: relative;
    flex-grow: 1;
    min-width: 0;
    height: 3rem;
    border-radius: 6px;
    color: rgba(var(--notifi-color-heather), 1)
}

.notifi-topic-option-custom-input-prefix,
.notifi-topic-option-custom-input-suffix {
    display: none;
    color: rgba(var(--notifi-color-heather), 1)
}

.notifi-topic-option-custom-input-container.selected>.notifi-topic-option-custom-input-prefix {
    position: absolute;
    left: .1rem;
    top: .9rem;
    display: block;
    color: var(--notifi-topic-options-item-selected-text)
}

.notifi-topic-option-custom-input-container.selected>.notifi-topic-option-custom-input-suffix {
    position: absolute;
    right: .3rem;
    top: .9rem;
    display: block;
    color: var(--notifi-topic-options-item-selected-text)
}

.notifi-topic-stack-row {
    padding: 1rem;
    background-color: var(--notifi-notifi-topic-list-row-bg);
    border-radius: 6px
}

.notifi-topic-stack-header-title {
    display: flex;
    align-items: center
}

.notifi-topic-stacks {
    padding: 1rem 0 0
}

.notifi-topic-stack-row-cta {
    padding: 1rem 0 .5rem;
    cursor: pointer;
    color: var(--notifi-topic-stack-row-cta-text)
}

.notifi-topic-stack:first-child {
    border-top: 1px solid var(--notifi-topic-stack-separator)
}

.notifi-topic-stack {
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--notifi-topic-stack-separator)
}

.notifi-topic-stack-content-subtitle {
    display: flex;
    font-size: .9rem;
    color: var(--notifi-topic-stack-content-subtitle-text)
}

.notifi-topic-stack-content-subtitle>* {
    margin-right: 1rem
}

.notifi-topic-stack-cta {
    color: var(--notifi-topic-stack-cta-text);
    cursor: pointer
}

.notifi-topic-stack-cta.disabled {
    cursor: wait
}

.notifi-topic-stack-row-input {
    margin-top: .8rem
}

.notifi-topic-stack-row-input-button {
    text-align: center;
    margin-top: .5rem;
    background-color: var(--notifi-topic-stack-row-input-button-bg);
    padding: .5rem 0;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative
}

.notifi-topic-stack-row-input-button-text {
    margin: .3rem 0;
    color: var(--notifi-topic-stack-row-input-button-text)
}

.notifi-topic-stack-row-input-button-text.hidden {
    visibility: hidden
}

.notifi-topic-stack-row-input-button.disabled {
    background-color: var(--notifi-topic-stack-row-input-button-disabled-bg);
    cursor: not-allowed
}

.subscription-value-input-dropdown {
    position: relative;
    border-radius: 6px
}

.subscription-value-input-dropdown-value {
    border-radius: 6px;
    background-color: var(--notifi-subscription-input-dropdown-value-bg);
    padding: 1rem;
    cursor: pointer
}

.subscription-value-input-dropdown-value-content.unselected {
    color: grey
}

.subscription-value-input-dropdown-icon {
    position: absolute;
    top: 50%;
    right: .5rem;
    top: 1rem
}

.subscription-value-input-dropdown-list {
    position: absolute;
    bottom: -.3rem;
    transform: translateY(100%);
    left: 0;
    right: 0;
    background-color: var(--notifi-subscription-input-dropdown-list-bg);
    z-index: 1;
    border-radius: 6px;
    max-height: 11.5rem;
    overflow-y: scroll;
    scrollbar-width: none
}

.subscription-value-input-dropdown-list>* {
    padding: .5rem 1rem;
    cursor: pointer;
    border-bottom: 1px solid var(--notifi-topic-stack-separator)
}

.subscription-value-input-dropdown-list>:last-child {
    border-bottom: none
}

.notifi-spinner-container {
    width: 24px;
    height: 24px
}

.notifi-spinner {
    border: 4px solid transparent;
    border-top: 4px solid var(--notifi-spinner-color);
    border-radius: 50%;
    -webkit-animation: notifi-spinner .6s linear infinite;
    animation: notifi-spinner .6s linear infinite;
    position: absolute
}

@-webkit-keyframes notifi-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes notifi-spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.notifi-inbox {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.notifi-inbox-views {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none
}

.notifi-inbox-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.notifi-inbox-nav-tabs {
    width: 100%;
    display: flex;
    justify-content: space-around;
    cursor: pointer;
    background: var(--notifi-nav-footer-bg);
    padding: 1rem 0;
    border-top: 1px solid var(--notifi-inbox-footer-border)
}

.notifi-inbox-nav-tabs>div {
    flex: 1;
    display: flex;
    justify-content: center
}

.notifi-inbox-history {
    display: flex;
    flex-direction: column;
    height: 100%
}

.notifi-inbox-history.hidden {
    display: none
}

.notifi-inbox-config-topic {
    display: flex;
    flex-direction: column;
    height: 100%
}

.notifi-inbox-config-topic-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none
}

.notifi-inbox-config-topic-banner {
    margin: 1rem
}

.notifi-inbox-config-topic-title {
    margin: 0 1rem;
    color: var(--notifi-inbox-config-topic-title-text);
    font-size: .9rem
}

.notifi-inbox-config-target-edit,
.notifi-inbox-config-target-list {
    display: flex;
    flex-direction: column;
    height: 100%
}

.notifi-inbox-config-target-list-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none
}

.notifi-inbox-config-target-edit-button-text.hidden {
    visibility: hidden
}

.notifi-inbox-config-target-list-item {
    align-items: start
}

.notifi-inbox-config-target-edit-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none;
    border-bottom: 1px solid var(--notifi-inbox-footer-border)
}

.notifi-inbox-config-target-edit-button,
.notifi-inbox-config-target-list-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .9rem 0;
    font-weight: 700;
    color: var(--notifi-ftu-button-text);
    background-color: var(--notifi-ftu-button);
    border-radius: 6px;
    margin: 1rem 2rem;
    cursor: pointer;
    position: relative
}

.notifi-inbox-config-target-edit-button:disabled,
.notifi-inbox-config-target-list-button:disabled {
    opacity: .5;
    cursor: not-allowed
}

.notifi-inbox-config-target-header,
.notifi-inbox-config-topic-header,
.notifi-inbox-history-detail-header,
.notifi-inbox-history-list-header {
    border-bottom: 1px solid var(--notifi-inbox-header-border) !important
}

.notifi-history-list {
    display: flex;
    flex-direction: column;
    height: 100%
}

.notifi-history-list.hidden {
    display: none
}

.notifi-history-list-target-state-banner-container {
    margin: 1rem 1rem 0
}

.notifi-history-list-main {
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 1rem 1rem;
    margin-top: 1rem;
    scrollbar-width: none
}

.notifi-history-list-main.w-banner {
    margin-top: .5rem
}

.notifi-history-list-loading-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .9rem 0;
    font-weight: 700;
    border-radius: 6px;
    width: 100%;
    cursor: pointer;
    position: relative
}

.notifi-history-list-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%
}

.notifi-history-list-empty-icon {
    margin-bottom: 1rem;
    color: var(--notifi-history-list-empty-icon)
}

.notifi-history-list-empty-title {
    font-weight: 700;
    margin-bottom: .5rem
}

.notifi-history-list-empty-description {
    font-size: .87rem;
    font-weight: 500;
    line-height: 1.5;
    width: 95%;
    color: var(--notifi-history-list-empty-description-text);
    text-align: center
}

.notifi-history-row {
    display: flex;
    padding: 10px 1rem 10px 0;
    background-color: var(--notifi-history-row-bg);
    position: relative;
    margin-bottom: .5rem;
    border-radius: 6px;
    cursor: pointer;
    border: 1px solid transparent
}

.notifi-history-row.read {
    border-radius: 6px
}

.notifi-history-row:hover {
    border: 1px solid var(--notifi-history-row-hover-border)
}

.notifi-history-row-unread-indicator {
    background-color: var(--notifi-history-row-unread-indicator);
    border-radius: 50px;
    position: absolute;
    height: 100%
}

.notifi-history-row-unread-indicator.read {
    display: none
}

.notifi-history-row-icon {
    display: flex;
    justify-content: center;
    width: 3rem;
    color: var(--notifi-color-heather)
}

.notifi-history-row-content {
    width: 100%
}

.notifi-history-row-title {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

.notifi-history-row-title-text {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    color: var(--notifi-history-row-title-text)
}

.notifi-history-row-timestamp {
    color: var(--notifi-history-row-timestamp-text);
    font-size: .8rem
}

.notifi-history-row-subject {
    font-size: .9rem;
    color: var(--notifi-history-row-subject-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1
}

.notifi-history-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--notifi-history-detail-bg)
}

.notifi-history-detail.hidden {
    display: none
}

.notifi-history-detail-main {
    flex-grow: 1;
    overflow-y: auto;
    padding: 1rem;
    scrollbar-width: none
}

.notifi-history-detail-subject {
    margin-bottom: .5rem;
    line-height: 1.5
}

.notifi-history-detail-timestamp {
    color: var(--notifi-history-detail-timestamp-text);
    font-size: .8rem;
    margin-bottom: 1rem
}

.notifi-history-detail-message {
    line-height: 1.5
}

.notifi-history-detail-message>p>a {
    color: var(--notifi-target-input-field-input-container-focused-border);
    text-decoration: none
}

.notifi-target-state-banner {
    background-color: var(--notifi-target-state-banner-bg);
    border-radius: 6px;
    cursor: default
}

.notifi-target-state-banner-verify {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem .5rem;
    cursor: pointer
}

.notifi-target-state-banner-verify.history {
    padding: .7rem .5rem;
    background-color: var(--notifi-target-state-banner-verify-history-bg);
    border-radius: 6px;
    cursor: default
}

.notifi-target-state-banner-verify-icon {
    color: var(--notifi-target-state-verify-icon-color);
    width: 1.3rem;
    height: 1.5rem;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.notifi-target-state-banner-verify-icon.history {
    color: inherit;
    stroke: var(--notifi-target-state-banner-verify-icon-color)
}

.notifi-target-state-banner-verify-content {
    flex-grow: 1;
    margin: 0 1rem;
    width: 0
}

.notifi-target-state-banner-verify-title {
    margin-bottom: .2rem
}

.notifi-target-state-banner-verify-title.history {
    font-size: .9rem
}

.notifi-target-state-banner-verify-description {
    color: var(--notifi-target-state-banner-verify-description-text);
    font-size: .75rem
}

.notifi-target-state-banner-verify-cta {
    width: 1.5rem;
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
    color: var(--notifi-target-state-banner-verify-cta-text)
}

.notifi-target-state-banner-verify-cta.history {
    padding: .5rem;
    width: 4rem;
    background-color: var(--notifi-target-state-banner-verify-cta-history-bg);
    color: inherit;
    font-size: .9rem
}

.notifi-target-state-banner-signup {
    display: flex;
    align-items: center;
    padding: .7rem 1rem;
    flex-direction: row;
    background-color: var(--notifi-target-state-banner-signup-history-bg);
    border-radius: 6px
}

.notifi-target-state-banner-signup-content {
    display: flex;
    align-items: center;
    width: 70%;
    margin-bottom: 0
}

.notifi-target-state-banner-signup-text {
    font-size: .9rem;
    line-height: 1.3
}

.notifi-target-state-banner-signup-icon {
    color: var(--notifi-target-state-banner-signup-icon-color);
    margin-right: .8rem;
    color: inherit
}

.notifi-target-state-banner-signup-cta {
    color: rgba(var(--notifi-color-white), 1);
    background-color: var(--notifi-target-state-banner-signup-cta-bg);
    padding: .5rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    font-size: .9rem;
    width: 7rem
}

.notifi-error-global {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.notifi-ftu-target-edit-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none;
    height: 0
}

.notifi-error-global-error-title {
    color: var(--notifi-error-global-error-title-text);
    margin: 1rem;
    font-size: 1.1rem;
    font-weight: 600
}

.notifi-error-global-error-main {
    flex-grow: 1;
    overflow: scroll;
    scrollbar-width: none;
    height: 0
}

.notifi-error-global-error-detail {
    margin: 1rem
}

.notifi-error-footer {
    width: 100%;
    display: flex;
    height: 2.2rem;
    justify-content: center;
    align-items: center;
    background-color: var(--notifi-ftu-footer-bg)
}

.notifi-tooltip-container {
    display: inline-block;
    position: relative;
    height: 1rem;
    width: 1rem
}

.notifi-tooltip-content {
    padding: 1rem;
    background-color: var(--notifi-target-list-tooltip-bg);
    border: 1px solid var(--tooltip-content-border);
    width: 10rem;
    position: absolute;
    display: none;
    text-align: left;
    z-index: 3;
    color: var(--tooltip-content-text)
}

.notifi-tooltip-content>a {
    color: var(--tooltip-content-a-text)
}

.notifi-tooltip-content.top-right:hover,
.notifi-tooltip-icon:hover~.notifi-tooltip-content.top-right {
    top: 1.5rem;
    right: -1rem;
    display: block
}

.notifi-tooltip-content.top-left:hover,
.notifi-tooltip-icon:hover~.notifi-tooltip-content.top-left {
    top: 1.5rem;
    left: -1rem;
    display: block
}

.notifi-tooltip-content.bottom-right:hover,
.notifi-tooltip-icon:hover~.notifi-tooltip-content.bottom-right {
    bottom: 1.5rem;
    right: -1rem;
    display: block
}

.notifi-tooltip-content.bottom-left:hover,
.notifi-tooltip-icon:hover~.notifi-tooltip-content.bottom-left {
    bottom: 1.5rem;
    left: -1rem;
    display: block
}

.notifi-tooltip-icon:hover {
    color: var(--tooltip-icon-color-hover)
}

.notifi-tooltip-icon {
    margin-bottom: -5px
}

.notifi-smartlink {
    color: var(--notifi-font-color);
    font-family: inherit;
    background-color: var(--notifi-smartlink-background);
    position: relative;
    border-radius: 8px
}

.notifi-smartlink-error {
    height: 20rem;
    position: relative
}

.notifi-smartlink-banner,
.notifi-smartlink-image {
    width: 100%;
    border-radius: 8px;
    margin-bottom: .75rem;
    object-fit: contain
}

.notifi-smartlink-name {
    display: flex;
    color: var(--notifi-smartlink-name-text);
    margin: 0 2rem .75rem
}

.notifi-smartlink-namelogo {
    border-radius: 50rem;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: .5rem
}

.notifi-smartlink-name-text {
    display: flex;
    align-items: center;
    letter-spacing: -.185px
}

.notifi-smartlink-title {
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0 2rem .5rem;
    letter-spacing: -.185px
}

.notifi-smartlink-subtitle {
    font-size: 1.125rem;
    letter-spacing: -.185px;
    color: var(--notifi-smartlink-subtitle-text);
    margin: 0 2rem
}

.notifi-smartlink-component .notifi-smartlink-action {
    padding: 1rem 2rem
}

.notifi-smartlink-component .notifi-smartlink-text {
    padding: 1rem 2rem .5rem
}

.notifi-smartlink-text {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.185px
}

.notifi-smartlink-action {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.notifi-smartlink-action-btn {
    padding: .5rem;
    background-color: var(--notifi-smartlink-action-btn-bg);
    border-radius: 4px;
    color: var(--notifi-smartlink-action-btn-text);
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.notifi-smartlink-action-btn:disabled {
    background-color: var(--notifi-smartlink-action-btn-disabled-bg);
    cursor: not-allowed
}

.notifi-smartlink-action-btn-text.notifi-smartlink-action-btn-txt-hidden {
    visibility: hidden
}

.notifi-smartlink-action-btn-loading-spinner {
    width: 20px;
    height: 20px
}

.notifi-smartlink-action-input-textbox-constraint-prompt {
    font-size: .75rem;
    color: var(--notifi-smartlink-action-input-textbox-constraint-prompt-text);
    text-align: right;
    font-weight: 600
}

.notifi-smartlink-action-input-textbox-container {
    display: flex;
    background-color: var(--notifi-smartlink-action-input-textbox-container-bg);
    border-radius: 6px;
    align-items: center;
    padding: 1rem
}

.notifi-smartlink-action-input-textbox-container.invalid {
    box-shadow: 0 0 0 1px var(--notifi-smartlink-action-input-textbox-container-invalid-border)
}

.notifi-smartlink-action-input-textbox-input {
    flex: 1
}

.notifi-smartlink-action-input-textbox-input::placeholder {
    color: var(--notifi-smartlink-action-input-textbox-input-placeholder-text)
}

.notifi-smartlink-action-input-textbox-prefix {
    margin-right: .5rem;
    color: rgb(var(--notifi-color-dusk))
}

.notifi-smartlink-action-input-textbox-suffix {
    color: rgb(var(--notifi-color-dusk))
}

.notifi-smartlink-action-input-checkbox-container {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    letter-spacing: -.185px
}

.notifi-smartlink-action-input-checkbox-input {
    flex-shrink: 0;
    flex-grow: 0;
    transform: scale(1.5);
    accent-color: rgb(var(--notifi-color-secondary-light))
}

.notifi-theme-dark {
    --notifi-font-color: rgba(var(--notifi-color-white), 1);
    --notifi-card-background: rgb(var(--notifi-color-dark));
    --notifi-connect-bg: rgb(var(--notifi-color-dark));
    --notifi-connect-button: rgba(var(--notifi-color-white), 1);
    --notifi-connect-button-text: rgb(var(--notifi-color-midnight));
    --notifi-connect-alert-icon: rgb(var(--notifi-color-seaglass));
    --notifi-ftu-header-bg: rgba(var(--notifi-color-dark), 0);
    --notifi-input-field-background: rgb(var(--notifi-color-grey2));
    --notifi-toggle-inactive: rgb(var(--notifi-color-dusk));
    --notifi-toggle-active: rgb(var(--notifi-color-seaglass-dark));
    --notifi-toggle-handle: rgba(var(--notifi-color-white), 1);
    --notifi-nav-header-background: rgba(var(--notifi-color-grey2), 0);
    --notifi-ftu-button-text: rgb(var(--notifi-color-midnight));
    --notifi-ftu-button: rgba(var(--notifi-color-white), 1);
    --notifi-target-list-cat-button-bg: rgb(var(--notifi-color-seaglass-dark));
    --notifi-target-list-cat-button-text: rgba(var(--notifi-color-white), 1);
    --notifi-target-list-cta-link-text: rgba(var(--notifi-color-white), 1);
    --notifi-notifi-target-list-item-bg: rgb(var(--notifi-color-grey2));
    --notifi-notifi-topic-list-row-bg: rgb(var(--notifi-color-grey2));
    --notifi-topic-options-item-bg: rgb(var(--notifi-color-grey1));
    --notifi-topic-options-item-text: rgba(var(--notifi-color-heather), 1);
    --notifi-topic-option-radio-bg: rgb(var(--notifi-color-grey1));
    --notifi-subscription-input-dropdown-value-bg: rgb(var(--notifi-color-grey1));
    --notifi-subscription-input-dropdown-list-bg: rgb(var(--notifi-color-grey1));
    --notifi-spinner-color: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-stack-row-input-button-bg: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-topic-stack-row-input-button-text: rgba(var(--notifi-color-white), 1);
    --notifi-nav-footer-bg: rgb(var(--notifi-color-grey2));
    --notifi-history-row-bg: rgb(var(--notifi-color-grey2));
    --notifi-history-row-unread-indicator: rgb(var(--notifi-color-seaglass-dark));
    --notifi-history-row-title-text: rgba(var(--notifi-color-white), 1);
    --notifi-history-row-timestamp-text: rgba(var(--notifi-color-heather), 1);
    --notifi-history-row-subject-text: rgba(var(--notifi-color-heather), 1);
    --notifi-history-detail-bg: rgb(var(--notifi-color-dark));
    --notifi-history-detail-timestamp-text: rgba(var(--notifi-color-heather), 1);
    --notifi-history-list-empty-icon: rgb(var(--notifi-color-seaglass-dark));
    --notifi-history-list-empty-description-text: rgba(var(--notifi-color-heather), 1);
    --notifi-target-state-banner-bg: rgb(var(--notifi-color-grey2));
    --notifi-target-state-verify-icon-color: rgba(var(--notifi-color-white), 1);
    --notifi-inbox-config-topic-title-text: rgba(var(--notifi-color-heather), 1);
    --notifi-inbox-header-border: rgb(var(--notifi-color-grey7));
    --notifi-target-list-remove-text: rgb(var(--notifi-color-heather));
    --notifi-target-cta-action-not-require-text: rgb(var(--notifi-color-green3));
    --notifi-target-cta-action-not-require-bg: rgba(var(--notifi-color-green3), 0.4);
    --notifi-target-state-banner-signup-icon-color: rgb(var(--notifi-color-seaglass-dark));
    --notifi-target-state-banner-signup-cta-bg: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-options-item-selected-text: rgba(var(--notifi-color-white), 1);
    --notifi-topic-option-radio-inner-ring: rgb(var(--notifi-color-grey2));
    --notifi-topic-list-tooltip-bg: rgb(var(--notifi-color-dark));
    --notifi-topic-list-tooltip-content-border: rgb(var(--notifi-color-dark));
    --notifi-target-list-tooltip-bg: rgb(var(--notifi-color-dark));
    --tooltip-content-border: rgb(var(--notifi-color-dark));
    --tooltip-content-text: rgba(var(--notifi-color-white), 1);
    --tooltip-icon-color-hover: rgb(var(--notifi-color-white));
    --notifi-target-list-item-warning-bg: rgba(var(--notifi-color-grey6), 1);
    --notifi-target-list-item-warning-text: rgba(var(--notifi-color-heather), 1);
    --notifi-topic-list-tooltip-icon-color-hover: rgba(var(--notifi-color-white), 1);
    --notifi-input-separator-text: rgb(var(--notifi-color-dusk));
    --notifi-ftu-footer-bg: rgba(var(--notifi-color-black), 0);
    --notifi-ftu-footer-border: rgb(var(--notifi-color-grey4));
    --notifi-ftu-header-border: rgba(var(--notifi-color-grey4), 0);
    --notifi-target-state-banner-signup-history-bg: rgb(var(--notifi-color-grey5));
    --notifi-target-state-banner-verify-history-bg: rgb(var(--notifi-color-grey5));
    --notifi-target-state-banner-verify-cta-history-bg: rgb(var(--notifi-color-seaglass-dark));
    --notifi-target-state-banner-verify-icon-color: rgb(var(--notifi-color-dark));
    --notifi-inbox-footer-border: rgb(var(--notifi-color-grey4));
    --notifi-powered-by-text: rgba(var(--notifi-color-heather), 1);
    --notifi-topic-stack-separator: rgb(var(--notifi-color-grey5));
    --notifi-topic-stack-row-cta-text: rgb(var(--notifi-color-seaglass-dark));
    --notifi-target-input-toggle-unavailable-text: rgba(var(--notifi-color-heather), 1);
    --notifi-connect-description-text: rgb(var(--notifi-color-grey3));
    --notifi-connect-footer-content-text: rgb(var(--notifi-color-grey3));
    --notifi-history-detail-message-a-text: rgb(var(--notifi-color-seaglass-dark));
    --notifi-target-input-field-input-container-bg: rgb(var(--notifi-color-grey1));
    --notifi-target-input-field-input-container-focused-border: rgba(var(--notifi-color-seaglass-dark));
    --tooltip-content-a-text: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-option-item-radio-selected-before-bg: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-option-item-radio-selected-before-border: rgb(var(--notifi-color-seaglass-dark));
    --notifi-error-global-error-title-text: rgb(var(--notifi-color-error));
    --notifi-ftu-target-edit-invalid-email-warning-text: rgb(var(--notifi-color-error));
    --notifi-target-input-field-input-container-warning-text: rgb(var(--notifi-color-error));
    --notifi-history-row-hover-border: rgb(var(--notifi-color-dusk));
    --notifi-target-input-field-input-placeholder-text: rgb(var(--notifi-color-dusk));
    --notifi-target-state-banner-verify-cta-text: rgb(var(--notifi-color-dusk));
    --notifi-topic-options-item-radio-before-border: rgb(var(--notifi-color-dusk));
    --notifi-topic-stack-row-input-button-disabled-bg: rgb(var(--notifi-color-dusk));
    --notifi-topic-stack-content-subtitle-text: rgb(var(--notifi-color-text-light));
    --notifi-topic-stack-cta-text: rgb(var(--notifi-color-text-light));
    --notifi-target-state-banner-verify-description-text: rgb(var(--notifi-color-rose));
    --notifi-smartlink-background: rgb(var(--notifi-color-white));
    --notifi-smartlink-name-text: rgb(var(--notifi-color-dusk));
    --notifi-smartlink-subtitle-text: rgb(var(--notifi-color-dusk));
    --notifi-smartlink-action-btn-bg: rgb(var(--notifi-color-midnight));
    --notifi-smartlink-action-btn-disabled-bg: rgba(var(--notifi-color-midnight), 0.4);
    --notifi-smartlink-action-btn-text: white;
    --notifi-smartlink-action-input-textbox-container-bg: rgb(var(--notifi-color-eggshell));
    --notifi-smartlink-action-input-textbox-container-invalid-border: rgb(var(--notifi-color-error));
    --notifi-smartlink-action-input-textbox-constraint-prompt-text: rgb(var(--notifi-color-heather));
    --notifi-smartlink-action-input-textbox-input-placeholder-text: rgb(var(--notifi-color-dusk))
}

.notifi-theme-light {
    --notifi-font-color: rgb(var(--notifi-color-midnight));
    --notifi-card-background: rgb(var(--notifi-color-cloud));
    --notifi-connect-bg: rgba(var(--notifi-color-white), 1);
    --notifi-connect-button: rgb(var(--notifi-color-midnight));
    --notifi-connect-button-text: rgba(var(--notifi-color-white), 1);
    --notifi-connect-alert-icon: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-ftu-header-bg: rgba(var(--notifi-color-white), 1);
    --notifi-input-field-background: rgba(var(--notifi-color-white), 1);
    --notifi-toggle-inactive: rgba(var(--notifi-color-heather), 1);
    --notifi-toggle-active: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-toggle-handle: rgba(var(--notifi-color-white), 1);
    --notifi-nav-header-background: rgba(var(--notifi-color-white), 1);
    --notifi-ftu-button-text: rgba(var(--notifi-color-white), 1);
    --notifi-ftu-button: rgb(var(--notifi-color-midnight));
    --notifi-target-list-cat-button-bg: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-target-list-cat-button-text: rgba(var(--notifi-color-white), 1);
    --notifi-target-list-cta-link-text: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-notifi-target-list-item-bg: rgba(var(--notifi-color-white), 1);
    --notifi-notifi-topic-list-row-bg: rgba(var(--notifi-color-white), 1);
    --notifi-topic-options-item-bg: rgb(var(--notifi-color-eggshell));
    --notifi-topic-options-item-text: rgb(var(--notifi-color-dusk));
    --notifi-topic-option-radio-inner-ring: rgb(var(--notifi-color-light));
    --notifi-topic-option-radio-bg: rgba(var(--notifi-color-white), 1);
    --notifi-subscription-input-dropdown-value-bg: rgb(var(--notifi-color-eggshell));
    --notifi-subscription-input-dropdown-list-bg: rgb(var(--notifi-color-eggshell));
    --notifi-spinner-color: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-stack-row-input-button-bg: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-stack-row-input-button-text: rgba(var(--notifi-color-white), 1);
    --notifi-nav-footer-bg: rgba(var(--notifi-color-white), 1);
    --notifi-history-row-bg: rgba(var(--notifi-color-white), 1);
    --notifi-history-row-unread-indicator: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-history-row-title-text: rgb(var(--notifi-color-midnight));
    --notifi-history-row-timestamp-text: rgb(var(--notifi-color-dusk));
    --notifi-history-row-subject-text: rgb(var(--notifi-color-dusk));
    --notifi-history-detail-bg: rgba(var(--notifi-color-white), 1);
    --notifi-history-detail-timestamp-text: rgb(var(--notifi-color-dusk));
    --notifi-history-list-empty-icon: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-history-list-empty-description-text: rgb(var(--notifi-color-dusk));
    --notifi-target-state-banner-bg: rgba(var(--notifi-color-white), 1);
    --notifi-target-state-verify-icon-color: rgb(var(--notifi-color-black));
    --notifi-inbox-config-topic-title-text: rgb(var(--notifi-color-dusk));
    --notifi-inbox-header-border: rgba(var(--notifi-color-grey7), 0);
    --notifi-target-list-remove-text: rgb(var(--notifi-color-dusk));
    --notifi-target-cta-action-not-require-text: rgb(var(--notifi-color-green4));
    --notifi-target-cta-action-not-require-bg: rgba(var(--notifi-color-green4), 0.4);
    --notifi-target-list-target-verify-message-text: rgb(var(--notifi-color-dusk));
    --notifi-target-state-banner-signup-icon-color: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-target-state-banner-signup-cta-bg: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-topic-options-item-selected-text: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-topic-list-tooltip-bg: rgb(var(--notifi-color-eggshell));
    --notifi-topic-list-tooltip-content-border: rgba(var(--notifi-color-heather), 1);
    --notifi-target-list-tooltip-bg: rgb(var(--notifi-color-eggshell));
    --tooltip-content-border: rgba(var(--notifi-color-heather), 1);
    --tooltip-content-text: rgb(var(--notifi-color-black));
    --tooltip-icon-color-hover: rgb(var(--notifi-color-dusk));
    --notifi-target-list-item-warning-bg: rgba(var(--notifi-color-black), 0.05);
    --notifi-target-list-item-warning-text: rgba(var(--notifi-color-dusk), 1);
    --notifi-topic-list-tooltip-icon-color-hover: rgb(var(--notifi-color-dusk));
    --notifi-input-separator-text: rgba(var(--notifi-color-heather), 1);
    --notifi-ftu-footer-bg: rgba(var(--notifi-color-white), 0);
    --notifi-ftu-footer-border: rgb(var(--notifi-color-cloud));
    --notifi-ftu-header-border: rgba(var(--notifi-color-cloud), 0);
    --notifi-target-state-banner-signup-history-bg: rgb(var(--notifi-color-cloud));
    --notifi-target-state-banner-verify-history-bg: rgba(var(--notifi-color-cloud), 0.5);
    --notifi-target-state-banner-verify-cta-history-bg: rgba(var(--notifi-color-white), 1);
    --notifi-target-state-banner-verify-icon-color: rgb(var(--notifi-color-eggshell));
    --notifi-inbox-footer-border: rgb(var(--notifi-color-cloud));
    --notifi-powered-by-text: rgb(var(--notifi-color-midnight));
    --notifi-topic-stack-separator: rgba(var(--notifi-color-heather), 1);
    --notifi-topic-stack-row-cta-text: rgba(var(--notifi-color-secondary-light), 1);
    --notifi-target-input-toggle-unavailable-text: rgb(var(--notifi-color-grey3));
    --notifi-connect-description-text: rgb(var(--notifi-color-grey3));
    --notifi-connect-footer-content-text: rgb(var(--notifi-color-grey3));
    --notifi-history-detail-message-a-text: rgb(var(--notifi-color-seaglass-dark));
    --notifi-target-input-field-input-container-bg: rgb(var(--notifi-color-eggshell));
    --notifi-target-input-field-input-container-focused-border: rgba(var(--notifi-color-seaglass-dark));
    --tooltip-content-a-text: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-option-item-radio-selected-before-bg: rgb(var(--notifi-color-seaglass-dark));
    --notifi-topic-option-item-radio-selected-before-border: rgb(var(--notifi-color-seaglass-dark));
    --notifi-error-global-error-title-text: rgb(var(--notifi-color-error));
    --notifi-ftu-target-edit-invalid-email-warning-text: rgb(var(--notifi-color-error));
    --notifi-target-input-field-input-container-warning-text: rgb(var(--notifi-color-error));
    --notifi-history-row-hover-border: rgb(var(--notifi-color-dusk));
    --notifi-target-input-field-input-placeholder-text: rgb(var(--notifi-color-dusk));
    --notifi-target-state-banner-verify-cta-text: rgb(var(--notifi-color-dusk));
    --notifi-topic-options-item-radio-before-border: rgb(var(--notifi-color-dusk));
    --notifi-topic-stack-row-input-button-disabled-bg: rgb(var(--notifi-color-dusk));
    --notifi-topic-stack-content-subtitle-text: rgb(var(--notifi-color-text-light));
    --notifi-topic-stack-cta-text: rgb(var(--notifi-color-text-light));
    --notifi-target-state-banner-verify-description-text: rgb(var(--notifi-color-rose));
    --notifi-smartlink-background: rgb(var(--notifi-color-white));
    --notifi-smartlink-name-text: rgb(var(--notifi-color-dusk));
    --notifi-smartlink-subtitle-text: rgb(var(--notifi-color-dusk));
    --notifi-smartlink-action-btn-bg: rgb(var(--notifi-color-midnight));
    --notifi-smartlink-action-btn-disabled-bg: rgba(var(--notifi-color-midnight), 0.4);
    --notifi-smartlink-action-btn-text: white;
    --notifi-smartlink-action-input-textbox-container-bg: rgb(var(--notifi-color-eggshell));
    --notifi-smartlink-action-input-textbox-container-invalid-border: rgb(var(--notifi-color-error));
    --notifi-smartlink-action-input-textbox-constraint-prompt-text: rgb(var(--notifi-color-heather));
    --notifi-smartlink-action-input-textbox-input-placeholder-text: rgb(var(--notifi-color-dusk))
}

.btn {
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.btn,
.clean-input {
    border: none;
    outline: none
}

.clean-input {
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    width: auto;
    box-shadow: none;
    border-radius: 0
}

input.clean-input::-webkit-inner-spin-button,
input.clean-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input.clean-input[type=number] {
    -moz-appearance: textfield
}

:root {
    --notifi-color-grey1: 28, 28, 35;
    --notifi-color-grey2: 50, 50, 64;
    --notifi-color-grey3: 128, 130, 157;
    --notifi-color-grey4: 74, 74, 94;
    --notifi-color-grey5: 67, 67, 84;
    --notifi-color-grey6: 66, 66, 82;
    --notifi-color-grey7: 68, 68, 80;
    --notifi-color-white: 255, 255, 255;
    --notifi-color-black: 0, 0, 0;
    --notifi-color-light: 243, 244, 249;
    --notifi-color-eggshell: 245, 246, 251;
    --notifi-color-seaglass: 154, 163, 255;
    --notifi-color-secondary-light: 82, 96, 240;
    --notifi-color-seaglass-dark: 130, 138, 227;
    --notifi-color-light-blue: 227, 230, 245;
    --notifi-color-green3: 164, 222, 149;
    --notifi-color-green4: 50, 140, 27;
    --notifi-color-dark: 27, 27, 34;
    --notifi-color-midnight: 38, 41, 73;
    --notifi-color-cloud: 232, 235, 245;
    --notifi-color-error: 213, 130, 139;
    --notifi-color-dusk: 128, 130, 157;
    --notifi-color-heather: 182, 184, 213;
    --notifi-color-text-light: 134, 143, 166;
    --notifi-color-rose: 199, 129, 134
}

.notifi-card-modal {
    --notifi-primary: #ff5a19;
    --notifi-gray: #2c2c2c;
    --notifi-card: #111111;
    --notifi-card2: #262121;
    --notifi-button: #452317;
    --notifi-stroke: #252424;
    --notifi-text: #d2dbda;
    --notifi-text-primary: #d0dbda;
    --notifi-input: rgba(208, 219, 218, 0.1);
    --notifi-light: rgba(208, 219, 218, 0.7);
    --notifi-error: #d5828b;
    --notifi-verified: #a4de95;
    white-space: normal
}

.notifi-card-modal,
.notifi-card-modal * {
    box-sizing: border-box
}

.notifi-card-modal {
    color: var(--notifi-text);
    height: calc(100dvh - 60px) !important;
    width: 353px;
    background-color: var(--notifi-card);
    border: 1px solid var(--notifi-stroke);
    border-radius: 8px
}

.notifi-error-global {
    padding: 0 0 12px
}

.notifi-error-footer {
    background-color: var(--notifi-card);
    height: unset;
    margin-top: 12px
}

.notifi-error-global-error-title {
    color: var(--notifi-error)
}

.notifi-error-global-error-detail {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
    font-weight: 400
}

.notifi-connect {
    height: 100%;
    border: unset;
    background-color: unset;
    padding: 40px 0 12px
}

.notifi-connect-title {
    font-size: 22px;
    font-weight: 700
}

.notifi-connect-description,
.notifi-connect-title {
    font-style: normal;
    padding: unset;
    line-height: 133%;
    letter-spacing: 1%
}

.notifi-connect-description {
    margin: 8px;
    color: var(--notifi-light);
    font-size: 14px;
    font-weight: 400
}

.notifi-connect-main {
    margin-top: 126px;
    align-items: unset;
    padding: unset;
    flex-grow: unset;
    height: 100%;
    border-bottom: 1px solid var(--notifi-stroke)
}

.notifi-connect-alert-list-container {
    gap: 24px
}

.notifi-connect-alert-list-alert {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    color: var(--notifi-text-primary)
}

.notifi-connect-alert-icon {
    color: var(--notifi-light);
    background: #4a4040;
    border-radius: 100%;
    stroke-width: 2px
}

.notifi-connect-button,
.notifi-ftu-alert-edit-button,
.notifi-ftu-target-list-button {
    border-radius: 6px;
    border: 1.5px solid var(--notifi-primary);
    background: var(--notifi-button);
    color: var(--notifi-primary);
    height: 43px;
    margin: 12px 28px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .08px
}

.notifi-connect-button:disabled,
.notifi-ftu-alert-edit-button:disabled,
.notifi-ftu-target-list-button:disabled {
    opacity: .5
}

.notifi-connect-footer {
    height: unset
}

.notifi-powered-by-notifi-content {
    color: var(--notifi-light);
    font-size: 8px;
    font-style: normal;
    font-weight: 400
}

.notifi-nav-header {
    border: unset !important;
    border-bottom: 1px solid var(--notifi-stroke) !important;
    background-color: unset !important;
    padding: 20px 0 16px
}

.notifi-nav-header-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 133%;
    letter-spacing: .16px
}

.notifi-ftu {
    padding: 0 0 12px;
    border: unset
}

.notifi-ftu-footer {
    background-color: unset;
    height: unset
}

.notifi-target-list {
    padding: 12px 16px;
    margin: 0;
    gap: 8px
}

.notifi-target-list-item {
    background-color: var(--notifi-gray);
    border: unset;
    padding: 10px 16px;
    border-radius: 4px
}

.notifi-ftu-target-list-main .notifi-target-list-item {
    background-color: var(--notifi-card2)
}

.notifi-target-list-item-content {
    background: unset;
    padding: unset;
    min-height: auto
}

.notifi-target-list-item-target {
    padding: 6px 0
}

.notifi-target-list-icon {
    color: var(--notifi-text-primary);
    margin-right: 6px
}

.notifi-target-list-item-target-id {
    font-weight: 400;
    font-size: 14px;
    color: var(--notifi-text-primary)
}

.notifi-target-list-item-input-form {
    padding: 0;
    margin-top: 10px
}

.notifi-target-input-field-input-container {
    border-radius: 4px;
    background: var(--notifi-input);
    border: .5px solid var(--notifi-stroke);
    max-height: 47px
}

.notifi-target-input-field-input-container.warning {
    border: .5px solid var(--notifi-error)
}

.notifi-target-input-field-input {
    font-weight: 400;
    font-size: 16px;
    color: var(--notifi-text-primary)
}

.notifi-target-input-field-input::placeholder {
    color: var(--notifi-light);
    font-weight: 400;
    font-size: 16px
}

.notifi-target-input-field-input-container.focused {
    border: .5px solid var(--notifi-stroke)
}

.notifi-target-cta-button {
    background-color: var(--notifi-text-primary);
    border-radius: 6px;
    min-width: 93px;
    height: 29px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #070606
}

.notifi-target-cta-button.disabled {
    opacity: 1
}

.notifi-target-list-item-warning {
    background: var(--notifi-input);
    color: var(--notifi-light);
    width: 100%;
    min-width: 319px;
    font-size: 13px;
    font-weight: 400;
    margin-top: -6px;
    margin-bottom: -10px;
    margin-left: -16px;
    padding: 22px 16px 6px;
    border-radius: 0 0 4px 4px
}

.notifi-target-list-item-warning:before {
    content: "";
    position: absolute;
    top: 0;
    height: 16px;
    width: 100%;
    left: 0;
    background: var(--notifi-gray);
    border-radius: 0 0 6px 6px
}

.notifi-ftu-target-list-main .notifi-target-list-item-warning {
    background: #363636
}

.notifi-ftu-target-list-main .notifi-target-list-item-warning:before {
    background: var(--notifi-card2)
}

.notifi-target-cta-link {
    color: var(--notifi-text) !important;
    font-weight: 500;
    font-size: 14px
}

.notifi-target-list-item-remove-link {
    color: var(--notifi-light) !important;
    font-weight: 600 !important;
    font-size: 13px !important
}

.notifi-target-cta-action-not-required {
    z-index: 999;
    color: var(--notifi-verified);
    background-color: rgba(164, 222, 149, .4)
}

.notifi-tooltip-container {
    margin-left: 5px;
    flex-shrink: 0
}

.notifi-tooltip-icon {
    color: var(--notifi-light)
}

.notifi-tooltip-content {
    background-color: var(--notifi-card);
    border: 2px solid var(--notifi-input);
    border-radius: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -.185px;
    padding: 16px;
    color: var(--notifi-text)
}

.notifi-ftu-button-container {
    padding: 0 28px;
    background-color: unset;
    border-top: 1px solid var(--notifi-stroke)
}

.notifi-ftu-alert-edit-button,
.notifi-ftu-target-list-button {
    margin: 12px 0
}

.notifi-topic-list {
    margin: 12px 0;
    padding: 0 16px;
    gap: 8px
}

.notifi-ftu-alert-edit-main .notifi-topic-row {
    background-color: var(--notifi-card2);
    border-radius: 4px;
    border: unset
}

.notifi-topic-row {
    background-color: var(--notifi-input)
}

.notifi-nav-header-left-cta {
    width: 18px;
    height: 18px;
    top: unset;
    left: 24px
}

.notifi-nav-header-left-cta>svg {
    width: 18px;
    height: 18px
}

.notifi-connect-right-cta,
.notifi-nav-header-right-cta {
    top: 9px;
    right: 8px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 2px solid var(--notifi-stroke);
    border-radius: 100%
}

.notifi-connect-right-cta>svg,
.notifi-nav-header-right-cta>svg {
    width: 24px;
    height: 24px
}

.notifi-topic-row-base {
    align-items: center;
    gap: 15px
}

.notifi-topic-row-content {
    gap: 2px;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .32px;
    flex-grow: 1;
    color: var(--notifi-text)
}

.notifi-topic-row-content>:first-child {
    flex-grow: 1
}

.notifi-toggle-container {
    height: 16px;
    flex-shrink: 0
}

.notifi-toggle-input {
    display: none
}

.notifi-toggle-slider {
    background-color: var(--notifi-light)
}

.notifi-toggle-slider:before {
    height: 12px;
    width: 12px;
    background-color: var(--notifi-text)
}

.notifi-toggle-input:checked+.notifi-toggle-slider {
    background-color: var(--notifi-primary);
    opacity: 1
}

.notifi-toggle-input:checked+.notifi-toggle-slider:before {
    transform: translateX(20px)
}

.notifi-topic-options-description {
    color: var(--notifi-light);
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .14px;
    margin: unset;
    margin-top: 5px
}

.notifi-topic-options-items {
    border: unset;
    gap: 10px;
    margin-bottom: 14px
}

.notifi-topic-option-custom-input-container,
.notifi-topic-options-item.button {
    min-width: 70px;
    max-width: 70px;
    background-color: var(--notifi-card);
    border: 1px solid transparent;
    color: var(--notifi-light);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.notifi-topic-option-custom-input-container {
    min-width: 87px;
    max-width: 87px
}

.notifi-topic-option-custom-input-container.selected,
.notifi-topic-options-item.button.selected {
    border: 1px solid var(--notifi-primary);
    color: var(--notifi-text)
}

.notifi-topic-option-custom-input-container.selected>.notifi-topic-option-custom-input-suffix {
    top: 0;
    right: 2px;
    height: 90%;
    display: flex;
    align-items: center;
    z-index: 99
}

.notifi-topic-option-custom-input-container.selected>.notifi-topic-option-custom-input-prefix {
    top: 0;
    left: 1px;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 99
}

.notifi-topic-options-custom-input::placeholder {
    color: var(--notifi-light)
}

.notifi-topic-options-custom-input {
    padding: unset
}

.notifi-topic-option-custom-input-container.selected>.notifi-topic-options-custom-input {
    padding: 0 1rem
}

.notifi-inbox {
    padding-top: 0
}

.notifi-history-list-target-state-banner-container {
    margin: 12px 16px 0
}

.notifi-target-state-banner {
    background-color: unset;
    border-radius: unset
}

.notifi-target-state-banner-verify,
.notifi-target-state-banner-verify.history {
    border-radius: 4px;
    background-color: var(--notifi-card2);
    border: unset;
    padding: 10px;
    min-height: 49px
}

.notifi-target-state-banner-verify-icon.history {
    display: none
}

.notifi-target-state-banner-verify-icon {
    color: var(--notifi-text)
}

.notifi-target-state-banner-verify-icon.history>svg,
.notifi-target-state-banner-verify-icon>svg {
    width: 12px;
    height: 12px
}

.notifi-target-state-banner-verify-content {
    margin: 0 0 0 4px
}

.notifi-target-state-banner-verify .notifi-target-state-banner-verify-content {
    margin: 0 15px
}

.notifi-target-state-banner-verify-title.history {
    font-size: 14px !important;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: .14px;
    color: var(--notifi-text-primary)
}

.notifi-target-state-banner-verify-cta.history {
    width: 77px;
    background-color: var(--notifi-text-primary);
    border-radius: 6px;
    height: 29px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #070606
}

.notifi-target-state-banner-verify {
    background-color: var(--notifi-input)
}

.notifi-target-state-banner-verify-title {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 107%;
    margin: 0;
    letter-spacing: .16px
}

.notifi-target-state-banner-verify-description {
    margin-top: 4px;
    color: var(--notifi-error)
}

.notifi-target-state-banner-verify-cta {
    color: var(--notifi-light)
}

.notifi-history-list-main,
.notifi-history-list-main.w-banner {
    padding: unset;
    margin: 0 16px;
    padding-top: 12px
}

.notifi-history-list-empty {
    justify-content: unset;
    gap: 0
}

.notifi-history-list-empty-icon {
    margin: 54px 0 0;
    color: var(--notifi-primary)
}

.notifi-history-list-empty-title {
    margin: 16px 0 7px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .16px
}

.notifi-history-list-empty-description {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: .14px;
    color: var(--notifi-light);
    padding: 0;
    width: 270px
}

.notifi-history-row {
    background-color: var(--notifi-gray);
    border-radius: 4px !important;
    border: 2px solid transparent
}

.notifi-history-row.read {
    background-color: var(--notifi-input)
}

.notifi-history-row:hover {
    border: 2px solid var(--notifi-input)
}

.notifi-history-row-unread-indicator {
    background-color: var(--notifi-primary);
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    height: auto;
    border-radius: 6px !important
}

.notifi-history-row-icon {
    color: var(--notifi-light);
    width: 48px
}

.notifi-history-row-title {
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 2px
}

.notifi-history-row-title-text {
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    flex-grow: unset;
    font-size: 16px;
    font-weight: 700
}

.notifi-history-row-timestamp {
    text-align: end;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--notifi-light)
}

.notifi-history-row-subject {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    color: var(--notifi-light)
}

.notifi-history-list-loading-more {
    height: 60px;
    padding: unset
}

.notifi-history-detail {
    background-color: var(--notifi-card)
}

.notifi-history-detail-main {
    padding: 0;
    margin: 16px 24px
}

.notifi-history-detail-subject {
    margin-bottom: 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 133%;
    letter-spacing: .16px
}

.notifi-history-detail-timestamp {
    color: var(--notifi-light);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 133%;
    letter-spacing: .14px
}

.notifi-history-detail-message {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 133%;
    letter-spacing: .16px
}

.notifi-history-detail-message>p {
    margin-top: 12px;
    font-weight: 500
}

.notifi-history-detail-message>a,
.notifi-history-detail-message>p>a {
    color: var(--notifi-primary) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 133%;
    letter-spacing: .16px;
    text-decoration-line: underline
}

.notifi-inbox-nav-tabs {
    background-color: var(--notifi-input);
    border: unset
}

.notifi-inbox-config-topic-main {
    margin: 0;
    padding-top: 12px
}

.notifi-inbox-config-topic-banner {
    margin: 0 16px
}

.notifi-inbox-config-topic-title {
    margin: 16px 16px 0;
    border: unset;
    color: var(--notifi-light);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 133%;
    letter-spacing: .14px
}

.notifi-spinner {
    border-top: 4px solid var(--notifi-text) !important
}

.notifi-target-cta-loading-spinner {
    border-top: 2px solid var(--notifi-card) !important;
    border-right: 2px solid var(--notifi-card) !important
}

.notifi-target-cta-link.disabled .notifi-target-cta-loading-spinner {
    bottom: 10px;
    border-top: 2px solid var(--notifi-text) !important;
    border-right: 2px solid var(--notifi-text) !important
}

.notifi-inbox-nav-tabs>div:has(svg[type=bell]) {
    height: 24px;
    color: var(--notifi-light)
}

.notifi-inbox-nav-tabs>div:has(svg[type=gear]) {
    height: 24px;
    color: var(--notifi-light)
}

:root {
    --d: 2500ms;
    --angle: 90deg;
    --gradX: 100%;
    --gradY: 50%;
    --c1: rgba(168, 239, 255, 1);
    --c2: rgba(168, 239, 255, 0.1);
    --primary: #ff5a19;
    --black: #111111;
    --bg: #1e1e1f;
    --white: #ffffff;
    --scrollbar-thumb: #333333
}

html {
    overflow-x: hidden
}

body {
    font-size: 10px;
    min-height: 100vh;
    font-family: IBM Plex Sans, system-ui, -apple-system, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-feature-settings: "ss04" 1
}

@media (max-width:768px) {
    body {
        padding-bottom: 80px
    }
}

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

* {
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb) transparent;
    outline-offset: -2px;
    outline-width: 4px
}

::-webkit-scrollbar {
    max-width: 6px;
    max-height: 6px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 4px;
    border: none
}

body {
    scrollbar-gutter: stable
}

html body[data-scroll-locked] {
    margin-right: 0 !important
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input:focus,
select:focus,
textarea:focus {
    outline: none
}

input[type=text i] {
    padding: 0
}

input {
    padding: 0;
    outline: none
}

input::placeholder {
    color: rgba(255, 255, 255, .3)
}

.rc-slider {
    padding-top: 20px;
    padding-bottom: 50px
}

.rc-slider-handle {
    transform: translate(-50%) !important
}

.rc-slider-rail,
.rc-slider-track {
    height: 10px;
    box-shadow: none
}

.rc-slider-dot {
    border: none;
    border-radius: 1px;
    width: 2px;
    height: 10px;
    border-radius: 10px;
    margin-left: -3px;
    top: -2px;
    background: #726d6d
}

.rc-slider-dot-active {
    background: #ffe548
}

.rc-slider-handle {
    background: var(--primary);
    border: none;
    margin-top: -12px;
    border-radius: 3.4rem;
    height: 34px;
    width: 18px;
    opacity: 1
}

.rc-slider-handle:active {
    box-shadow: 0 0 .4rem .6rem rgba(232, 89, 47, .1)
}

.rc-slider-mark {
    top: 56px;
    font-family: Inter_700Bold
}

.rc-slider-mark-text,
.rc-slider-mark-text-active {
    color: white;
    opacity: .5
}

.rc-slider-mark-text-active:hover,
.rc-slider-mark-text:hover {
    opacity: 1
}

.rc-slider-tooltip {
    z-index: 5
}

.rc-slider-tooltip-inner {
    box-shadow: none;
    background: var(--bg);
    border-radius: 14.5px;
    color: white;
    font-size: 13px;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter_700Bold;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .1)
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    border-top-color: transparent
}

.wallet-adapter-modal-wrapper {
    background: var(--black);
    border: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 20px
}

.wallet-adapter-modal-title {
    font-size: 23px;
    line-height: 120%
}

.wallet-adapter-modal-button-close {
    background: none
}

.wallet-adapter-modal-middle-button {
    background: var(--primary) !important
}

.wallet-adapter-modal-button-close svg {
    fill: white
}

.wallet-adapter-modal-list {
    margin: 0
}

.wallet-adapter-modal-list li {
    margin: 32px 40px
}

.wallet-adapter-button {
    height: auto;
    padding: 0 16px
}

.wallet-adapter-modal-wrapper .wallet-adapter-button {
    padding: 5px 20px;
    border: 2px solid rgba(255, 255, 255, .1) !important;
    border-radius: 10px !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    height: auto;
    background: var(--bg)
}

.wallet-adapter-button:hover {
    background: none !important
}

.animate {
    transition: all .3s ease-in-out
}

.animate:hover {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.Toastify__toast-container {
    z-index: 20000 !important
}

.Toastify__toast {
    --toastify-toast-padding: 0px;
    --toastify-toast-bd-radius: 0px;
    --toastify-toast-shadow: none;
    min-height: 0
}

.Toastify__close-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Toastify__toast {
    display: block !important
}

.Toastify__toast>.Toastify__close-button {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 1
}

.gradient-border {
    --border-width: 3px;
    position: relative;
    border-radius: var(--border-width)
}

.gradient-border:after {
    position: absolute;
    content: "";
    top: calc(-1 * var(--border-width));
    left: calc(-1 * var(--border-width));
    z-index: -1;
    width: calc(100% + var(--border-width) * 2);
    height: calc(100% + var(--border-width) * 2);
    background: linear-gradient(60deg, #5f86f2, #a65ff2, #f25fd0, #f25f61, #f2cb5f, #abf25f, #5ff281, #5ff2f0);
    background-size: 300% 300%;
    background-position: 0 50%;
    border-radius: calc(2 * var(--border-width));
    animation: moveGradient 4s infinite alternate
}

@keyframes moveGradient {
    50% {
        background-position: 100% 50%
    }
}

@property --angle {
    syntax: "<angle>";
    initial-value: 90deg;
    inherits: true
}

@property --gradX {
    syntax: "<percentage>";
    initial-value: 50%;
    inherits: true
}

@property --gradY {
    syntax: "<percentage>";
    initial-value: 0;
    inherits: true
}

.stroke-animation {
    border: .35rem solid;
    border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 36deg, var(--c1) 54deg, var(--c2) 90deg) 30;
    animation: borderRotate var(--d) linear infinite forwards
}

@keyframes borderRotate {
    to {
        --angle: 420deg
    }
}

@keyframes borderRadial {
    20% {
        --gradX: 100%;
        --gradY: 50%
    }
    40% {
        --gradX: 100%;
        --gradY: 100%
    }
    60% {
        --gradX: 50%;
        --gradY: 100%
    }
    80% {
        --gradX: 0%;
        --gradY: 50%
    }
    to {
        --gradX: 50%;
        --gradY: 0%
    }
}

.fund-provider-wrapper [data-rk] {
    width: auto !important
}

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

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

@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Medium.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Bold.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: PP Mori;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/PP_Mori/PPMori-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: PP Mori;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/PP_Mori/PPMori-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: PP Mori Book;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/PP_Mori/PPMori-Book.otf) format("opentype")
}

@font-face {
    font-family: PP Mori Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/PP_Mori/PPMori-Regular.otf) format("opentype")
}

.progress-container {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: #1e1e1e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.progress-circle-svg {
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0
}

.progress-ring {
    transition: stroke-dashoffset .35s;
    transform: rotate(90deg);
    transform-origin: center
}

.progress-value {
    color: white;
    font-size: 16px;
    z-index: 1;
    position: relative
}

/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, ::backdrop, :after, :before {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-scroll-snap-strictness: proximity;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1
        }
    }
}

@layer theme {
    :host,
    :root {
        --font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
        --font-mono: "IBM Plex Mono", ui-monospace, monospace;
        --color-orange-400: #ff9166;
        --color-orange-500: #ff5a19;
        --color-orange-600: #f04400;
        --color-orange-700: #d13b00;
        --color-yellow-500: #ffc107;
        --color-yellow-700: #ffe548;
        --color-green-500: #14db7f;
        --color-green-600: #1a965d;
        --color-green-700: #1bd982;
        --color-black: #070606;
        --color-white: #d0dbda;
        --spacing: .25rem;
        --container-sm: 24rem;
        --container-lg: 32rem;
        --container-2xl: 42rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .8125rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: .875rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.25rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.5rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 2rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-wide: .025em;
        --tracking-wider: .05em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-sm: 8px;
        --blur-xl: 24px;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --color-primary: #ff5a19;
        --color-background: #111;
        --color-red: #dd2545;
        --color-surface: #d0dbda0d
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-surface: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }
    :host,
    :root {
        --color-surface-hover: oklab(88.2766% -.0117554 -.00216031/.08)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-surface-hover: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }
    :host,
    :root {
        --color-surface-active: oklab(88.2766% -.0117554 -.00216031/.1)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-surface-active: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    :host,
    :root {
        --color-row-hover: #d0dbda0d
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-row-hover: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }
    :host,
    :root {
        --color-panel: oklab(26.2253% -.00141067 -.000259237)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-panel: color-mix(in oklab, var(--color-background), var(--color-white) 12%)
        }
    }
    :host,
    :root {
        --color-border-subtle: oklab(88.2766% -.0117554 -.00216031/.05)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-border-subtle: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }
    :host,
    :root {
        --color-border: #d0dbda1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-border: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    :host,
    :root {
        --color-border-strong: oklab(88.2766% -.0117554 -.00216031/.15)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-border-strong: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }
    :host,
    :root {
        --color-text-title: oklab(88.2766% -.0117554 -.00216031/.98)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-text-title: color-mix(in oklab, var(--color-white) 98%, transparent)
        }
    }
    :host,
    :root {
        --color-text-body: #d0dbdaeb
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-text-body: color-mix(in oklab, var(--color-white) 92%, transparent)
        }
    }
    :host,
    :root {
        --color-text-secondary: oklab(88.2766% -.0117554 -.00216031/.85)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-text-secondary: color-mix(in oklab, var(--color-white) 85%, transparent)
        }
    }
    :host,
    :root {
        --color-text-muted: oklab(88.2766% -.0117554 -.00216031/.78)
    }
    @supports (color:color-mix(in lab, red, red)) {
        :host,
        :root {
            --color-text-muted: color-mix(in oklab, var(--color-white) 78%, transparent)
        }
    }
    :host,
    :root {
        --text-tiny: .625rem;
        --text-smallest: .6875rem;
        --text-md: 1rem;
        --font-display: "PP Mori", "IBM Plex Sans", sans-serif;
        --font-display-book: "PP Mori Book", "IBM Plex Sans", sans-serif;
        --font-display-regular: "PP Mori Regular", "IBM Plex Sans", sans-serif;
        --animate-collapsible-down: collapsible-down .15s ease-out;
        --animate-collapsible-up: collapsible-up .15s ease-out;
        --animate-gradient-move: gradient-move 10s linear infinite
    }
}

@layer base {
    *,
    ::backdrop,
    :after,
    :before {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    :host,
    html {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    pre,
    samp {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    menu,
    ol,
    ul {
        list-style: none
    }
    audio,
    canvas,
    embed,
    iframe,
    img,
    object,
    svg,
    video {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::placeholder {
        opacity: 1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }
        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }
    ::file-selector-button {
        appearance: button
    }
    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer components;
@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }
    .pointer-events-none {
        pointer-events: none
    }
    .collapse {
        visibility: collapse
    }
    .invisible {
        visibility: hidden
    }
    .visible {
        visibility: visible
    }
    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden
    }
    .absolute,
    .sr-only {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .sticky {
        position: sticky
    }
    .-inset-4 {
        inset: calc(var(--spacing) * -4)
    }
    .inset-0 {
        inset: calc(var(--spacing) * 0)
    }
    .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0)
    }
    .inset-y-0 {
        inset-block: calc(var(--spacing) * 0)
    }
    .top-0 {
        top: calc(var(--spacing) * 0)
    }
    .top-1\/2 {
        top: 50%
    }
    .top-2 {
        top: calc(var(--spacing) * 2)
    }
    .top-2\.5 {
        top: calc(var(--spacing) * 2.5)
    }
    .top-3 {
        top: calc(var(--spacing) * 3)
    }
    .top-\[-2px\] {
        top: -2px
    }
    .top-\[-50px\] {
        top: -50px
    }
    .top-\[var\(--app-header\)\] {
        top: var(--app-header)
    }
    .right-0 {
        right: calc(var(--spacing) * 0)
    }
    .right-2 {
        right: calc(var(--spacing) * 2)
    }
    .right-2\.5 {
        right: calc(var(--spacing) * 2.5)
    }
    .right-3 {
        right: calc(var(--spacing) * 3)
    }
    .right-4 {
        right: calc(var(--spacing) * 4)
    }
    .-bottom-0\.5 {
        bottom: calc(var(--spacing) * -.5)
    }
    .bottom-0 {
        bottom: calc(var(--spacing) * 0)
    }
    .bottom-4 {
        bottom: calc(var(--spacing) * 4)
    }
    .-left-0\.5 {
        left: calc(var(--spacing) * -.5)
    }
    .left-0 {
        left: calc(var(--spacing) * 0)
    }
    .left-1\.5 {
        left: calc(var(--spacing) * 1.5)
    }
    .left-1\/2 {
        left: 50%
    }
    .left-2 {
        left: calc(var(--spacing) * 2)
    }
    .isolate {
        isolation: isolate
    }
    .-z-10 {
        z-index: calc(10 * -1)
    }
    .z-0 {
        z-index: 0
    }
    .z-10 {
        z-index: 10
    }
    .z-20 {
        z-index: 20
    }
    .z-50 {
        z-index: 50
    }
    .z-999 {
        z-index: 999
    }
    .z-\[1\] {
        z-index: 1
    }
    .z-\[90\] {
        z-index: 90
    }
    .z-\[100\] {
        z-index: 100
    }
    .z-\[103\] {
        z-index: 103
    }
    .z-\[104\] {
        z-index: 104
    }
    .z-\[199\] {
        z-index: 199
    }
    .z-\[210\] {
        z-index: 210
    }
    .z-\[1000\] {
        z-index: 1000
    }
    .col-span-1 {
        grid-column: span 1/span 1
    }
    .col-span-2 {
        grid-column: span 2/span 2
    }
    .container {
        width: 100%
    }
    @media (min-width:992px) {
        .container {
            max-width: 992px
        }
    }
    @media (min-width:1121px) {
        .container {
            max-width: 1121px
        }
    }
    @media (min-width:1225px) {
        .container {
            max-width: 1225px
        }
    }
    @media (min-width:1400px) {
        .container {
            max-width: 1400px
        }
    }
    @media (min-width:1680px) {
        .container {
            max-width: 1680px
        }
    }
    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }
    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }
    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }
    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }
    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }
    .-m-4 {
        margin: calc(var(--spacing) * -4)
    }
    .-mx-0\.5 {
        margin-inline: calc(var(--spacing) * -.5)
    }
    .-mx-1 {
        margin-inline: calc(var(--spacing) * -1)
    }
    .-mx-2 {
        margin-inline: calc(var(--spacing) * -2)
    }
    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4)
    }
    .-mx-\[50px\] {
        margin-inline: -50px
    }
    .mx-2 {
        margin-inline: calc(var(--spacing) * 2)
    }
    .mx-4 {
        margin-inline: calc(var(--spacing) * 4)
    }
    .mx-5 {
        margin-inline: calc(var(--spacing) * 5)
    }
    .mx-auto {
        margin-inline: auto
    }
    .-my-2 {
        margin-block: calc(var(--spacing) * -2)
    }
    .-my-5 {
        margin-block: calc(var(--spacing) * -5)
    }
    .my-0\.5 {
        margin-block: calc(var(--spacing) * .5)
    }
    .my-1 {
        margin-block: calc(var(--spacing) * 1)
    }
    .my-2 {
        margin-block: calc(var(--spacing) * 2)
    }
    .my-2\.5 {
        margin-block: calc(var(--spacing) * 2.5)
    }
    .my-3 {
        margin-block: calc(var(--spacing) * 3)
    }
    .my-4 {
        margin-block: calc(var(--spacing) * 4)
    }
    .-mt-6 {
        margin-top: calc(var(--spacing) * -6)
    }
    .-mt-px {
        margin-top: -1px
    }
    .mt-0\.5 {
        margin-top: calc(var(--spacing) * .5)
    }
    .mt-1 {
        margin-top: calc(var(--spacing) * 1)
    }
    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5)
    }
    .mt-2 {
        margin-top: calc(var(--spacing) * 2)
    }
    .mt-2\.5 {
        margin-top: calc(var(--spacing) * 2.5)
    }
    .mt-3 {
        margin-top: calc(var(--spacing) * 3)
    }
    .mt-3\.5 {
        margin-top: calc(var(--spacing) * 3.5)
    }
    .mt-4 {
        margin-top: calc(var(--spacing) * 4)
    }
    .mt-6 {
        margin-top: calc(var(--spacing) * 6)
    }
    .mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }
    .mt-16 {
        margin-top: calc(var(--spacing) * 16)
    }
    .mt-px {
        margin-top: 1px
    }
    .mr-1\.5 {
        margin-right: calc(var(--spacing) * 1.5)
    }
    .mr-2 {
        margin-right: calc(var(--spacing) * 2)
    }
    .mr-2\.5 {
        margin-right: calc(var(--spacing) * 2.5)
    }
    .mr-3 {
        margin-right: calc(var(--spacing) * 3)
    }
    .mr-6 {
        margin-right: calc(var(--spacing) * 6)
    }
    .-mb-1\.5 {
        margin-bottom: calc(var(--spacing) * -1.5)
    }
    .-mb-px {
        margin-bottom: -1px
    }
    .mb-0\.5 {
        margin-bottom: calc(var(--spacing) * .5)
    }
    .mb-1 {
        margin-bottom: calc(var(--spacing) * 1)
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2)
    }
    .mb-2\.5 {
        margin-bottom: calc(var(--spacing) * 2.5)
    }
    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3)
    }
    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4)
    }
    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6)
    }
    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8)
    }
    .-ml-2 {
        margin-left: calc(var(--spacing) * -2)
    }
    .ml-0\.5 {
        margin-left: calc(var(--spacing) * .5)
    }
    .ml-1 {
        margin-left: calc(var(--spacing) * 1)
    }
    .ml-1\.5 {
        margin-left: calc(var(--spacing) * 1.5)
    }
    .ml-2 {
        margin-left: calc(var(--spacing) * 2)
    }
    .ml-2\.5 {
        margin-left: calc(var(--spacing) * 2.5)
    }
    .ml-3 {
        margin-left: calc(var(--spacing) * 3)
    }
    .ml-\[16px\] {
        margin-left: 16px
    }
    .ml-auto {
        margin-left: auto
    }
    .box-border {
        box-sizing: border-box
    }
    .line-clamp-2 {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .block {
        display: block
    }
    .contents {
        display: contents
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .inline {
        display: inline
    }
    .inline-block {
        display: inline-block
    }
    .inline-flex {
        display: inline-flex
    }
    .list-item {
        display: list-item
    }
    .table {
        display: table
    }
    .table-cell {
        display: table-cell
    }
    .aspect-4\/5 {
        aspect-ratio: 4/5
    }
    .aspect-\[460\/300\] {
        aspect-ratio: 460/300
    }
    .aspect-square {
        aspect-ratio: 1
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }
    .size-1\.5 {
        width: calc(var(--spacing) * 1.5);
        height: calc(var(--spacing) * 1.5)
    }
    .size-2 {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2)
    }
    .size-2\.5 {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5)
    }
    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }
    .size-3\.5 {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }
    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }
    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }
    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }
    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7)
    }
    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8)
    }
    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10)
    }
    .size-\[5px\] {
        width: 5px;
        height: 5px
    }
    .size-\[18px\] {
        width: 18px;
        height: 18px
    }
    .size-\[34px\] {
        width: 34px;
        height: 34px
    }
    .h-0 {
        height: calc(var(--spacing) * 0)
    }
    .h-0\.5 {
        height: calc(var(--spacing) * .5)
    }
    .h-1 {
        height: calc(var(--spacing) * 1)
    }
    .h-1\.5 {
        height: calc(var(--spacing) * 1.5)
    }
    .h-2 {
        height: calc(var(--spacing) * 2)
    }
    .h-2\.5 {
        height: calc(var(--spacing) * 2.5)
    }
    .h-3 {
        height: calc(var(--spacing) * 3)
    }
    .h-3\.5 {
        height: calc(var(--spacing) * 3.5)
    }
    .h-4 {
        height: calc(var(--spacing) * 4)
    }
    .h-5 {
        height: calc(var(--spacing) * 5)
    }
    .h-6 {
        height: calc(var(--spacing) * 6)
    }
    .h-7 {
        height: calc(var(--spacing) * 7)
    }
    .h-8 {
        height: calc(var(--spacing) * 8)
    }
    .h-9 {
        height: calc(var(--spacing) * 9)
    }
    .h-10 {
        height: calc(var(--spacing) * 10)
    }
    .h-11 {
        height: calc(var(--spacing) * 11)
    }
    .h-12 {
        height: calc(var(--spacing) * 12)
    }
    .h-14 {
        height: calc(var(--spacing) * 14)
    }
    .h-40 {
        height: calc(var(--spacing) * 40)
    }
    .h-\[1\.5px\] {
        height: 1.5px
    }
    .h-\[3px\] {
        height: 3px
    }
    .h-\[5px\] {
        height: 5px
    }
    .h-\[10px\] {
        height: 10px
    }
    .h-\[18px\] {
        height: 18px
    }
    .h-\[22px\] {
        height: 22px
    }
    .h-\[25px\] {
        height: 25px
    }
    .h-\[30px\] {
        height: 30px
    }
    .h-\[52px\] {
        height: 52px
    }
    .h-\[60px\] {
        height: 60px
    }
    .h-\[62px\] {
        height: 62px
    }
    .h-\[80dvh\] {
        height: 80dvh
    }
    .h-\[100dvh\] {
        height: 100dvh
    }
    .h-\[110px\] {
        height: 110px
    }
    .h-\[180px\] {
        height: 180px
    }
    .h-\[200px\] {
        height: 200px
    }
    .h-\[220px\] {
        height: 220px
    }
    .h-\[240px\] {
        height: 240px
    }
    .h-\[260px\] {
        height: 260px
    }
    .h-\[300px\] {
        height: 300px
    }
    .h-\[350px\] {
        height: 350px
    }
    .h-\[400px\] {
        height: 400px
    }
    .h-\[420px\] {
        height: 420px
    }
    .h-\[440px\] {
        height: 440px
    }
    .h-\[520px\] {
        height: 520px
    }
    .h-\[560px\] {
        height: 560px
    }
    .h-auto {
        height: auto
    }
    .h-full {
        height: 100%
    }
    .h-px {
        height: 1px
    }
    .h-screen {
        height: 100vh
    }
    .max-h-\[45dvh\] {
        max-height: 45dvh
    }
    .max-h-\[70vh\] {
        max-height: 70vh
    }
    .max-h-\[80vh\] {
        max-height: 80vh
    }
    .max-h-\[85vh\] {
        max-height: 85vh
    }
    .max-h-\[220px\] {
        max-height: 220px
    }
    .max-h-\[300px\] {
        max-height: 300px
    }
    .max-h-full {
        max-height: 100%
    }
    .min-h-0 {
        min-height: calc(var(--spacing) * 0)
    }
    .min-h-4 {
        min-height: calc(var(--spacing) * 4)
    }
    .min-h-5 {
        min-height: calc(var(--spacing) * 5)
    }
    .min-h-6 {
        min-height: calc(var(--spacing) * 6)
    }
    .min-h-8 {
        min-height: calc(var(--spacing) * 8)
    }
    .min-h-10 {
        min-height: calc(var(--spacing) * 10)
    }
    .min-h-12 {
        min-height: calc(var(--spacing) * 12)
    }
    .min-h-\[30px\] {
        min-height: 30px
    }
    .min-h-\[180px\] {
        min-height: 180px
    }
    .min-h-\[200px\] {
        min-height: 200px
    }
    .min-h-\[300px\] {
        min-height: 300px
    }
    .min-h-\[344px\] {
        min-height: 344px
    }
    .min-h-\[500px\] {
        min-height: 500px
    }
    .min-h-\[600px\] {
        min-height: 600px
    }
    .min-h-full {
        min-height: 100%
    }
    .min-h-screen {
        min-height: 100vh
    }
    .w-0 {
        width: calc(var(--spacing) * 0)
    }
    .w-0\.5 {
        width: calc(var(--spacing) * .5)
    }
    .w-1 {
        width: calc(var(--spacing) * 1)
    }
    .w-1\.5 {
        width: calc(var(--spacing) * 1.5)
    }
    .w-1\/2 {
        width: 50%
    }
    .w-1\/3 {
        width: 33.3333%
    }
    .w-2 {
        width: calc(var(--spacing) * 2)
    }
    .w-2\/3 {
        width: 66.6667%
    }
    .w-3 {
        width: calc(var(--spacing) * 3)
    }
    .w-3\/4 {
        width: 75%
    }
    .w-4 {
        width: calc(var(--spacing) * 4)
    }
    .w-5\/6 {
        width: 83.3333%
    }
    .w-6 {
        width: calc(var(--spacing) * 6)
    }
    .w-7 {
        width: calc(var(--spacing) * 7)
    }
    .w-8 {
        width: calc(var(--spacing) * 8)
    }
    .w-9 {
        width: calc(var(--spacing) * 9)
    }
    .w-10 {
        width: calc(var(--spacing) * 10)
    }
    .w-11 {
        width: calc(var(--spacing) * 11)
    }
    .w-12 {
        width: calc(var(--spacing) * 12)
    }
    .w-16 {
        width: calc(var(--spacing) * 16)
    }
    .w-20 {
        width: calc(var(--spacing) * 20)
    }
    .w-24 {
        width: calc(var(--spacing) * 24)
    }
    .w-28 {
        width: calc(var(--spacing) * 28)
    }
    .w-40 {
        width: calc(var(--spacing) * 40)
    }
    .w-56 {
        width: calc(var(--spacing) * 56)
    }
    .w-64 {
        width: calc(var(--spacing) * 64)
    }
    .w-72 {
        width: calc(var(--spacing) * 72)
    }
    .w-96 {
        width: calc(var(--spacing) * 96)
    }
    .w-\[15\%\] {
        width: 15%
    }
    .w-\[18px\] {
        width: 18px
    }
    .w-\[22px\] {
        width: 22px
    }
    .w-\[35px\] {
        width: 35px
    }
    .w-\[50px\] {
        width: 50px
    }
    .w-\[52px\] {
        width: 52px
    }
    .w-\[56px\] {
        width: 56px
    }
    .w-\[60px\] {
        width: 60px
    }
    .w-\[62px\] {
        width: 62px
    }
    .w-\[64px\] {
        width: 64px
    }
    .w-\[70px\] {
        width: 70px
    }
    .w-\[76px\] {
        width: 76px
    }
    .w-\[80px\] {
        width: 80px
    }
    .w-\[84px\] {
        width: 84px
    }
    .w-\[88px\] {
        width: 88px
    }
    .w-\[90px\] {
        width: 90px
    }
    .w-\[96px\] {
        width: 96px
    }
    .w-\[100px\] {
        width: 100px
    }
    .w-\[104px\] {
        width: 104px
    }
    .w-\[110px\] {
        width: 110px
    }
    .w-\[116px\] {
        width: 116px
    }
    .w-\[120px\] {
        width: 120px
    }
    .w-\[128px\] {
        width: 128px
    }
    .w-\[130px\] {
        width: 130px
    }
    .w-\[140px\] {
        width: 140px
    }
    .w-\[150px\] {
        width: 150px
    }
    .w-\[152px\] {
        width: 152px
    }
    .w-\[160px\] {
        width: 160px
    }
    .w-\[176px\] {
        width: 176px
    }
    .w-\[180px\] {
        width: 180px
    }
    .w-\[200px\] {
        width: 200px
    }
    .w-\[220px\] {
        width: 220px
    }
    .w-\[260px\] {
        width: 260px
    }
    .w-\[275px\] {
        width: 275px
    }
    .w-\[280px\] {
        width: 280px
    }
    .w-\[300px\] {
        width: 300px
    }
    .w-\[320px\] {
        width: 320px
    }
    .w-\[360px\] {
        width: 360px
    }
    .w-\[400px\] {
        width: 400px
    }
    .w-\[420px\] {
        width: 420px
    }
    .w-\[440px\] {
        width: 440px
    }
    .w-\[460px\] {
        width: 460px
    }
    .w-\[520px\] {
        width: 520px
    }
    .w-\[640px\] {
        width: 640px
    }
    .w-\[720px\] {
        width: 720px
    }
    .w-auto {
        width: auto
    }
    .w-fit {
        width: fit-content
    }
    .w-full {
        width: 100%
    }
    .w-px {
        width: 1px
    }
    .max-w-2xl {
        max-width: var(--container-2xl)
    }
    .max-w-96 {
        max-width: calc(var(--spacing) * 96)
    }
    .max-w-\[90\%\] {
        max-width: 90%
    }
    .max-w-\[160px\] {
        max-width: 160px
    }
    .max-w-\[240px\] {
        max-width: 240px
    }
    .max-w-\[360px\] {
        max-width: 360px
    }
    .max-w-\[420px\] {
        max-width: 420px
    }
    .max-w-\[440px\] {
        max-width: 440px
    }
    .max-w-\[480px\] {
        max-width: 480px
    }
    .max-w-\[560px\] {
        max-width: 560px
    }
    .max-w-\[600px\] {
        max-width: 600px
    }
    .max-w-\[720px\] {
        max-width: 720px
    }
    .max-w-\[880px\] {
        max-width: 880px
    }
    .max-w-\[960px\] {
        max-width: 960px
    }
    .max-w-\[980px\] {
        max-width: 980px
    }
    .max-w-\[1248px\] {
        max-width: 1248px
    }
    .max-w-\[min\(20rem\, var\(--radix-popper-available-width\)\)\] {
        max-width: min(20rem, var(--radix-popper-available-width))
    }
    .max-w-full {
        max-width: 100%
    }
    .max-w-lg {
        max-width: var(--container-lg)
    }
    .max-w-none {
        max-width: none
    }
    .max-w-sm {
        max-width: var(--container-sm)
    }
    .min-w-0 {
        min-width: calc(var(--spacing) * 0)
    }
    .min-w-5 {
        min-width: calc(var(--spacing) * 5)
    }
    .min-w-6 {
        min-width: calc(var(--spacing) * 6)
    }
    .min-w-7 {
        min-width: calc(var(--spacing) * 7)
    }
    .min-w-8 {
        min-width: calc(var(--spacing) * 8)
    }
    .min-w-9 {
        min-width: calc(var(--spacing) * 9)
    }
    .min-w-10 {
        min-width: calc(var(--spacing) * 10)
    }
    .min-w-11 {
        min-width: calc(var(--spacing) * 11)
    }
    .min-w-20 {
        min-width: calc(var(--spacing) * 20)
    }
    .min-w-\[30px\] {
        min-width: 30px
    }
    .min-w-\[50px\] {
        min-width: 50px
    }
    .min-w-\[64px\] {
        min-width: 64px
    }
    .min-w-\[70px\] {
        min-width: 70px
    }
    .min-w-\[90px\] {
        min-width: 90px
    }
    .min-w-\[100px\] {
        min-width: 100px
    }
    .min-w-\[104px\] {
        min-width: 104px
    }
    .min-w-\[120px\] {
        min-width: 120px
    }
    .min-w-\[124px\] {
        min-width: 124px
    }
    .min-w-\[125px\] {
        min-width: 125px
    }
    .min-w-\[130px\] {
        min-width: 130px
    }
    .min-w-\[140px\] {
        min-width: 140px
    }
    .min-w-\[150px\] {
        min-width: 150px
    }
    .min-w-\[160px\] {
        min-width: 160px
    }
    .min-w-\[170px\] {
        min-width: 170px
    }
    .min-w-\[200px\] {
        min-width: 200px
    }
    .min-w-\[220px\] {
        min-width: 220px
    }
    .min-w-\[240px\] {
        min-width: 240px
    }
    .min-w-\[249px\] {
        min-width: 249px
    }
    .min-w-\[260px\] {
        min-width: 260px
    }
    .min-w-\[300px\] {
        min-width: 300px
    }
    .min-w-\[440px\] {
        min-width: 440px
    }
    .min-w-\[450px\] {
        min-width: 450px
    }
    .min-w-\[620px\] {
        min-width: 620px
    }
    .min-w-\[840px\] {
        min-width: 840px
    }
    .min-w-\[var\(--radix-select-trigger-width\)\] {
        min-width: var(--radix-select-trigger-width)
    }
    .min-w-max {
        min-width: max-content
    }
    .min-w-min {
        min-width: min-content
    }
    .flex-1 {
        flex: 1
    }
    .flex-\[1\.2\] {
        flex: 1.2
    }
    .flex-\[1\.6\] {
        flex: 1.6
    }
    .flex-\[2\] {
        flex: 2
    }
    .flex-\[3\] {
        flex: 3
    }
    .flex-none {
        flex: none
    }
    .shrink {
        flex-shrink: 1
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .grow {
        flex-grow: 1
    }
    .basis-24 {
        flex-basis: calc(var(--spacing) * 24)
    }
    .basis-28 {
        flex-basis: calc(var(--spacing) * 28)
    }
    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1)
    }
    .-translate-x-1\/2,
    .-translate-y-1\/2 {
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1)
    }
    .-translate-y-\[calc\(100\%\+10px\)\] {
        --tw-translate-y: calc(calc(100% + 10px) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }
    .scale-\[0\.78\] {
        scale: .78
    }
    .-rotate-90 {
        rotate: -90deg
    }
    .rotate-0 {
        rotate: 0deg
    }
    .rotate-45 {
        rotate: 45deg
    }
    .rotate-90 {
        rotate: 90deg
    }
    .rotate-180 {
        rotate: 180deg
    }
    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }
    .animate-gradient-move {
        animation: var(--animate-gradient-move)
    }
    .animate-pulse {
        animation: var(--animate-pulse)
    }
    .animate-spin {
        animation: var(--animate-spin)
    }
    .cursor-crosshair {
        cursor: crosshair
    }
    .cursor-default {
        cursor: default
    }
    .cursor-help {
        cursor: help
    }
    .cursor-not-allowed {
        cursor: not-allowed
    }
    .cursor-pointer {
        cursor: pointer
    }
    .cursor-text {
        cursor: text
    }
    .touch-none {
        touch-action: none
    }
    .resize {
        resize: both
    }
    .resize-none {
        resize: none
    }
    .snap-x {
        scroll-snap-type: x var(--tw-scroll-snap-strictness)
    }
    .snap-mandatory {
        --tw-scroll-snap-strictness: mandatory
    }
    .snap-start {
        scroll-snap-align: start
    }
    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }
    .\[appearance\:textfield\] {
        appearance: textfield
    }
    .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .flex-col {
        flex-direction: column
    }
    .flex-col-reverse {
        flex-direction: column-reverse
    }
    .flex-row {
        flex-direction: row
    }
    .flex-row-reverse {
        flex-direction: row-reverse
    }
    .flex-nowrap {
        flex-wrap: nowrap
    }
    .flex-wrap {
        flex-wrap: wrap
    }
    .items-center {
        align-items: center
    }
    .items-end {
        align-items: flex-end
    }
    .items-start {
        align-items: flex-start
    }
    .items-stretch {
        align-items: stretch
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .justify-end {
        justify-content: flex-end
    }
    .justify-start {
        justify-content: flex-start
    }
    .gap-0 {
        gap: calc(var(--spacing) * 0)
    }
    .gap-0\.5 {
        gap: calc(var(--spacing) * .5)
    }
    .gap-1 {
        gap: calc(var(--spacing) * 1)
    }
    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5)
    }
    .gap-2 {
        gap: calc(var(--spacing) * 2)
    }
    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
    }
    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }
    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5)
    }
    .gap-4 {
        gap: calc(var(--spacing) * 4)
    }
    .gap-5 {
        gap: calc(var(--spacing) * 5)
    }
    .gap-6 {
        gap: calc(var(--spacing) * 6)
    }
    .gap-8 {
        gap: calc(var(--spacing) * 8)
    }
    .gap-12 {
        gap: calc(var(--spacing) * 12)
    }
    .gap-\[3px\] {
        gap: 3px
    }
    .gap-\[15px\] {
        gap: 15px
    }
    .gap-px {
        gap: 1px
    }
    .gap-x-2\.5 {
        column-gap: calc(var(--spacing) * 2.5)
    }
    .gap-x-5 {
        column-gap: calc(var(--spacing) * 5)
    }
    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6)
    }
    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3)
    }
    .self-center {
        align-self: center
    }
    .self-start {
        align-self: flex-start
    }
    .self-stretch {
        align-self: stretch
    }
    .truncate {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }
    .overflow-auto {
        overflow: auto
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-visible {
        overflow: visible
    }
    .overflow-x-auto {
        overflow-x: auto
    }
    .overflow-x-hidden {
        overflow-x: hidden
    }
    .overflow-y-auto {
        overflow-y: auto
    }
    .rounded {
        border-radius: .25rem
    }
    .rounded-2xl {
        border-radius: var(--radius-2xl)
    }
    .rounded-\[1px\] {
        border-radius: 1px
    }
    .rounded-\[4px\] {
        border-radius: 4px
    }
    .rounded-\[6px\] {
        border-radius: 6px
    }
    .rounded-\[14px\] {
        border-radius: 14px
    }
    .rounded-full {
        border-radius: 3.40282e+38px
    }
    .rounded-lg {
        border-radius: var(--radius-lg)
    }
    .rounded-md {
        border-radius: var(--radius-md)
    }
    .rounded-none {
        border-radius: 0
    }
    .rounded-sm {
        border-radius: var(--radius-sm)
    }
    .rounded-xl {
        border-radius: var(--radius-xl)
    }
    .rounded-t-2xl {
        border-top-left-radius: var(--radius-2xl);
        border-top-right-radius: var(--radius-2xl)
    }
    .rounded-t-md {
        border-top-left-radius: var(--radius-md);
        border-top-right-radius: var(--radius-md)
    }
    .rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
    .rounded-l {
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem
    }
    .rounded-b-lg {
        border-bottom-right-radius: var(--radius-lg);
        border-bottom-left-radius: var(--radius-lg)
    }
    .rounded-b-md {
        border-bottom-right-radius: var(--radius-md);
        border-bottom-left-radius: var(--radius-md)
    }
    .rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }
    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }
    .border-\[0\.5px\] {
        border-style: var(--tw-border-style);
        border-width: .5px
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }
    .border-r-\[0\.5px\] {
        border-right-style: var(--tw-border-style);
        border-right-width: .5px
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }
    .border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }
    .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }
    .border-b-\[0\.5px\] {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: .5px
    }
    .border-l {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }
    .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
    }
    .border-dotted {
        --tw-border-style: dotted;
        border-style: dotted
    }
    .border-none {
        --tw-border-style: none;
        border-style: none
    }
    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }
    .border-\[\#2a2b2b\] {
        border-color: #2a2b2b
    }
    .border-border {
        border-color: var(--color-border)
    }
    .border-border-strong {
        border-color: var(--color-border-strong)
    }
    .border-border-subtle {
        border-color: var(--color-border-subtle)
    }
    .border-green-500 {
        border-color: var(--color-green-500)
    }
    .border-green-700 {
        border-color: var(--color-green-700)
    }
    .border-primary {
        border-color: var(--color-primary)
    }
    .border-primary\/30 {
        border-color: #ff5a194d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/30 {
            border-color: color-mix(in oklab, var(--color-primary) 30%, transparent)
        }
    }
    .border-primary\/40 {
        border-color: #ff5a1966
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-primary\/40 {
            border-color: color-mix(in oklab, var(--color-primary) 40%, transparent)
        }
    }
    .border-red {
        border-color: var(--color-red)
    }
    .border-transparent {
        border-color: #0000
    }
    .border-white {
        border-color: var(--color-white)
    }
    .border-white\/5 {
        border-color: #d0dbda0d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/5 {
            border-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }
    .border-white\/8 {
        border-color: #d0dbda14
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/8 {
            border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }
    .border-white\/10 {
        border-color: #d0dbda1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    .border-white\/20 {
        border-color: #d0dbda33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }
    .border-white\/25 {
        border-color: #d0dbda40
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/25 {
            border-color: color-mix(in oklab, var(--color-white) 25%, transparent)
        }
    }
    .border-white\/30 {
        border-color: #d0dbda4d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/30 {
            border-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }
    .border-white\/40 {
        border-color: #d0dbda66
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/40 {
            border-color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }
    .border-white\/\[0\.08\] {
        border-color: #d0dbda14
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/\[0\.08\] {
            border-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }
    .border-yellow-500\/30 {
        border-color: #ffc1074d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-yellow-500\/30 {
            border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent)
        }
    }
    .border-yellow-700 {
        border-color: var(--color-yellow-700)
    }
    .border-t-primary {
        border-top-color: var(--color-primary)
    }
    .border-t-white {
        border-top-color: var(--color-white)
    }
    .border-t-white\/85 {
        border-top-color: #d0dbdad9
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-t-white\/85 {
            border-top-color: color-mix(in oklab, var(--color-white) 85%, transparent)
        }
    }
    .border-r-white\/10 {
        border-right-color: #d0dbda1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-r-white\/10 {
            border-right-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    .border-b-white {
        border-bottom-color: var(--color-white)
    }
    .border-b-white\/10 {
        border-bottom-color: #d0dbda1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-b-white\/10 {
            border-bottom-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    .points-boost-gradient {
        background-color: var(--color-background);
        background-image: linear-gradient(-45deg, #ff5a194d, #f044004d, #d13b004d, #f044004d, #ff5a194d)
    }
    @supports (color:color-mix(in lab, red, red)) {
        .points-boost-gradient {
            background-image: linear-gradient(-45deg, color-mix(in oklab, var(--color-orange-500) 30%, transparent), color-mix(in oklab, var(--color-orange-600) 30%, transparent), color-mix(in oklab, var(--color-orange-700) 30%, transparent), color-mix(in oklab, var(--color-orange-600) 30%, transparent), color-mix(in oklab, var(--color-orange-500) 30%, transparent))
        }
    }
    .points-boost-gradient {
        background-size: 200% 200%
    }
    .day-trading-warning-fill {
        background-color: #d0dbda0d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .day-trading-warning-fill {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }
    .day-trading-warning-fill {
        background-image: radial-gradient(52.2% 100% at 27.84% 0, #ffe54833 0, #0000 100%)
    }
    @supports (color:color-mix(in lab, red, red)) {
        .day-trading-warning-fill {
            background-image: radial-gradient(52.2% 100% at 27.84% 0, color-mix(in oklab, var(--color-yellow-700) 20%, transparent) 0, transparent 100%)
        }
    }
    .trade-long-fill {
        background-color: var(--color-green-500);
        background-image: linear-gradient(#0000, #07060633)
    }
    @supports (color:color-mix(in lab, red, red)) {
        .trade-long-fill {
            background-image: linear-gradient(180deg, transparent 0, color-mix(in oklab, var(--color-black) 20%, transparent) 100%)
        }
    }
    .trade-short-fill {
        background-color: var(--color-red);
        background-image: linear-gradient(#0000, #07060633)
    }
    @supports (color:color-mix(in lab, red, red)) {
        .trade-short-fill {
            background-image: linear-gradient(180deg, transparent 0, color-mix(in oklab, var(--color-black) 20%, transparent) 100%)
        }
    }
    .bg-\[\#371910\] {
        background-color: #371910
    }
    .bg-\[\#FFE9E0\] {
        background-color: #ffe9e0
    }
    .bg-\[color-mix\(in_srgb\, color-mix\(in_srgb\, var\(--color-background\)\, \#fff_5\%\)\, \#facc15_8\%\)\] {
        background-color: #2f2b1c
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\, color-mix\(in_srgb\, var\(--color-background\)\, \#fff_5\%\)\, \#facc15_8\%\)\] {
            background-color: color-mix(in srgb, color-mix(in srgb, var(--color-background), #fff 5%), #facc15 8%)
        }
    }
    .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#facc15_8\%\)\] {
        background-color: #242011
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#facc15_8\%\)\] {
            background-color: color-mix(in srgb, var(--color-background), #facc15 8%)
        }
    }
    .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_5\%\)\] {
        background-color: #1d1d1d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_5\%\)\] {
            background-color: color-mix(in srgb, var(--color-background), #fff 5%)
        }
    }
    .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_6\%\)\] {
        background-color: #1f1f1f
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_6\%\)\] {
            background-color: color-mix(in srgb, var(--color-background), #fff 6%)
        }
    }
    .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_10\%\)\] {
        background-color: #292929
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_10\%\)\] {
            background-color: color-mix(in srgb, var(--color-background), #fff 10%)
        }
    }
    .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_11\%\)\] {
        background-color: #2b2b2b
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\, var\(--color-background\)\, \#fff_11\%\)\] {
            background-color: color-mix(in srgb, var(--color-background), #fff 11%)
        }
    }
    .bg-\[color-mix\(in_srgb\, var\(--color-surface\)\, \#facc15_8\%\)\] {
        background-color: color-mix(in srgb, color-mix(in oklab, var(--color-white) 5%, transparent), #facc15 8%)
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-\[color-mix\(in_srgb\, var\(--color-surface\)\, \#facc15_8\%\)\] {
            background-color: color-mix(in srgb, var(--color-surface), #facc15 8%)
        }
    }
    .bg-\[rgb\(28\, 27\, 27\)\] {
        background-color: #1c1b1b
    }
    .bg-\[rgba\(23\, 23\, 23\, 0\.8\)\] {
        background-color: #171717cc
    }
    .bg-background {
        background-color: var(--color-background)
    }
    .bg-background\/95 {
        background-color: #111111f2
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/95 {
            background-color: color-mix(in oklab, var(--color-background) 95%, transparent)
        }
    }
    .bg-background\/\[0\.08\] {
        background-color: #11111114
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-background\/\[0\.08\] {
            background-color: color-mix(in oklab, var(--color-background) 8%, transparent)
        }
    }
    .bg-black {
        background-color: var(--color-black)
    }
    .bg-black\/10 {
        background-color: #0706061a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/10 {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
    }
    .bg-black\/30 {
        background-color: #0706064d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/30 {
            background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
        }
    }
    .bg-black\/45 {
        background-color: #07060673
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/45 {
            background-color: color-mix(in oklab, var(--color-black) 45%, transparent)
        }
    }
    .bg-black\/60 {
        background-color: #07060699
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/60 {
            background-color: color-mix(in oklab, var(--color-black) 60%, transparent)
        }
    }
    .bg-border {
        background-color: var(--color-border)
    }
    .bg-green-500 {
        background-color: var(--color-green-500)
    }
    .bg-green-500\/10 {
        background-color: #14db7f1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/10 {
            background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent)
        }
    }
    .bg-green-500\/15 {
        background-color: #14db7f26
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/15 {
            background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent)
        }
    }
    .bg-green-500\/20 {
        background-color: #14db7f33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/20 {
            background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent)
        }
    }
    .bg-green-500\/70 {
        background-color: #14db7fb3
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-500\/70 {
            background-color: color-mix(in oklab, var(--color-green-500) 70%, transparent)
        }
    }
    .bg-green-600\/15 {
        background-color: #1a965d26
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-green-600\/15 {
            background-color: color-mix(in oklab, var(--color-green-600) 15%, transparent)
        }
    }
    .bg-orange-500 {
        background-color: var(--color-orange-500)
    }
    .bg-orange-500\/35 {
        background-color: #ff5a1959
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/35 {
            background-color: color-mix(in oklab, var(--color-orange-500) 35%, transparent)
        }
    }
    .bg-orange-500\/50 {
        background-color: #ff5a1980
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-orange-500\/50 {
            background-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent)
        }
    }
    .bg-panel {
        background-color: var(--color-panel)
    }
    .bg-primary {
        background-color: var(--color-primary)
    }
    .bg-primary\/6 {
        background-color: #ff5a190f
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/6 {
            background-color: color-mix(in oklab, var(--color-primary) 6%, transparent)
        }
    }
    .bg-primary\/10 {
        background-color: #ff5a191a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/10 {
            background-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
        }
    }
    .bg-primary\/15 {
        background-color: #ff5a1926
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/15 {
            background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
        }
    }
    .bg-primary\/20 {
        background-color: #ff5a1933
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/20 {
            background-color: color-mix(in oklab, var(--color-primary) 20%, transparent)
        }
    }
    .bg-primary\/35 {
        background-color: #ff5a1959
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/35 {
            background-color: color-mix(in oklab, var(--color-primary) 35%, transparent)
        }
    }
    .bg-primary\/\[0\.06\] {
        background-color: #ff5a190f
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/\[0\.06\] {
            background-color: color-mix(in oklab, var(--color-primary) 6%, transparent)
        }
    }
    .bg-primary\/\[0\.08\] {
        background-color: #ff5a1914
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-primary\/\[0\.08\] {
            background-color: color-mix(in oklab, var(--color-primary) 8%, transparent)
        }
    }
    .bg-red {
        background-color: var(--color-red)
    }
    .bg-red\/10 {
        background-color: #dd25451a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-red\/10 {
            background-color: color-mix(in oklab, var(--color-red) 10%, transparent)
        }
    }
    .bg-red\/15 {
        background-color: #dd254526
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-red\/15 {
            background-color: color-mix(in oklab, var(--color-red) 15%, transparent)
        }
    }
    .bg-red\/20 {
        background-color: #dd254533
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-red\/20 {
            background-color: color-mix(in oklab, var(--color-red) 20%, transparent)
        }
    }
    .bg-red\/70 {
        background-color: #dd2545b3
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-red\/70 {
            background-color: color-mix(in oklab, var(--color-red) 70%, transparent)
        }
    }
    .bg-surface {
        background-color: var(--color-surface)
    }
    .bg-surface-active {
        background-color: var(--color-surface-active)
    }
    .bg-surface-hover {
        background-color: var(--color-surface-hover)
    }
    .bg-transparent {
        background-color: #0000
    }
    .bg-white {
        background-color: var(--color-white)
    }
    .bg-white\/5 {
        background-color: #d0dbda0d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/5 {
            background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
    }
    .bg-white\/8 {
        background-color: #d0dbda14
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/8 {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }
    .bg-white\/10 {
        background-color: #d0dbda1a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }
    .bg-white\/15 {
        background-color: #d0dbda26
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/15 {
            background-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }
    .bg-white\/20 {
        background-color: #d0dbda33
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }
    .bg-white\/30 {
        background-color: #d0dbda4d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/30 {
            background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }
    .bg-white\/40 {
        background-color: #d0dbda66
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/40 {
            background-color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }
    .bg-white\/60 {
        background-color: #d0dbda99
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/60 {
            background-color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }
    .bg-white\/\[0\.03\] {
        background-color: #d0dbda08
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.03\] {
            background-color: color-mix(in oklab, var(--color-white) 3%, transparent)
        }
    }
    .bg-white\/\[0\.04\] {
        background-color: #d0dbda0a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.04\] {
            background-color: color-mix(in oklab, var(--color-white) 4%, transparent)
        }
    }
    .bg-white\/\[0\.06\] {
        background-color: #d0dbda0f
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.06\] {
            background-color: color-mix(in oklab, var(--color-white) 6%, transparent)
        }
    }
    .bg-white\/\[0\.08\] {
        background-color: #d0dbda14
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.08\] {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }
    .bg-white\/\[0\.12\] {
        background-color: #d0dbda1f
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/\[0\.12\] {
            background-color: color-mix(in oklab, var(--color-white) 12%, transparent)
        }
    }
    .bg-yellow-500 {
        background-color: var(--color-yellow-500)
    }
    .bg-yellow-500\/10 {
        background-color: #ffc1071a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-500\/10 {
            background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent)
        }
    }
    .bg-yellow-500\/15 {
        background-color: #ffc10726
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-500\/15 {
            background-color: color-mix(in oklab, var(--color-yellow-500) 15%, transparent)
        }
    }
    .bg-yellow-500\/20 {
        background-color: #ffc10733
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-500\/20 {
            background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent)
        }
    }
    .bg-yellow-700 {
        background-color: var(--color-yellow-700)
    }
    .bg-yellow-700\/20 {
        background-color: #ffe54833
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-700\/20 {
            background-color: color-mix(in oklab, var(--color-yellow-700) 20%, transparent)
        }
    }
    .bg-yellow-700\/\[0\.08\] {
        background-color: #ffe54814
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-yellow-700\/\[0\.08\] {
            background-color: color-mix(in oklab, var(--color-yellow-700) 8%, transparent)
        }
    }
    .bg-linear-to-b {
        --tw-gradient-position: to bottom
    }
    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }
    .bg-linear-to-b {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-linear-to-t {
        --tw-gradient-position: to top
    }
    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-t {
            --tw-gradient-position: to top in oklab
        }
    }
    .bg-gradient-to-b,
    .bg-linear-to-t {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab
    }
    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .\[background-image\:linear-gradient\(90deg\, \#FF9974_0\%\, \#FFFFFF_100\%\)\],
    .bg-\[linear-gradient\(90deg\, \#FF9974_0\%\, \#FFFFFF_100\%\)\] {
        background-image: linear-gradient(90deg, #ff9974, #fff)
    }
    .bg-\[linear-gradient\(90deg\, \#FFC7AC_0\%\, \#FFFFFF_100\%\)\] {
        background-image: linear-gradient(90deg, #ffc7ac, #fff)
    }
    .bg-\[linear-gradient\(90deg\, \#FFFFFF_0\%\, \#FF5A19_100\%\)\] {
        background-image: linear-gradient(90deg, #fff, #ff5a19)
    }
    .from-primary\/15 {
        --tw-gradient-from: #ff5a1926
    }
    @supports (color:color-mix(in lab, red, red)) {
        .from-primary\/15 {
            --tw-gradient-from: color-mix(in oklab, var(--color-primary) 15%, transparent)
        }
    }
    .from-primary\/15 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .from-transparent {
        --tw-gradient-from: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-background {
        --tw-gradient-to: var(--color-background);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .to-black\/60 {
        --tw-gradient-to: #07060699
    }
    @supports (color:color-mix(in lab, red, red)) {
        .to-black\/60 {
            --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent)
        }
    }
    .to-black\/60 {
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
    .bg-cover {
        background-size: cover
    }
    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }
    .bg-center {
        background-position: 50%
    }
    .object-contain {
        object-fit: contain
    }
    .object-cover {
        object-fit: cover
    }
    .p-0 {
        padding: calc(var(--spacing) * 0)
    }
    .p-0\.5 {
        padding: calc(var(--spacing) * .5)
    }
    .p-1 {
        padding: calc(var(--spacing) * 1)
    }
    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5)
    }
    .p-2 {
        padding: calc(var(--spacing) * 2)
    }
    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5)
    }
    .p-3 {
        padding: calc(var(--spacing) * 3)
    }
    .p-3\.5 {
        padding: calc(var(--spacing) * 3.5)
    }
    .p-4 {
        padding: calc(var(--spacing) * 4)
    }
    .p-5 {
        padding: calc(var(--spacing) * 5)
    }
    .p-8 {
        padding: calc(var(--spacing) * 8)
    }
    .px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }
    .px-0\.5 {
        padding-inline: calc(var(--spacing) * .5)
    }
    .px-1 {
        padding-inline: calc(var(--spacing) * 1)
    }
    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5)
    }
    .px-2 {
        padding-inline: calc(var(--spacing) * 2)
    }
    .px-2\.5 {
        padding-inline: calc(var(--spacing) * 2.5)
    }
    .px-3 {
        padding-inline: calc(var(--spacing) * 3)
    }
    .px-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5)
    }
    .px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }
    .px-5 {
        padding-inline: calc(var(--spacing) * 5)
    }
    .px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }
    .px-7 {
        padding-inline: calc(var(--spacing) * 7)
    }
    .px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }
    .px-\[7px\] {
        padding-inline: 7px
    }
    .py-0\.5 {
        padding-block: calc(var(--spacing) * .5)
    }
    .py-1 {
        padding-block: calc(var(--spacing) * 1)
    }
    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }
    .py-2 {
        padding-block: calc(var(--spacing) * 2)
    }
    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
    }
    .py-3 {
        padding-block: calc(var(--spacing) * 3)
    }
    .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5)
    }
    .py-4 {
        padding-block: calc(var(--spacing) * 4)
    }
    .py-5 {
        padding-block: calc(var(--spacing) * 5)
    }
    .py-6 {
        padding-block: calc(var(--spacing) * 6)
    }
    .py-8 {
        padding-block: calc(var(--spacing) * 8)
    }
    .py-16 {
        padding-block: calc(var(--spacing) * 16)
    }
    .py-\[3px\] {
        padding-block: 3px
    }
    .py-px {
        padding-block: 1px
    }
    .pt-0 {
        padding-top: calc(var(--spacing) * 0)
    }
    .pt-1 {
        padding-top: calc(var(--spacing) * 1)
    }
    .pt-2 {
        padding-top: calc(var(--spacing) * 2)
    }
    .pt-2\.5 {
        padding-top: calc(var(--spacing) * 2.5)
    }
    .pt-3 {
        padding-top: calc(var(--spacing) * 3)
    }
    .pt-3\.5 {
        padding-top: calc(var(--spacing) * 3.5)
    }
    .pt-4 {
        padding-top: calc(var(--spacing) * 4)
    }
    .pt-8 {
        padding-top: calc(var(--spacing) * 8)
    }
    .pt-10 {
        padding-top: calc(var(--spacing) * 10)
    }
    .pr-1 {
        padding-right: calc(var(--spacing) * 1)
    }
    .pr-2 {
        padding-right: calc(var(--spacing) * 2)
    }
    .pr-2\.5 {
        padding-right: calc(var(--spacing) * 2.5)
    }
    .pr-3 {
        padding-right: calc(var(--spacing) * 3)
    }
    .pr-3\.5 {
        padding-right: calc(var(--spacing) * 3.5)
    }
    .pr-4 {
        padding-right: calc(var(--spacing) * 4)
    }
    .pr-6 {
        padding-right: calc(var(--spacing) * 6)
    }
    .pb-1 {
        padding-bottom: calc(var(--spacing) * 1)
    }
    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2)
    }
    .pb-2\.5 {
        padding-bottom: calc(var(--spacing) * 2.5)
    }
    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3)
    }
    .pb-3\.5 {
        padding-bottom: calc(var(--spacing) * 3.5)
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4)
    }
    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
    }
    .pb-\[31px\] {
        padding-bottom: 31px
    }
    .pb-\[80px\] {
        padding-bottom: 80px
    }
    .pb-\[200px\] {
        padding-bottom: 200px
    }
    .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\] {
        padding-bottom: calc(1rem + env(safe-area-inset-bottom))
    }
    .pb-px {
        padding-bottom: 1px
    }
    .pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }
    .pl-1 {
        padding-left: calc(var(--spacing) * 1)
    }
    .pl-2 {
        padding-left: calc(var(--spacing) * 2)
    }
    .pl-2\.5 {
        padding-left: calc(var(--spacing) * 2.5)
    }
    .pl-3 {
        padding-left: calc(var(--spacing) * 3)
    }
    .pl-4 {
        padding-left: calc(var(--spacing) * 4)
    }
    .pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }
    .pl-6 {
        padding-left: calc(var(--spacing) * 6)
    }
    .pl-7 {
        padding-left: calc(var(--spacing) * 7)
    }
    .text-center {
        text-align: center
    }
    .text-left {
        text-align: left
    }
    .text-right {
        text-align: right
    }
    .font-display {
        font-family: var(--font-display)
    }
    .font-display-book {
        font-family: var(--font-display-book)
    }
    .font-display-regular {
        font-family: var(--font-display-regular)
    }
    .font-mono {
        font-family: var(--font-mono)
    }
    .font-sans {
        font-family: var(--font-sans)
    }
    .\[font-feature-settings\:\'ss04\'\]{font-feature-settings:"ss04"}.\[font-feature-settings\:\'ss04\'_0\]{font-feature-settings:"ss04" 0}.font-features-\[\'ss04\'\]{font-feature-settings:"ss04"}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[18px\]{font-size:18px}.text-\[28px\]{font-size:28px}.text-\[40px\]{font-size:40px}.text-\[42px\]{font-size:42px}.text-\[100px\]{font-size:100px}.text-md{font-size:var(--text-md)}.text-smallest{font-size:var(--text-smallest)}.text-tiny{font-size:var(--text-tiny)}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-\[12px\]{--tw-leading:12px;line-height:12px}.leading-\[14px\]{--tw-leading:14px;line-height:14px}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-\[22px\]{--tw-leading:22px;line-height:22px}.leading-\[48px\]{--tw-leading:48px;line-height:48px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.2px\]{--tw-tracking:-.2px;letter-spacing:-.2px}.tracking-\[-0\.005em\]{--tw-tracking:-.005em;letter-spacing:-.005em}.tracking-\[0\.1px\]{--tw-tracking:.1px;letter-spacing:.1px}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[1\.5px\]{--tw-tracking:1.5px;letter-spacing:1.5px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-wrap{text-wrap:wrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#070606\]{color:#070606}.text-\[\#EEE\]{color:#eee}.text-black{color:var(--color-black)}.text-current{color:currentColor}.text-green-500{color:var(--color-green-500)}.text-green-500\/70{color:#14db7fb3}@supports (color:color-mix(in lab,red,red)){.text-green-500\/70{color:color-mix(in oklab,var(--color-green-500) 70%,transparent)}}.text-inherit{color:inherit}.text-primary{color:var(--color-primary)}.text-red{color:var(--color-red)}.text-red\/70{color:#dd2545b3}@supports (color:color-mix(in lab,red,red)){.text-red\/70{color:color-mix(in oklab,var(--color-red) 70%,transparent)}}.text-text-body{color:var(--color-text-body)}.text-text-muted{color:var(--color-text-muted)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-title{color:var(--color-text-title)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/20{color:#d0dbda33}@supports (color:color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/35{color:#d0dbda59}@supports (color:color-mix(in lab,red,red)){.text-white\/35{color:color-mix(in oklab,var(--color-white) 35%,transparent)}}.text-white\/40{color:#d0dbda66}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/55{color:#d0dbda8c}@supports (color:color-mix(in lab,red,red)){.text-white\/55{color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.text-white\/60{color:#d0dbda99}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/65{color:#d0dbdaa6}@supports (color:color-mix(in lab,red,red)){.text-white\/65{color:color-mix(in oklab,var(--color-white) 65%,transparent)}}.text-white\/70{color:#d0dbdab3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/75{color:#d0dbdabf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.text-white\/80{color:#d0dbdacc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/85{color:#d0dbdad9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.text-white\/90{color:#d0dbdae6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.opacity-\[0\.55\]{opacity:.55}.opacity-\[0\.85\]{opacity:.85}.mix-blend-screen{mix-blend-mode:screen}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-\[0_0_30px_rgba\(255\,229\,72\,0\.8\)\,0_0_60px_rgba\(255\,229\,72\,0\.6\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(255\,229\,72\,0\.8\)\,0_0_60px_rgba\(255\,229\,72\,0\.6\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#ffe548cc),0 0 60px var(--tw-shadow-color,#ffe54899)}.shadow-\[0px_2px_4px_0px_rgba\(255\,255\,255\,0\.10\)_inset\]{--tw-shadow:0px 2px 4px 0px var(--tw-shadow-color,#ffffff1a) inset}.shadow-\[0px_2px_4px_0px_rgba\(255\,255\,255\,0\.10\)_inset\],.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0px 10px 10px 0px var(--tw-shadow-color,#00000040)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.invert{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,)}.invert{--tw-invert:invert(100%)}.\[filter\:drop-shadow\(0_0_12px_rgba\(255\,204\,0\,0\.4\)\)\]{filter:drop-shadow(0 0 12px #fc06)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.backdrop-blur-sm,.backdrop-blur-xl{-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-xl{--tw-backdrop-blur:blur(var(--blur-xl))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,opacity\]{transition-property:background-color,border-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,transform\]{transition-property:background-color,border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-360{--tw-duration:.36s;transition-duration:.36s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.duration-\[400ms\]{--tw-duration:.4s;transition-duration:.4s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-\[opacity\]{will-change:opacity}.animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-background-clip\:text\]{-webkit-background-clip:text}.\[-webkit-text-fill-color\:transparent\]{-webkit-text-fill-color:transparent}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-360{animation-duration:.36s}.duration-500{animation-duration:.5s}.duration-1000{animation-duration:1s}.duration-\[400ms\]{animation-duration:.4s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.slide-in-from-bottom-1{--tw-enter-translate-y:.25rem}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}@media (hover:hover){.group-hover\:h-0\.5:is(:where(.group):hover *){height:calc(var(--spacing) * .5)}.group-hover\:h-1:is(:where(.group):hover *){height:calc(var(--spacing) * 1)}.group-hover\:w-0\.5:is(:where(.group):hover *){width:calc(var(--spacing) * .5)}.group-hover\:w-1:is(:where(.group):hover *){width:calc(var(--spacing) * 1)}.group-hover\:bg-white\/20:is(:where(.group):hover *){background-color:#d0dbda33}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-white\/20:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.group-hover\:text-white\/60:is(:where(.group):hover *){color:#d0dbda99}@supports (color:color-mix(in lab,red,red)){.group-hover\:text-white\/60:is(:where(.group):hover *){color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[state\=open\]\:hidden:is(:where(.group)[data-state=open] *){display:none}.group-data-\[state\=open\]\:-rotate-90:is(:where(.group)[data-state=open] *){rotate:-90deg}.group-data-\[state\=open\]\:-rotate-180:is(:where(.group)[data-state=open] *){rotate:-180deg}.placeholder\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\:text-text-muted::placeholder{color:var(--color-text-muted)}.placeholder\:text-white\/40::placeholder{color:#d0dbda66}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-white\/40::placeholder{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:-z-10:after{content:var(--tw-content);z-index:calc(10 * -1)}.after\:transition-colors:after{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\:after\:bg-row-hover:is(:where(.group):hover *):after{content:var(--tw-content);background-color:var(--color-row-hover)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pr-0:last-child{padding-right:calc(var(--spacing) * 0)}.focus-within\:border-red:focus-within{border-color:var(--color-red)}.focus-within\:border-yellow-700:focus-within{border-color:var(--color-yellow-700)}.focus-within\:bg-surface-hover:focus-within{background-color:var(--color-surface-hover)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-border-strong:hover{border-color:var(--color-border-strong)}.hover\:border-red:hover{border-color:var(--color-red)}.hover\:border-white\/40:hover{border-color:#d0dbda66}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:border-white\/50:hover{border-color:#d0dbda80}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/50:hover{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.hover\:border-yellow-700:hover{border-color:var(--color-yellow-700)}.hover\:bg-\[\#FFE9E0\]\/90:hover{background-color:oklab(94.9266% .0195412 .0186449/.9)}.hover\:bg-green-500\/30:hover{background-color:#14db7f4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-green-500\/30:hover{background-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.hover\:bg-orange-400:hover{background-color:var(--color-orange-400)}.hover\:bg-primary\/10:hover{background-color:#ff5a191a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.hover\:bg-primary\/20:hover{background-color:#ff5a1933}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.hover\:bg-primary\/30:hover{background-color:#ff5a194d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/30:hover{background-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.hover\:bg-primary\/\[0\.12\]:hover{background-color:#ff5a191f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/\[0\.12\]:hover{background-color:color-mix(in oklab,var(--color-primary) 12%,transparent)}}.hover\:bg-red\/30:hover{background-color:#dd25454d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red\/30:hover{background-color:color-mix(in oklab,var(--color-red) 30%,transparent)}}.hover\:bg-row-hover:hover{background-color:var(--color-row-hover)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-surface-active:hover{background-color:var(--color-surface-active)}.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white\/5:hover{background-color:#d0dbda0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/10:hover{background-color:#d0dbda1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/15:hover{background-color:#d0dbda26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/15:hover{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.hover\:bg-white\/20:hover{background-color:#d0dbda33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/90:hover{background-color:#d0dbdae6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/90:hover{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.hover\:bg-white\/\[0\.02\]:hover{background-color:#d0dbda05}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.02\]:hover{background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.hover\:bg-white\/\[0\.06\]:hover{background-color:#d0dbda0f}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/\[0\.06\]:hover{background-color:color-mix(in oklab,var(--color-white) 6%,transparent)}}.hover\:text-primary\/80:hover{color:#ff5a19cc}@supports (color:color-mix(in lab,red,red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}.hover\:text-text-body:hover{color:var(--color-text-body)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:text-text-title:hover{color:var(--color-text-title)}.hover\:text-white:hover{color:var(--color-white)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}}.focus\:bg-surface:focus{background-color:var(--color-surface)}.focus\:text-red:focus{color:var(--color-red)}.focus\:text-white:focus{color:var(--color-white)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-primary\/50:focus-visible{--tw-ring-color:#ff5a1980}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-primary\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-primary) 50%,transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:text-text-secondary:disabled{color:var(--color-text-secondary)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[placeholder\]\:text-text-muted[data-placeholder]{color:var(--color-text-muted)}.data-\[side\=bottom\]\:slide-in-from-top-1[data-side=bottom]{--tw-enter-translate-y:-.25rem}.data-\[side\=top\]\:slide-in-from-bottom-1[data-side=top]{--tw-enter-translate-y:.25rem}.data-\[state\=active\]\:border-green-500[data-state=active]{border-color:var(--color-green-500)}.data-\[state\=active\]\:border-primary[data-state=active]{border-color:var(--color-primary)}.data-\[state\=active\]\:border-red[data-state=active]{border-color:var(--color-red)}.data-\[state\=active\]\:bg-green-500\/15[data-state=active]{background-color:#14db7f26}@supports (color:color-mix(in lab,red,red)){.data-\[state\=active\]\:bg-green-500\/15[data-state=active]{background-color:color-mix(in oklab,var(--color-green-500) 15%,transparent)}}.data-\[state\=active\]\:bg-red\/15[data-state=active]{background-color:#dd254526}@supports (color:color-mix(in lab,red,red)){.data-\[state\=active\]\:bg-red\/15[data-state=active]{background-color:color-mix(in oklab,var(--color-red) 15%,transparent)}}.data-\[state\=active\]\:bg-surface[data-state=active]{background-color:var(--color-surface)}.data-\[state\=active\]\:font-medium[data-state=active]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[state\=active\]\:text-green-500[data-state=active]{color:var(--color-green-500)}.data-\[state\=active\]\:text-red[data-state=active]{color:var(--color-red)}.data-\[state\=active\]\:text-white[data-state=active]{color:var(--color-white)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--color-primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--color-primary)}.data-\[state\=checked\]\:text-black[data-state=checked]{color:var(--color-black)}.data-\[state\=checked\]\:text-red[data-state=checked]{color:var(--color-red)}.data-\[state\=checked\]\:text-white[data-state=checked]{color:var(--color-white)}.data-\[state\=closed\]\:animate-collapsible-up[data-state=closed]{animation:var(--animate-collapsible-up)}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:slide-out-to-bottom-4[data-state=closed]{--tw-exit-translate-y:1rem}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=inactive\]\:hidden[data-state=inactive]{display:none}.data-\[state\=open\]\:animate-collapsible-down[data-state=open]{animation:var(--animate-collapsible-down)}.data-\[state\=open\]\:bg-surface-hover[data-state=open]{background-color:var(--color-surface-hover)}.data-\[state\=open\]\:bg-transparent[data-state=open]{background-color:#0000}.data-\[state\=open\]\:text-text-body[data-state=open]{color:var(--color-text-body)}.data-\[state\=open\]\:text-text-secondary[data-state=open]{color:var(--color-text-secondary)}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:slide-in-from-bottom-4[data-state=open]{--tw-enter-translate-y:1rem}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-white\/15[data-state=unchecked]{background-color:#d0dbda26}@supports (color:color-mix(in lab,red,red)){.data-\[state\=unchecked\]\:bg-white\/15[data-state=unchecked]{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}@media not all and (min-width:48rem){.max-md\:flex{display:flex}.max-md\:h-full{height:100%}.max-md\:max-h-none{max-height:none}.max-md\:min-h-0{min-height:calc(var(--spacing) * 0)}.max-md\:flex-1{flex:1}.max-md\:shrink-0{flex-shrink:0}.max-md\:flex-col{flex-direction:column}.max-md\:gap-4{gap:calc(var(--spacing) * 4)}.max-md\:overflow-visible{overflow:visible}.max-md\:overflow-y-auto{overflow-y:auto}.max-md\:data-\[state\=closed\]\:slide-out-to-bottom-4[data-state=closed]{--tw-exit-translate-y:1rem}.max-md\:data-\[state\=open\]\:slide-in-from-bottom-4[data-state=open]{--tw-enter-translate-y:1rem}}@media (min-width:992px){.tablet\:flex{display:flex}.tablet\:w-1\/2{width:50%}.tablet\:pb-\[48px\]{padding-bottom:48px}}@media (min-width:1225px){.desktop\:w-full{width:100%}.desktop\:shrink{flex-shrink:1}.desktop\:flex-col{flex-direction:column}.desktop\:flex-row{flex-direction:row}.desktop\:justify-start{justify-content:flex-start}}@media (min-width:1400px){.wide\:w-auto{width:auto}.wide\:shrink-0{flex-shrink:0}.wide\:flex-row{flex-direction:row}.wide\:justify-between{justify-content:space-between}.wide\:justify-end{justify-content:flex-end}}@media (min-width:40rem){.sm\:pointer-events-auto{pointer-events:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:opacity-0{opacity:0}.sm\:opacity-100{opacity:1}}@media (min-width:48rem){.md\:inset-auto{inset:auto}.md\:top-1\/2{top:50%}.md\:left-1\/2{left:50%}.md\:-mx-16{margin-inline:calc(var(--spacing) * -16)}.md\:mx-0{margin-inline:calc(var(--spacing) * 0)}.md\:mt-6{margin-top:calc(var(--spacing) * 6)}.md\:mb-1{margin-bottom:calc(var(--spacing) * 1)}.md\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.md\:h-5{height:calc(var(--spacing) * 5)}.md\:h-\[30px\]{height:30px}.md\:h-\[60px\]{height:60px}.md\:h-\[76px\]{height:76px}.md\:h-\[90\%\]{height:90%}.md\:h-\[360px\]{height:360px}.md\:h-\[440px\]{height:440px}.md\:h-\[500px\]{height:500px}.md\:h-\[800px\]{height:800px}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:max-h-\[85vh\]{max-height:85vh}.md\:max-h-\[90vh\]{max-height:90vh}.md\:max-h-none{max-height:none}.md\:min-h-0{min-height:calc(var(--spacing) * 0)}.md\:w-\[76px\]{width:76px}.md\:w-\[120px\]{width:120px}.md\:w-\[140px\]{width:140px}.md\:w-\[250px\]{width:250px}.md\:w-auto{width:auto}.md\:max-w-\[var\(--dialog-max-w\)\]{max-width:var(--dialog-max-w)}.md\:min-w-\[120px\]{min-width:120px}.md\:min-w-\[125px\]{min-width:125px}.md\:flex-1{flex:1}.md\:flex-none{flex:none}.md\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.md\:-translate-x-1\/2,.md\:-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:calc(var(--spacing) * 0)}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:gap-12{gap:calc(var(--spacing) * 12)}.md\:self-start{align-self:flex-start}.md\:overflow-hidden{overflow:hidden}.md\:overflow-visible{overflow:visible}.md\:overflow-y-auto{overflow-y:auto}.md\:rounded{border-radius:.25rem}.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:rounded-md{border-radius:var(--radius-md)}.md\:rounded-none{border-radius:0}.md\:rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.md\:border{border-style:var(--tw-border-style);border-width:1px}.md\:border-0{border-style:var(--tw-border-style);border-width:0}.md\:border-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.md\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:border-border{border-color:var(--color-border)}.md\:border-white\/10{border-color:#d0dbda1a}@supports (color:color-mix(in lab,red,red)){.md\:border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.md\:border-white\/\[0\.08\]{border-color:#d0dbda14}@supports (color:color-mix(in lab,red,red)){.md\:border-white\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.md\:bg-transparent{background-color:#0000}.md\:bg-white\/\[0\.03\]{background-color:#d0dbda08}@supports (color:color-mix(in lab,red,red)){.md\:bg-white\/\[0\.03\]{background-color:color-mix(in oklab,var(--color-white) 3%,transparent)}}.md\:p-0{padding:calc(var(--spacing) * 0)}.md\:p-1{padding:calc(var(--spacing) * 1)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-0{padding-inline:calc(var(--spacing) * 0)}.md\:px-3{padding-inline:calc(var(--spacing) * 3)}.md\:py-0{padding-block:calc(var(--spacing) * 0)}.md\:py-12{padding-block:calc(var(--spacing) * 12)}.md\:pt-8{padding-top:calc(var(--spacing) * 8)}.md\:pt-16{padding-top:calc(var(--spacing) * 16)}.md\:pr-\[18px\]{padding-right:18px}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:pb-3{padding-bottom:calc(var(--spacing) * 3)}.md\:pl-3{padding-left:calc(var(--spacing) * 3)}.md\:text-left{text-align:left}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:text-\[50px\]{font-size:50px}.md\:text-md{font-size:var(--text-md)}.md\:text-smallest{font-size:var(--text-smallest)}.md\:leading-\[14px\]{--tw-leading:14px;line-height:14px}.md\:shadow-lg{--tw-shadow:0px 10px 10px 0px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.md\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}}@media (min-width:64rem){.lg\:mt-8{margin-top:calc(var(--spacing) * 8)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:w-\[100px\]{width:100px}.lg\:w-\[180px\]{width:180px}.lg\:flex-row{flex-direction:row}.lg\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>\*\]\:flex-1>*{flex:1}}[data-theme=dark]{--color-black:#070606;--color-background:#070606}[data-theme=gray]{--color-black:#141313;--color-background:#141313}[data-theme=punk]{--color-black:#0e0324;--color-background:#0e0324}[data-theme=blue]{--color-black:#031624;--color-background:#031624}[data-color-deficiency=true]{--color-red:#f2b400;--color-green-500:#0861ba}@keyframes collapsible-down{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes collapsible-up{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes gradient-move{0%{background-position:-100%}to{background-position:100%}}@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))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}