:root {
    --twc-grey-50: 0 0% 94.9%;
    --twc-grey-100: 0 0% 89.4%;
    --twc-grey-150: 0 0% 83.9%;
    --twc-grey-200: 0 0% 77.3%;
    --twc-grey-250: 0 0% 71.8%;
    --twc-grey-300: 0 0% 66.3%;
    --twc-grey-350: 0 0% 61.2%;
    --twc-grey-400: 0 0% 55.3%;
    --twc-grey-450: 0 0% 49.4%;
    --twc-grey-500: 0 0% 43.5%;
    --twc-grey-550: 0 0% 38%;
    --twc-grey-600: 0 0% 32.9%;
    --twc-grey-650: 0 0% 28.2%;
    --twc-grey-700: 0 0% 23.9%;
    --twc-grey-750: 0 0% 20.4%;
    --twc-grey-800: 0 0% 17.6%;
    --twc-grey-850: 0 0% 15.3%;
    --twc-grey-900: 0 0% 11.8%;
    --twc-grey-950: 0 0% 9.4%;
    --twc-grey-1000: 0 0% 7.8%;
    --twc-primary-50: 190 100% 96.5%;
    --twc-primary-100: 191.70000000000005 100% 92%;
    --twc-primary-200: 189.70000000000005 100% 85.5%;
    --twc-primary-300: 188.20000000000005 100% 75.7%;
    --twc-primary-400: 189.79999999999995 100% 64.1%;
    --twc-primary-500: 194.89999999999998 100% 55.9%;
    --twc-primary-600: 200 100% 51.2%;
    --twc-primary-700: 204 100% 50%;
    --twc-primary-800: 205.70000000000005 92.2% 40.2%;
    --twc-primary-900: 204.10000000000002 84.5% 32.9%;
    --twc-primary-950: 205.79999999999995 73.8% 21%;
    --twc-orange-50: 33.30000000000001 100% 96.5%;
    --twc-orange-100: 34.89999999999998 100% 91.6%;
    --twc-orange-200: 31.399999999999977 100% 83.1%;
    --twc-orange-300: 30.19999999999999 100% 72.4%;
    --twc-orange-400: 26.80000000000001 99% 61%;
    --twc-orange-500: 24.19999999999999 97.5% 53.1%;
    --twc-orange-600: 20.19999999999999 92.6% 47.8%;
    --twc-orange-700: 17.100000000000023 90.3% 40.4%;
    --twc-orange-800: 14.600000000000023 81.4% 33.7%;
    --twc-orange-900: 14.399999999999977 76.1% 27.8%;
    --twc-orange-950: 13.5 83.8% 14.5%;
    --twc-red-50: 8.600000000000023 100% 97.3%;
    --twc-red-100: 9.399999999999977 100% 93.7%;
    --twc-red-200: 9.199999999999989 100% 88.4%;
    --twc-red-300: 9 100% 80.4%;
    --twc-red-400: 9.199999999999989 100% 69.2%;
    --twc-red-500: 9 100% 59.6%;
    --twc-red-600: 8.899999999999977 88.1% 50.6%;
    --twc-red-700: 9.100000000000023 89.9% 39%;
    --twc-red-800: 9 85.6% 35.3%;
    --twc-red-900: 9 76.9% 30.6%;
    --twc-red-950: 9.300000000000011 89.9% 15.5%;
    --twc-ra-online: 90.19999999999999 53.2% 54.7%;
    --twc-ra-offline: 0 0% 61.2%;
    --twc-ra-joining: 212.39999999999998 91% 56.5%;
    --twc-ra-queued: 359 87.3% 59.8%;
    --twc-ra-afk: 40.10000000000002 86.4% 56.9%;
    --twc-ra-unstable: 21.80000000000001 76.8% 54.3%;
    --twc-ra-yellow: 40.89999999999998 79% 72%;
    --twc-ra-discord: 240 42.4% 63.9%;
}
*, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}
:before, :after {
    --tw-content: ""
}
html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}
body {
    margin: 0;
    line-height: inherit;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-1000) / var(--tw-bg-opacity));
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px;
    background-repeat: repeat
}
hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}
a {
    color: inherit;
    text-decoration: inherit
}
code, kbd, samp, pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}
button, select {
    text-transform: none
}
button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}
:-moz-focusring {
    outline: auto
}
:-moz-ui-invalid {
    box-shadow: none
}
progress {
    vertical-align: baseline
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}
::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
summary {
    display: list-item
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0
}
fieldset {
    margin: 0;
    padding: 0
}
legend {
    padding: 0
}
ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0
}
dialog {
    padding: 0
}
textarea {
    resize: vertical
}
input::placeholder, textarea::placeholder {
        opacity: 1;
        color: #9ca3af
    }
button, [role=button] {
    cursor: pointer
}
:disabled {
    cursor: default
}
img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle
}
img, video {
    max-width: 100%;
    height: auto
}
:root {
    --color-aboba: 247 147 34
}
*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:;
    --tw-pan-y:;
    --tw-pinch-zoom:;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:;
    --tw-gradient-via-position:;
    --tw-gradient-to-position:;
    --tw-ordinal:;
    --tw-slashed-zero:;
    --tw-numeric-figure:;
    --tw-numeric-spacing:;
    --tw-numeric-fraction:;
    --tw-ring-inset:;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:;
    --tw-brightness:;
    --tw-contrast:;
    --tw-grayscale:;
    --tw-hue-rotate:;
    --tw-invert:;
    --tw-saturate:;
    --tw-sepia:;
    --tw-drop-shadow:;
    --tw-backdrop-blur:;
    --tw-backdrop-brightness:;
    --tw-backdrop-contrast:;
    --tw-backdrop-grayscale:;
    --tw-backdrop-hue-rotate:;
    --tw-backdrop-invert:;
    --tw-backdrop-opacity:;
    --tw-backdrop-saturate:;
    --tw-backdrop-sepia:
}
.text-14-400 {
    font-size: 14px;
    font-weight: 400
}
.text-18-600 {
    font-size: 18px;
    font-weight: 600
}
.pointer-events-none {
    pointer-events: none
}
.fixed {
    position: fixed
}
.relative {
    position: relative
}
.mt-6 {
    margin-top: 1.5rem
}
.flex {
    display: flex
}
.h-9 {
    height: 2.25rem
}
.h-full {
    height: 100%
}
.w-9 {
    width: 2.25rem
}
.w-\[20px\] {
    width: 20px;
    height: 20px
}
.w-\[26px\] {
    width: 26px;
    height: 26px
}
.w-full {
    width: 100%
}
.flex-col {
    flex-direction: column
}
.flex-wrap {
    flex-wrap: wrap
}
.items-center {
    align-items: center
}
.justify-center {
    justify-content: center
}
.gap-2 {
    gap: .5rem
}
.gap-4 {
    gap: 1rem
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.rounded-full {
    border-radius: 9999px
}
.fill-white {
    fill: #fff
}
.fill-white\/10 {
    fill: #ffffff1a
}
.fill-white\/25 {
    fill: #ffffff40
}
.object-cover {
    object-fit: cover
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.text-center {
    text-align: center
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem
}
.text-grey-400 {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)))
}
.text-grey-50 {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)))
}
.text-grey-50\/50 {
    color: hsl(var(--twc-grey-50) / .5)
}
.text-grey-500 {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-500) / var(--twc-grey-500-opacity, var(--tw-text-opacity)))
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.text-white\/15 {
    color: #ffffff26
}
.text-white\/50 {
    color: #ffffff80
}
.opacity-100 {
    opacity: 1
}
.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}
*:focus {
    outline: none
}
.bg-dot-pattern-2[data-v-753992f7] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.bg-dot-pattern-2 {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}
.ra-button .wrapper {
        width: inherit
    }
.ra-button svg {
        width: 1.25rem
    }
.ra-button.preset:not(.link) {
        padding: .5rem .625rem
    }
.ra-button.preset.primary {
        border-radius: 10px;
        --tw-bg-opacity: 1;
        background-color: hsl(126 60% 50% / var(--twc-primary-700-opacity, var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)))
    }
.ra-button.preset.primary svg {
            fill: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, 1))
        }
@media (hover: hover) {
.ra-button.preset.primary:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(126 80% 50% / var(--twc-primary-700-opacity, var(--tw-bg-opacity))));
    }
}
@media (hover: none) {
.ra-button.preset.primary:active {
        --tw-bg-opacity: 1;
        background-color: hsl(126 80% 50% / var(--twc-primary-700-opacity, var(--tw-bg-opacity))));
    }
}
.ra-button.preset.default {
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-800) / var(--twc-grey-800-opacity, var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)))
}
.ra-button.preset.default svg {
        fill: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, 1))
    }
@media (hover: hover) {
.ra-button.preset.default:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--twc-grey-750) / var(--twc-grey-750-opacity, var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: hsl(var(--twc-grey-300) / var(--twc-grey-300-opacity, var(--tw-text-opacity)))
    }
.ra-button.preset.default:hover svg {
            fill: hsl(var(--twc-grey-300) / var(--twc-grey-300-opacity, 1))
        }
}
@media (hover: none) {
.ra-button.preset.default:active {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--twc-grey-750) / var(--twc-grey-750-opacity, var(--tw-bg-opacity)));
        --tw-text-opacity: 1;
        color: hsl(var(--twc-grey-300) / var(--twc-grey-300-opacity, var(--tw-text-opacity)))
    }
.ra-button.preset.default:active svg {
            fill: hsl(var(--twc-grey-300) / var(--twc-grey-300-opacity, 1))
        }
}
.ra-button.preset.link {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-primary-700) / var(--twc-primary-700-opacity, var(--tw-text-opacity)))
}
.ra-button.preset.link svg {
        fill: hsl(var(--twc-primary-700) / var(--twc-primary-700-opacity, 1))
    }
.ra-button.preset.link:hover {
        fill: hsl(var(--twc-primary-500) / var(--twc-primary-500-opacity, 1));
        --tw-text-opacity: 1;
        color: hsl(var(--twc-primary-500) / var(--twc-primary-500-opacity, var(--tw-text-opacity)));
        --tw-border-opacity: 1;
        border-color: hsl(var(--twc-primary-500) / var(--twc-primary-500-opacity, var(--tw-border-opacity)))
    }
.ra-button.preset.link:hover svg {
            fill: hsl(var(--twc-primary-500) / var(--twc-primary-500-opacity, 1))
        }
.ra-button.preset.landing-tab {
    border-radius: .375rem;
    font-size: 14px;
    font-weight: 500;
    background-color: transparent;
    color: #ffffff80
}
.ra-button.preset.landing-tab svg {
        fill: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, 1))
    }
@media (hover: hover) {
.ra-button.preset.landing-tab:hover {
        --tw-text-opacity: 1;
        color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
        background-color: #ffffff0d
    }
.ra-button.preset.landing-tab:hover svg {
            fill: hsl(var(--twc-grey-300) / var(--twc-grey-300-opacity, 1))
        }
}
@media (hover: none) {
.ra-button.preset.landing-tab:active {
        --tw-text-opacity: 1;
        color: hsl(var(--twc-grey-200) / var(--twc-grey-200-opacity, var(--tw-text-opacity)));
        background-color: #ffffff0d
    }
.ra-button.preset.landing-tab:active svg {
            fill: hsl(var(--twc-grey-300) / var(--twc-grey-300-opacity, 1))
        }
}
.ra-button.preset.white {
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-800) / var(--twc-grey-800-opacity, var(--tw-text-opacity)))
}
.ra-button.preset.white svg {
        fill: hsl(var(--twc-grey-800) / var(--twc-grey-800-opacity, 1))
    }
@media (hover: hover) {
.ra-button.preset.white:hover {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--twc-grey-150) / var(--twc-grey-150-opacity, var(--tw-bg-opacity)))
    }
}
@media (hover: none) {
.ra-button.preset.white:active {
        --tw-bg-opacity: 1;
        background-color: hsl(var(--twc-grey-150) / var(--twc-grey-150-opacity, var(--tw-bg-opacity)))
    }
}
html[data-v-eda83e49] {
    touch-action: manipulation
}
body[data-v-eda83e49] {
    font-family: Inter,Helvetica,Arial;
    font-display: swap;
    overflow: hidden;
    line-height: normal;
    height: 100svh;
    max-height: 100%;
    box-sizing: border-box !important;
    transition: background-color .2s ease-in-out;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-bg-opacity)))
}
html[data-v-eda83e49], body[data-v-eda83e49] {
    overscroll-behavior: none
}
p[data-v-eda83e49] {
    padding: 0;
    margin: 0
}
*[data-v-eda83e49] {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}
[data-v-eda83e49]::-webkit-scrollbar {
    width: 3px;
    height: 3px
}
[data-v-eda83e49]::-webkit-scrollbar-track {
    background-color: #fff0
}
[data-v-eda83e49]::-webkit-scrollbar-corner {
    background-color: #fff0
}
*[data-v-eda83e49]:hover::-webkit-scrollbar-track {
    background-color: #fff0
}
*[data-v-eda83e49]:hover::-webkit-scrollbar-thumb {
    background-color: #ffffff1a
}
*[data-v-eda83e49]:hover::-webkit-scrollbar-thumb:hover {
        background-color: #ffffff40
    }
input[data-v-eda83e49]::-webkit-outer-spin-button, input[data-v-eda83e49]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number][data-v-eda83e49] {
    -moz-appearance: textfield
}
.ra-card[data-v-eda83e49] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-eda83e49] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-eda83e49] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.runtime-notification-wrapper[data-v-eda83e49] {
    position: fixed;
    z-index: 50;
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    height: 400px;
    width: 340px;
    bottom: 0;
    right: 0
}
[device=mobile] .runtime-notification-wrapper[data-v-eda83e49] {
    width: 100% !important
}
.ra-card[data-v-8cede652] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-8cede652] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-8cede652] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-f1ebf033] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-f1ebf033] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-f1ebf033] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-ee8bce7e] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-ee8bce7e] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-ee8bce7e] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.bg-dot-pattern-2 {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-3195ed55] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-3195ed55] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-3195ed55] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-6847f2d6] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-6847f2d6] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-6847f2d6] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.wrapper[data-v-6847f2d6] {
    position: relative;
    height: 100%;
    width: 100%;
    filter: grayscale(0%);
    transition-property: all;
    transition-delay: 0s;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.ra-card[data-v-a0fef6ae] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-a0fef6ae] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-a0fef6ae] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-f741de1a] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-f741de1a] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-f741de1a] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-b3f2cb9a] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-b3f2cb9a] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-b3f2cb9a] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-8f2c0cdf] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-8f2c0cdf] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-8f2c0cdf] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.bg-dot-pattern-2 {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-ac6ea18e] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-ac6ea18e] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-ac6ea18e] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-905d8676] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-905d8676] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-905d8676] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.bg-dot-pattern-2 {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-76b65efa] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-76b65efa] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-76b65efa] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-c11b3ae9] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-c11b3ae9] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-c11b3ae9] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-d344e378] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-d344e378] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-d344e378] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-6d077f90] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-6d077f90] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-6d077f90] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
html[data-v-f101b359] {
    touch-action: manipulation
}
body[data-v-f101b359] {
    font-family: Inter,Helvetica,Arial;
    font-display: swap;
    overflow: hidden;
    line-height: normal;
    height: 100svh;
    max-height: 100%;
    box-sizing: border-box !important;
    transition: background-color .2s ease-in-out;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-bg-opacity)))
}
html[data-v-f101b359], body[data-v-f101b359] {
    overscroll-behavior: none
}
p[data-v-f101b359] {
    padding: 0;
    margin: 0
}
*[data-v-f101b359] {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}
[data-v-f101b359]::-webkit-scrollbar {
    width: 3px;
    height: 3px
}
[data-v-f101b359]::-webkit-scrollbar-track {
    background-color: #fff0
}
[data-v-f101b359]::-webkit-scrollbar-corner {
    background-color: #fff0
}
*[data-v-f101b359]:hover::-webkit-scrollbar-track {
    background-color: #fff0
}
*[data-v-f101b359]:hover::-webkit-scrollbar-thumb {
    background-color: #ffffff1a
}
*[data-v-f101b359]:hover::-webkit-scrollbar-thumb:hover {
        background-color: #ffffff40
    }
input[data-v-f101b359]::-webkit-outer-spin-button, input[data-v-f101b359]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number][data-v-f101b359] {
    -moz-appearance: textfield
}
.ra-card[data-v-f101b359] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-f101b359] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-f101b359] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.image-lines-container[data-v-f101b359] {
    --image-size: 40px;
    --title-size: 16px;
    --message-size: 14px;
    --badge-size: 9px;
    --border-size: 3px;
    --gap-size: 8px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    gap: var(--gap-size);
    color: inherit
}
.image-lines-container .image[data-v-f101b359] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--image-size);
    height: var(--image-size);
    flex-basis: var(--image-size)
}
.image-lines-container .image .img-box[data-v-f101b359], .image-lines-container .image img[data-v-f101b359], .image-lines-container .image image[data-v-f101b359], .image-lines-container .image svg[data-v-f101b359] {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover
}
.image-lines-container .lines[data-v-f101b359] {
    width: calc(100% - var(--image-size) - var(--gap-size))
}
.image-lines-container .lines .title[data-v-f101b359], .image-lines-container .lines .title *[data-v-f101b359] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    font-size: var(--title-size);
    line-height: calc(var(--title-size) + 6px)
}
.image-lines-container .lines .message[data-v-f101b359], .image-lines-container .lines .message *[data-v-f101b359] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    font-weight: 400;
    font-size: var(--message-size);
    line-height: calc(var(--message-size) + 4px)
}
.no-wrap-line[data-v-f101b359], .no-wrap-line *[data-v-f101b359] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word
}
.ra-card[data-v-b26af775] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-b26af775] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-b26af775] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.header[data-v-b26af775] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)))
}
.header .title[data-v-b26af775] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 600;
    display: block
}
.ra-card[data-v-b9053d8f] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-b9053d8f] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-b9053d8f] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-0602f583] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-0602f583] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-0602f583] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.header[data-v-0602f583] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)))
}
.header .title[data-v-0602f583] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    font-weight: 600;
    display: block
}
.ra-card[data-v-ead8a5e7] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-ead8a5e7] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-ead8a5e7] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.bg-dot-pattern-2 {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-9286b3ae] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-9286b3ae] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-9286b3ae] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.image[data-v-9286b3ae] {
    overflow: hidden;
    border-radius: .375rem
}
.ra-card[data-v-fbf213d6] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-fbf213d6] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-fbf213d6] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.icon[data-v-fbf213d6] {
    border-radius: .5rem
}
.icon svg[data-v-fbf213d6] {
    width: 5rem;
    fill: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, 1));
    stroke: hsl(var(--twc-grey-500) / var(--twc-grey-500-opacity, 1));
    stroke-width: 1.5px
}
.ra-card[data-v-2da8c156] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-2da8c156] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-2da8c156] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.icon[data-v-2da8c156] {
    border-radius: .5rem;
    background-color: hsl(var(--twc-red-500) / .15);
    padding: .5rem
}
.icon svg[data-v-2da8c156] {
    width: 1.5rem;
    fill: hsl(var(--twc-red-500) / var(--twc-red-500-opacity, 1))
}
.ra-card[data-v-cd0c75da] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-cd0c75da] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-cd0c75da] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.icon[data-v-cd0c75da] {
    border-radius: .5rem;
    background-color: hsl(var(--twc-red-500) / .15);
    padding: .5rem
}
.icon svg[data-v-cd0c75da] {
    width: 1.5rem;
    fill: hsl(var(--twc-red-500) / var(--twc-red-500-opacity, 1))
}
.ra-card[data-v-1f51f6c4] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-1f51f6c4] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-1f51f6c4] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.icon[data-v-1f51f6c4] {
    border-radius: .5rem
}
.icon svg[data-v-1f51f6c4] {
    width: 5rem;
    fill: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, 1));
    stroke: hsl(var(--twc-grey-500) / var(--twc-grey-500-opacity, 1));
    stroke-width: 1.5px
}
.ra-card[data-v-8468bf10] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-8468bf10] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-8468bf10] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.icon[data-v-8468bf10] {
    border-radius: .5rem;
    background-color: #fbbf2426;
    padding: .5rem
}
.icon svg[data-v-8468bf10] {
    width: 1.5rem;
    fill: #fbbf24
}
.ra-card[data-v-7714b704] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-7714b704] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-7714b704] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.icon[data-v-7714b704] {
    border-radius: .5rem
}
.icon svg[data-v-7714b704] {
    width: 5rem;
    fill: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, 1));
    stroke: hsl(var(--twc-grey-500) / var(--twc-grey-500-opacity, 1));
    stroke-width: 1.5px
}
.ra-card[data-v-81a59c13] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-81a59c13] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-81a59c13] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-a0446064] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-a0446064] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-a0446064] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.header[data-v-a0446064] {
    display: flex;
    flex-direction: column;
    gap: .125rem;
    font-weight: 600
}
.header .title[data-v-a0446064] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    font-weight: 600;
    display: block
}
.ra-card[data-v-6ee67a53] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-6ee67a53] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-6ee67a53] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-750c2f0c] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-750c2f0c] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-750c2f0c] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-b643a5e6] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-b643a5e6] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-b643a5e6] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-9f7bba54] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-9f7bba54] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-9f7bba54] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-5b7acfaa] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-5b7acfaa] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-5b7acfaa] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-fe208a9f] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-fe208a9f] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-fe208a9f] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-6309378a] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-6309378a] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-6309378a] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-874d7b30] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-874d7b30] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-874d7b30] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-f101097f] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-f101097f] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-f101097f] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-8822b3b2] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-8822b3b2] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-8822b3b2] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-6f6b1b14] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-6f6b1b14] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-6f6b1b14] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
:root {
    --swiper-theme-color: #007aff
}
:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}
:root {
    --swiper-navigation-size: 44px
}
.ra-card[data-v-ab2d9aae] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-ab2d9aae] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-ab2d9aae] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-e544379b] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-e544379b] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-e544379b] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-d46c5445] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-d46c5445] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-d46c5445] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-d46c5445] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    padding-top: 1.25rem;
    font-weight: 500
}
.ra-card[data-v-ea93c2f9] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-ea93c2f9] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-ea93c2f9] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-ea93c2f9] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    padding-top: 1.25rem;
    font-weight: 500
}
.ra-card[data-v-006e0c2d] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-006e0c2d] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-006e0c2d] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-006e0c2d] {
    margin-bottom: .625rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    padding-top: 1.25rem;
    font-weight: 500
}
.comment[data-v-006e0c2d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .625rem;
    padding: .5rem;
    border-left-width: 3px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--twc-grey-700) / var(--twc-grey-700-opacity, var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    word-break: break-all
}
.comment svg[data-v-006e0c2d] {
    width: 1rem;
    flex-shrink: 0;
    fill: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, 1))
}
.ra-card[data-v-743d009f] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-743d009f] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-743d009f] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-eef84c23] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-eef84c23] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-eef84c23] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-a5800994] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-a5800994] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-a5800994] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-bb5f203b] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-bb5f203b] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-bb5f203b] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-9849dad4] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-9849dad4] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-9849dad4] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-66e66508] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-66e66508] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-66e66508] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-378446d8] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-378446d8] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-378446d8] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-7ad84489] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-7ad84489] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-7ad84489] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-75a5b73d] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-75a5b73d] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-75a5b73d] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-3dca2c34] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-3dca2c34] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-3dca2c34] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-81aedf96] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-81aedf96] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-81aedf96] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-836794fc] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-836794fc] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-836794fc] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-34a7cc81] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-34a7cc81] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-34a7cc81] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-e2aefe5c] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-e2aefe5c] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-e2aefe5c] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-26855f8c] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-26855f8c] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-26855f8c] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-f8299230] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-f8299230] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-f8299230] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-3420cb5c] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-3420cb5c] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-3420cb5c] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-cd740396] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-cd740396] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-cd740396] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.icon[data-v-cd740396] {
    height: 40px;
    width: 40px;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-950) / var(--twc-grey-950-opacity, var(--tw-bg-opacity)));
    border-width: 2px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-border-opacity)));
    border-radius: .375rem;
    flex-shrink: 0;
    margin-bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center
}
.ra-card[data-v-5b254697] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-5b254697] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-5b254697] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-9f07fa88] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-9f07fa88] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-9f07fa88] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-77968f43] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-77968f43] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-77968f43] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-77968f43] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .25rem
}
.ra-card[data-v-7627163f] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-7627163f] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-7627163f] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-c46d11bf] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-c46d11bf] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-c46d11bf] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-6e55bc01] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-6e55bc01] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-6e55bc01] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-1bbe665d] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-1bbe665d] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-1bbe665d] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-2db2b12d] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-2db2b12d] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-2db2b12d] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-8deec378] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-8deec378] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-8deec378] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-a6fd9c4d] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-a6fd9c4d] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-a6fd9c4d] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-a6fd9c4d] {
    margin-bottom: .625rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)))
}
.comment[data-v-a6fd9c4d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .625rem;
    padding: .5rem;
    border-left-width: 3px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--twc-grey-700) / var(--twc-grey-700-opacity, var(--tw-border-opacity)));
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)));
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    word-break: break-all
}
.comment svg[data-v-a6fd9c4d] {
    width: 1rem;
    flex-shrink: 0;
    fill: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, 1))
}
.ra-card[data-v-dd8af572] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-dd8af572] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-dd8af572] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-33ee1ca1] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-33ee1ca1] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-33ee1ca1] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-33ee1ca1] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    font-weight: 500
}
.ra-card[data-v-be1baf5d] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-be1baf5d] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-be1baf5d] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-c3e965a3] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-c3e965a3] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-c3e965a3] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-d80efed5] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-d80efed5] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-d80efed5] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-0612d902] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-0612d902] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-0612d902] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-0612d902] {
    margin-bottom: .75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    font-size: 1rem;
    line-height: 1.5rem
}
.ra-card[data-v-77a485cb] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-77a485cb] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-77a485cb] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.title[data-v-77a485cb] {
    margin-bottom: .75rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    font-size: 1rem;
    line-height: 1.5rem
}
.ra-card[data-v-fab6872d] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-fab6872d] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-fab6872d] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-6ef4899a] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-6ef4899a] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-6ef4899a] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-900d11ad] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-900d11ad] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-900d11ad] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-c6a56df7] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-c6a56df7] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-c6a56df7] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-8441f3e7] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-8441f3e7] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-8441f3e7] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-d7eba657] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-d7eba657] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-d7eba657] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-82eb0227] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-82eb0227] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-82eb0227] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-ec5ef1b7] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-ec5ef1b7] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-ec5ef1b7] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-44b83cc8] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-44b83cc8] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-44b83cc8] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-c0bf5a14] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-c0bf5a14] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-c0bf5a14] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.stats[data-v-c0bf5a14] {
    display: flex;
    flex-direction: column;
    gap: .625rem
}
.ra-card[data-v-a5446c3c] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-a5446c3c] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-a5446c3c] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-71ab42d5] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-71ab42d5] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-71ab42d5] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.header[data-v-71ab42d5] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}
.header .title[data-v-71ab42d5] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)));
    font-weight: 600;
    display: block
}
.ra-card[data-v-9566fae0] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-9566fae0] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-9566fae0] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-1829606c] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-1829606c] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-1829606c] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-98f7e1d4] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-98f7e1d4] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-98f7e1d4] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-e3abc491] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-e3abc491] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-e3abc491] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-86e52afe] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-86e52afe] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-86e52afe] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-5aa5daa4] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-5aa5daa4] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-5aa5daa4] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-0a45efba] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-0a45efba] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-0a45efba] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-210b0389] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-210b0389] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-210b0389] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-1a315d9a] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-1a315d9a] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-477edc33] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.landing-page[data-v-477edc33] {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-1000) / var(--twc-grey-1000-opacity, var(--tw-bg-opacity)));
}
.header {
    position: sticky;
    top: 12px;
    display: flex;
    align-items: center;
    width: calc(100% - 32px);
    max-width: 980px;
    justify-content: space-between;
    padding: 10px 12px;
    z-index: 10;
    margin: 0 auto 16px;
    gap: 12px;
    border-radius: 12px;
    background-color: hsl(var(--twc-grey-1000) / .5);
    --tw-backdrop-blur: blur(10px);
    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);
    -webkit-backdrop-filter: blur(10px)
}
.header .logo[data-v-477edc33] {
        display: flex;
        align-items: center;
        gap: .5rem
    }
.header .buttons[data-v-477edc33] {
        display: flex;
        align-items: center;
        gap: .75rem;
        flex: 1;
        justify-content: center;
        position: relative;
        padding-right: 72px;
    }
.header .buttons[data-v-477edc33] > .flex.items-center.gap-2 {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin-left: 0;
        padding-left: 0;
    }
.landing-page main[data-v-477edc33] {
    flex-grow: 1;
    overflow-y: auto
}
.landing-page footer[data-v-477edc33] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
    border-top-width: 1px;
    border-color: transparent;
    border-image: linear-gradient(90deg,#27272700,#272727,#27272700) 1
}
.landing-page footer .footer-content[data-v-477edc33] {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2.5rem
}
.landing-page footer .footer-content .terms-privacy[data-v-477edc33] {
    display: flex;
    gap: 1.25rem
}
.landing-page footer .footer-content .socials[data-v-477edc33] {
    display: flex;
    gap: 1.25rem
}
.landing-page footer .footer-content .love[data-v-477edc33] {
    display: flex;
    align-items: center;
    gap: .25rem;
    background: radial-gradient(circle at left,#4cfa00,#6f6f6f 60%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}
.link[data-v-477edc33] {
    fill: hsl(var(--twc-grey-200) / var(--twc-grey-200-opacity, 1));
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-200) / var(--twc-grey-200-opacity, var(--tw-text-opacity)));
    cursor: pointer
}
.link[data-v-477edc33]:hover {
        fill: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, 1));
        --tw-text-opacity: 1;
        color: hsl(var(--twc-grey-50) / var(--twc-grey-50-opacity, var(--tw-text-opacity)))
    }
[data-v-477edc33]::-webkit-scrollbar {
    width: 0px
}
html[data-v-869f8f0a] {
    touch-action: manipulation
}
body[data-v-869f8f0a] {
    font-family: Inter,Helvetica,Arial;
    font-display: swap;
    overflow: hidden;
    line-height: normal;
    height: 100svh;
    max-height: 100%;
    box-sizing: border-box !important;
    transition: background-color .2s ease-in-out;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-bg-opacity)))
}
html[data-v-869f8f0a], body[data-v-869f8f0a] {
    overscroll-behavior: none
}
p[data-v-869f8f0a] {
    padding: 0;
    margin: 0
}
*[data-v-869f8f0a] {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}
[data-v-869f8f0a]::-webkit-scrollbar {
    width: 3px;
    height: 3px
}
[data-v-869f8f0a]::-webkit-scrollbar-track {
    background-color: #fff0
}
[data-v-869f8f0a]::-webkit-scrollbar-corner {
    background-color: #fff0
}
*[data-v-869f8f0a]:hover::-webkit-scrollbar-track {
    background-color: #fff0
}
*[data-v-869f8f0a]:hover::-webkit-scrollbar-thumb {
    background-color: #ffffff1a
}
*[data-v-869f8f0a]:hover::-webkit-scrollbar-thumb:hover {
        background-color: #ffffff40
    }
input[data-v-869f8f0a]::-webkit-outer-spin-button, input[data-v-869f8f0a]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number][data-v-869f8f0a] {
    -moz-appearance: textfield
}
.ra-card[data-v-869f8f0a] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-869f8f0a] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-869f8f0a] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.section-main[data-v-869f8f0a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
    padding-top: 20px;
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom,black 80%,transparent 100%);
    mask-image: linear-gradient(to bottom,black 80%,transparent 100%);
}
.section-main .offer[data-v-869f8f0a] {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}
.section-main .offer .offer-title[data-v-869f8f0a] {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    background: radial-gradient(circle at center,#f2f2f2 40%,#b6b6b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.section-main .offer .offer-subtitle[data-v-869f8f0a] {
    text-align: center;
    font-size: 22px;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-200) / var(--twc-grey-200-opacity, var(--tw-text-opacity)));
    margin-top: 1rem
}
.section-main .offer .stats[data-v-869f8f0a] {
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-bg-opacity)));
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-border-opacity)));
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 2.5rem;
    padding: .25rem .625rem .25rem .25rem
}
.section-main .offer .stats .icon[data-v-869f8f0a] {
    border-radius: 9999px;
    background-color: hsl(var(--twc-ra-online) / .15);
    padding: .25rem
}
.section-main .offer .stats p[data-v-869f8f0a] {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
}
.section-main .offer .stats .icon svg[data-v-869f8f0a] {
    width: 14px
}
.section-main .offer .stats .icon svg[data-v-869f8f0a] {
    animation: pulse-869f8f0a 2s cubic-bezier(.4,0,.6,1) infinite
}
@media (max-width: 768px) {
.section-main .offer .stats .icon[data-v-869f8f0a] {
        padding: .25rem;
    }
.section-main .offer .stats .icon svg[data-v-869f8f0a] {
        width: 14px;
    }
}
.middle[data-v-869f8f0a] {
    display: flex;
    flex-direction: column;
    gap: 100px;
    padding-top: 100px;
    padding-bottom: 100px
}
.middle .section-projects[data-v-869f8f0a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}
.middle .section-projects .scroll-container[data-v-869f8f0a] {
    margin-top: 1.25rem;
    overflow: hidden;
    max-width: 800px;
    white-space: nowrap;
    mask-image: linear-gradient(to right,transparent,black 40%,black 60%,transparent);
    -webkit-mask-image: linear-gradient(to right,transparent,black 40%,black 60%,transparent)
}
.middle .section-projects .scroll-container .scroll-content[data-v-869f8f0a] {
    display: inline-flex;
    animation: scroll-869f8f0a 60s linear infinite
}
.middle .section-projects .scroll-container .scroll-content .project[data-v-869f8f0a] {
    margin-left: 1.25rem
}
.middle .section-projects .comments[data-v-869f8f0a] {
    margin-top: 3.5rem;
    max-width: 1000px;
    direction: ltr;
    column-count: 3;
    column-gap: 1rem
}
.middle .section-projects .comments .comment[data-v-869f8f0a] {
    position: relative;
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 1.25rem;
    vertical-align: top;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-950) / var(--twc-grey-950-opacity, var(--tw-bg-opacity)));
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-border-opacity)));
    cursor: default;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}
.middle .section-projects .comments .comment .comment-text[data-v-869f8f0a] {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)))
}
.middle .section-projects .comments .comment .blur-avatar[data-v-869f8f0a] {
    position: absolute;
    top: 0;
    left: 0;
    height: 8rem;
    width: 8rem;
    opacity: .2;
    --tw-blur: blur(64px);
    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);
    pointer-events: none
}
@media (hover: hover) {
.middle .section-projects .comments .comment[data-v-869f8f0a]:hover {
        --tw-rotate: 3deg;
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-bg-opacity)))
    }
}
@media (hover: none) {
.middle .section-projects .comments .comment[data-v-869f8f0a]:active {
        --tw-rotate: 3deg;
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-bg-opacity: 1;
        background-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-bg-opacity)))
    }
}
.ra-card[data-v-e07ad8a4] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-e07ad8a4] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-e07ad8a4] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.ra-card[data-v-2b8d8499] {
    border-radius: .375rem;
    padding: .625rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-850) / var(--twc-grey-850-opacity, var(--tw-bg-opacity)))
}
.ra-card .title[data-v-2b8d8499] {
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: hsl(var(--twc-grey-400) / var(--twc-grey-400-opacity, var(--tw-text-opacity)));
    padding-bottom: .125rem;
    line-height: normal !important
}
.bg-dot-pattern-2[data-v-2b8d8499] {
    background-image: url("/static/img/noise.png");
    background-position: 0 0;
    background-size: 1440px
}
.section-new_vacancies {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}
.ra-card {
    max-width: 1000px;
    direction: ltr;
    width: 1000px;
    position: relative;
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 1.25rem;
    vertical-align: top;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: hsl(var(--twc-grey-950) / var(--twc-grey-950-opacity, var(--tw-bg-opacity)));
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-border-opacity)));
    cursor: default;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.section-new_vacancies {
    margin-top: 40px;
}
.ra-card-jobs {
    background: hsl(var(--twc-grey-950) / var(--twc-grey-950-opacity, var(--tw-bg-opacity)));
    border-radius: 22px;
    border: 1px solid hsl(var(--twc-grey-900) / var(--twc-grey-900-opacity, var(--tw-border-opacity)));
    padding: 20px 22px 22px;
    width: calc(100% - 8px);
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}
.ra-card-jobs .ra-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 18px;
    }
.ra-card-jobs .ra-card-header span {
            font-size: 14px;
            font-weight: 600;
            color: #f9fafb;
        }
.ra-card-jobs .ra-card-header a {
            font-size: 13px;
            color: #9ca3af;
            text-decoration: none;
        }
.ra-card-jobs .ra-card-header a:hover {
                color: #e5e7eb;
            }
.ra-jobs-grid {
    display: grid;
    grid-template-columns: 300px 300px 300px;
    gap: 18px;
}
.ra-job-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 16px 14px;
    border-radius: 18px;
    background: hsl(var(--twc-grey-950) / var(--twc-grey-950-opacity, var(--tw-bg-opacity)));
    border: 1px solid rgba(55,65,81,.8);
    text-decoration: none;
    transition: transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out, background .18s ease-out;
}
.ra-job-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 20px 55px rgba(0,0,0,.9);
    }
.ra-job-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.ra-job-avatar {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: #ecfdf5;
    background: radial-gradient(circle at 30% 0%, #4cfa00, #166534);
    box-shadow: 0 0 0 1px rgba(15,23,42,.9);
}
.ra-job-title {
    font-size: 14px;
    font-weight: 600;
    color: #f9fafb;
}
.ra-job-meta {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 1px;
}
.ra-job-footer {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
    font-size: 12px;
}
.ra-job-city {
    color: #9ca3af;
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ra-job-wage {
    font-weight: 600;
    color: #4cfa00;
    white-space: nowrap;
}
.ra-job-date {
    color: #6b7280;
    white-space: nowrap;
}
.landing-tab--active {
    position: relative;
    color: #fff;
}
.landing-tab--active::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 4px;
    height: 3px;
    border-radius: 999px;
    background: white; 
}
.tj-auth__alerts {
    margin-bottom: 12px;
}
.tj-auth__alert {
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 8px;
}
.tj-auth__alert--error {
    background: rgba(239, 68, 68, 0.15);
    color: #fecaca;
}
@media (max-width: 1024px) {
.header {
        width: calc(100% - 24px);
        max-width: 920px;
        padding: 10px;
    }
.section-main[data-v-869f8f0a] {
        padding-top: 120px;
        gap: 64px;
    }
.middle[data-v-869f8f0a] {
        padding: 80px 16px 90px;
        gap: 72px;
    }
.middle .section-projects .comments[data-v-869f8f0a] {
        column-count: 2;
        padding-left: 12px;
        padding-right: 12px;
    }
.section-main .offer .stats p[data-v-869f8f0a]:first-of-type::after {
        content: " вакансий";
    }
}
@media (max-width: 768px) {
.section-new_vacancies {
        padding-left: 10px;
        padding-right: 10px;
        align-items: stretch;
    }
.ra-card-jobs {
        width: calc(100% - 8px);
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
.header .logo[data-v-477edc33] p {
        display: none;
    }
.header {
        width: calc(100% - 20px);
        max-width: 100%;
        padding: 10px 10px 12px;
    }
.header .buttons[data-v-477edc33] {
        gap: 6px;
        flex-wrap: nowrap;
    }
.header .buttons[data-v-477edc33] .ra-button {
        white-space: nowrap;
    }
.section-main .offer .offer-title[data-v-869f8f0a] {
        font-size: 28px;
        line-height: 1.2;
    }
.section-main .offer .offer-subtitle[data-v-869f8f0a] {
        font-size: 16px;
    }
.section-main .offer .stats[data-v-869f8f0a] {
        gap: .65rem;
        font-size: 14px;
    }
.section-main .offer .stats p[data-v-869f8f0a] {
        font-size: 14px;
    }
.section-main .offer .stats p[data-v-869f8f0a]:first-of-type span:nth-child(2) {
        display: none;
    }
.section-main .offer .stats p[data-v-869f8f0a]:first-of-type::after {
        content: " вакансий";
        font-size: 14px;
    }
.section-main .offer .stats p[data-v-869f8f0a]:first-of-type span:nth-child(2) {
        font-size: 0;
        position: relative;
    }
.section-main .offer .stats p[data-v-869f8f0a]:first-of-type span:nth-child(2)::after {
        content: " вакансий";
        font-size: 14px;
    }
.ra-jobs-grid {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
.middle .section-projects .scroll-container[data-v-869f8f0a] {
        max-width: 100%;
        padding: 0 8px;
    }
.middle .section-projects .comments[data-v-869f8f0a] {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 540px) {
.header {
        top: 8px;
        width: calc(100% - 16px);
        padding: 9px 10px;
    }
.section-main[data-v-869f8f0a] {
        padding-top: 25px;
        gap: 48px;
    }
.middle[data-v-869f8f0a] {
        padding-top: 60px;
        padding-bottom: 70px;
        gap: 56px;
    }
.middle .section-projects .comments[data-v-869f8f0a] {
        column-count: 1;
        padding-left: 12px;
        padding-right: 12px;
    }
.ra-card-jobs {
        padding: 16px;
    }
}
@keyframes pulse-869f8f0a {
    50% {
        opacity: .5
    }
}
@keyframes progress-bar-stripes-477edc33 {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}
@keyframes scroll-869f8f0a {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}
@keyframes progress-bar-stripes-f101b359 {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}
@keyframes progress-bar-stripes-869f8f0a {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}
@keyframes fadeIn-869f8f0a {
    0% {
        transform: translateY(30px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes progress-bar-stripes-eda83e49 {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}