@layer properties {
    @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-pan-x: initial;
            --tw-pan-y: initial;
            --tw-pinch-zoom: initial;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial;
            --tw-duration: initial;
            --tw-ease: initial;
            --tw-content: "";
            --tw-animation-delay: 0s;
            --tw-animation-direction: normal;
            --tw-animation-duration: initial;
            --tw-animation-fill-mode: none;
            --tw-animation-iteration-count: 1;
            --tw-enter-blur: 0;
            --tw-enter-opacity: 1;
            --tw-enter-rotate: 0;
            --tw-enter-scale: 1;
            --tw-enter-translate-x: 0;
            --tw-enter-translate-y: 0;
            --tw-exit-blur: 0;
            --tw-exit-opacity: 1;
            --tw-exit-rotate: 0;
            --tw-exit-scale: 1;
            --tw-exit-translate-x: 0;
            --tw-exit-translate-y: 0
        }
    }
}

@layer theme {

    :root,
    :host {
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-3xl: 48rem;
        --container-4xl: 56rem;
        --container-5xl: 64rem;
        --container-6xl: 72rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5 / 1);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: calc(2.25 / 1.875);
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-6xl: 3.75rem;
        --text-6xl--line-height: 1;
        --text-7xl: 4.5rem;
        --text-7xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-tight: -.025em;
        --tracking-normal: 0em;
        --tracking-wide: .025em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-sm: calc(var(--radius) * .6);
        --radius-lg: var(--radius);
        --radius-xl: calc(var(--radius) * 1.4);
        --radius-2xl: calc(var(--radius) * 1.8);
        --radius-4xl: calc(var(--radius) * 2.6);
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
        --blur-xs: 4px;
        --blur-sm: 8px;
        --blur-md: 12px;
        --blur-xl: 24px;
        --blur-3xl: 64px;
        --aspect-video: 16 / 9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: "Gellix", ui-sans-serif, system-ui, sans-serif;
        --default-mono-font-family: var(--font-mono);
        --radius: .875rem;
        --radius-full: 999rem
    }
}

@layer base {

    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

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

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

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

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,
    ul,
    menu {
        list-style: none
    }

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }

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

    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }

    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }

    ::file-selector-button {
        margin-inline-end: 4px
    }

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }

        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

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

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

    ::-webkit-datetime-edit {
        padding-block: 0
    }

    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }

    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }

    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }

    ::file-selector-button {
        appearance: button
    }

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

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

    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }

    * {
        border-color: var(--border-secondary);
        outline-color: var(--border-accent-1)
    }

    @supports (color:color-mix(in lab, red, red)) {
        * {
            outline-color: color-mix(in srgb, var(--border-accent-1) 50%, transparent)
        }
    }

    body {
        background-color: var(--bg-primary);
        color: var(--text-primary);
        overscroll-behavior: none
    }

    button:not(:disabled),
    [role=button]:not(:disabled) {
        cursor: pointer
    }

    html {
        overscroll-behavior: none;
        font-family: Gellix, ui-sans-serif, system-ui, sans-serif
    }
}

@layer components;

@layer utilities {
    .\@container\/card-header {
        container: card-header/inline-size
    }

    .slack-viktor-bg-mount {
        isolation: isolate;
        pointer-events: none;
        border-radius: inherit;
        z-index: 0;
        position: absolute;
        inset: 0;
        overflow: hidden
    }

    .slack-viktor-layer-inner-depth-soft {
        border-radius: inherit;
        mix-blend-mode: plus-darker;
        pointer-events: none;
        position: absolute;
        inset: 0;
        box-shadow: inset 0 0 43.23px #f2f2f2
    }

    .slack-viktor-layer-inner-glow-overlay {
        border-radius: inherit;
        mix-blend-mode: overlay;
        pointer-events: none;
        position: absolute;
        inset: 0;
        box-shadow: inset 0 0 8.11px #ffffff80
    }

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

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

    .invisible {
        visibility: hidden
    }

    .visible {
        visibility: visible
    }

    .slack-viktor-layer-white-sheet {
        z-index: 10;
        border-radius: inherit;
        background: radial-gradient(100% 150%, #fff 12%, #fff0 100%);
        position: absolute;
        inset: 0
    }

    .slack-viktor-layer-glass-stack {
        border-radius: var(--slack-viktor-radius);
        background: var(--slack-viktor-glass-background);
        background-blend-mode: normal, plus-lighter, luminosity;
        box-shadow: var(--slack-viktor-glass-bezel-inset-shadow);
        position: absolute;
        inset: 0
    }

    .slack-viktor-layer-feather-blur {
        border-radius: inherit;
        background-blend-mode: plus-lighter;
        -webkit-backdrop-filter: blur(var(--slack-viktor-feather-blur));
        background: #ffffff14;
        position: absolute;
        inset: 0
    }

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

    .absolute {
        position: absolute
    }

    .fixed {
        position: fixed
    }

    .relative {
        position: relative
    }

    .static {
        position: static
    }

    .sticky {
        position: sticky
    }

    .inset-0 {
        inset: calc(var(--spacing) * 0)
    }

    .inset-8 {
        inset: calc(var(--spacing) * 8)
    }

    .inset-\[-1\.25px\] {
        inset: -1.25px
    }

    .inset-\[-38px\] {
        inset: -38px
    }

    .inset-\[2\.63\%_2\.93\%_2\.72\%\] {
        inset: 2.63% 2.93% 2.72%
    }

    .inset-x-0 {
        inset-inline: calc(var(--spacing) * 0)
    }

    .inset-y-0 {
        inset-block: calc(var(--spacing) * 0)
    }

    .-top-4 {
        top: calc(var(--spacing) * -4)
    }

    .top-0 {
        top: calc(var(--spacing) * 0)
    }

    .top-1 {
        top: calc(var(--spacing) * 1)
    }

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

    .top-2 {
        top: calc(var(--spacing) * 2)
    }

    .top-8 {
        top: calc(var(--spacing) * 8)
    }

    .top-28 {
        top: calc(var(--spacing) * 28)
    }

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

    .top-\[calc\(100\%\+0\.5rem\)\] {
        top: calc(100% + .5rem)
    }

    .top-\[max\(64px\,calc\(\(100vh-712px\)\/2\)\)\] {
        top: max(64px, 50vh - 356px)
    }

    .top-full {
        top: 100%
    }

    .-right-1 {
        right: calc(var(--spacing) * -1)
    }

    .right-0 {
        right: calc(var(--spacing) * 0)
    }

    .right-2 {
        right: calc(var(--spacing) * 2)
    }

    .right-4 {
        right: calc(var(--spacing) * 4)
    }

    .right-8 {
        right: calc(var(--spacing) * 8)
    }

    .right-\[10\%\] {
        right: 10%
    }

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

    .-bottom-1 {
        bottom: calc(var(--spacing) * -1)
    }

    .bottom-0 {
        bottom: calc(var(--spacing) * 0)
    }

    .bottom-1 {
        bottom: calc(var(--spacing) * 1)
    }

    .bottom-4 {
        bottom: calc(var(--spacing) * 4)
    }

    .bottom-\[-3rem\] {
        bottom: -3rem
    }

    .bottom-\[-11\.625rem\] {
        bottom: -11.625rem
    }

    .bottom-\[-60\%\] {
        bottom: -60%
    }

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

    .-left-4 {
        left: calc(var(--spacing) * -4)
    }

    .left-0 {
        left: calc(var(--spacing) * 0)
    }

    .left-1 {
        left: calc(var(--spacing) * 1)
    }

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

    .left-8 {
        left: calc(var(--spacing) * 8)
    }

    .left-\[-2rem\] {
        left: -2rem
    }

    .left-\[-12\%\] {
        left: -12%
    }

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

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

    .isolate {
        isolation: isolate
    }

    .z-0 {
        z-index: 0
    }

    .z-1 {
        z-index: 1
    }

    .z-2 {
        z-index: 2
    }

    .z-10 {
        z-index: 10
    }

    .z-20 {
        z-index: 20
    }

    .z-30 {
        z-index: 30
    }

    .z-50 {
        z-index: 50
    }

    .z-60 {
        z-index: 60
    }

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

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

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

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .order-3 {
        order: 3
    }

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

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

    .row-span-2 {
        grid-row: span 2/span 2
    }

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

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

    .row-end-2 {
        grid-row-end: 2
    }

    .row-end-3 {
        grid-row-end: 3
    }

    .container {
        width: 100%
    }

    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }

    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }

    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }

    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }

    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }

    .-m-3 {
        margin: calc(var(--spacing) * -3)
    }

    .m-0 {
        margin: calc(var(--spacing) * 0)
    }

    .m-auto {
        margin: auto
    }

    .-mx-4 {
        margin-inline: calc(var(--spacing) * -4)
    }

    .-mx-5 {
        margin-inline: calc(var(--spacing) * -5)
    }

    .mx-4 {
        margin-inline: calc(var(--spacing) * 4)
    }

    .mx-auto {
        margin-inline: auto
    }

    .-my-28 {
        margin-block: calc(var(--spacing) * -28)
    }

    .my-8 {
        margin-block: calc(var(--spacing) * 8)
    }

    .ms-6 {
        margin-inline-start: calc(var(--spacing) * 6)
    }

    .-mt-3 {
        margin-top: calc(var(--spacing) * -3)
    }

    .-mt-32 {
        margin-top: calc(var(--spacing) * -32)
    }

    .mt-0 {
        margin-top: calc(var(--spacing) * 0)
    }

    .mt-0\! {
        margin-top: calc(var(--spacing) * 0) !important
    }

    .mt-0\.5 {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-1 {
        margin-top: calc(var(--spacing) * 1)
    }

    .mt-1\.5 {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-2 {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-3 {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-4 {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-5 {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-6 {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-7 {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }

    .mt-10 {
        margin-top: calc(var(--spacing) * 10)
    }

    .mt-12 {
        margin-top: calc(var(--spacing) * 12)
    }

    .mt-14 {
        margin-top: calc(var(--spacing) * 14)
    }

    .mt-\[0\.4375rem\] {
        margin-top: .4375rem
    }

    .mt-\[2px\] {
        margin-top: 2px
    }

    .mt-\[20px\] {
        margin-top: 20px
    }

    .mt-auto {
        margin-top: auto
    }

    .-mr-2 {
        margin-right: calc(var(--spacing) * -2)
    }

    .-mr-6 {
        margin-right: calc(var(--spacing) * -6)
    }

    .-mr-8 {
        margin-right: calc(var(--spacing) * -8)
    }

    .mr-1\.5 {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-auto {
        margin-right: auto
    }

    .-mb-4 {
        margin-bottom: calc(var(--spacing) * -4)
    }

    .-mb-40 {
        margin-bottom: calc(var(--spacing) * -40)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing) * 8)
    }

    .mb-12 {
        margin-bottom: calc(var(--spacing) * 12)
    }

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

    .ml-1 {
        margin-left: calc(var(--spacing) * 1)
    }

    .ml-10 {
        margin-left: calc(var(--spacing) * 10)
    }

    .ml-auto {
        margin-left: auto
    }

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

    .box-content {
        box-sizing: content-box
    }

    .slack-attached-pill {
        border-radius: var(--radius-full);
        background: var(--slack-attached-pill-bg);
        min-width: 0;
        max-width: 100%;
        min-height: 20px;
        color: var(--slack-attached-pill-text);
        justify-content: center;
        align-items: center;
        padding-block: 2px;
        padding-inline: 8px;
        display: inline-flex
    }

    .block {
        display: block
    }

    .contents {
        display: contents
    }

    .flex {
        display: flex
    }

    .flex\! {
        display: flex !important
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline {
        display: inline
    }

    .inline-block {
        display: inline-block
    }

    .inline-flex {
        display: inline-flex
    }

    .table {
        display: table
    }

    .aspect-826\/576 {
        aspect-ratio: 826/576
    }

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

    .aspect-\[595\/335\] {
        aspect-ratio: 595/335
    }

    .aspect-\[630\/629\] {
        aspect-ratio: 630/629
    }

    .aspect-auto {
        aspect-ratio: auto
    }

    .aspect-square {
        aspect-ratio: 1
    }

    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }

    .size-0 {
        width: calc(var(--spacing) * 0);
        height: calc(var(--spacing) * 0)
    }

    .size-2 {
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2)
    }

    .size-2\.5 {
        width: calc(var(--spacing) * 2.5);
        height: calc(var(--spacing) * 2.5)
    }

    .size-3 {
        width: calc(var(--spacing) * 3);
        height: calc(var(--spacing) * 3)
    }

    .size-3\.5 {
        width: calc(var(--spacing) * 3.5);
        height: calc(var(--spacing) * 3.5)
    }

    .size-4 {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .size-5 {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .size-6 {
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6)
    }

    .size-7 {
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7)
    }

    .size-8 {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8)
    }

    .size-9 {
        width: calc(var(--spacing) * 9);
        height: calc(var(--spacing) * 9)
    }

    .size-10 {
        width: calc(var(--spacing) * 10);
        height: calc(var(--spacing) * 10)
    }

    .size-11 {
        width: calc(var(--spacing) * 11);
        height: calc(var(--spacing) * 11)
    }

    .size-12 {
        width: calc(var(--spacing) * 12);
        height: calc(var(--spacing) * 12)
    }

    .size-14 {
        width: calc(var(--spacing) * 14);
        height: calc(var(--spacing) * 14)
    }

    .size-16 {
        width: calc(var(--spacing) * 16);
        height: calc(var(--spacing) * 16)
    }

    .size-20 {
        width: calc(var(--spacing) * 20);
        height: calc(var(--spacing) * 20)
    }

    .size-24 {
        width: calc(var(--spacing) * 24);
        height: calc(var(--spacing) * 24)
    }

    .size-40 {
        width: calc(var(--spacing) * 40);
        height: calc(var(--spacing) * 40)
    }

    .size-72\.75 {
        width: calc(var(--spacing) * 72.75);
        height: calc(var(--spacing) * 72.75)
    }

    .size-\[0\.875em\] {
        width: .875em;
        height: .875em
    }

    .size-\[4\.5rem\] {
        width: 4.5rem;
        height: 4.5rem
    }

    .size-\[4\.25rem\] {
        width: 4.25rem;
        height: 4.25rem
    }

    .size-\[5\.5rem\] {
        width: 5.5rem;
        height: 5.5rem
    }

    .size-\[6\.5rem\] {
        width: 6.5rem;
        height: 6.5rem
    }

    .size-\[10px\] {
        width: 10px;
        height: 10px
    }

    .size-\[15px\] {
        width: 15px;
        height: 15px
    }

    .size-\[17px\] {
        width: 17px;
        height: 17px
    }

    .size-\[18px\] {
        width: 18px;
        height: 18px
    }

    .size-\[33px\] {
        width: 33px;
        height: 33px
    }

    .size-\[44px\] {
        width: 44px;
        height: 44px
    }

    .size-\[66px\] {
        width: 66px;
        height: 66px
    }

    .size-\[68px\] {
        width: 68px;
        height: 68px
    }

    .size-\[88px\] {
        width: 88px;
        height: 88px
    }

    .size-\[400px\] {
        width: 400px;
        height: 400px
    }

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

    .\!h-\[3\.8125rem\] {
        height: 3.8125rem !important
    }

    .h-\(--accordion-panel-height\) {
        height: var(--accordion-panel-height)
    }

    .h-2\.5 {
        height: calc(var(--spacing) * 2.5)
    }

    .h-3 {
        height: calc(var(--spacing) * 3)
    }

    .h-4 {
        height: calc(var(--spacing) * 4)
    }

    .h-5 {
        height: calc(var(--spacing) * 5)
    }

    .h-6 {
        height: calc(var(--spacing) * 6)
    }

    .h-7 {
        height: calc(var(--spacing) * 7)
    }

    .h-8 {
        height: calc(var(--spacing) * 8)
    }

    .h-9 {
        height: calc(var(--spacing) * 9)
    }

    .h-10 {
        height: calc(var(--spacing) * 10)
    }

    .h-11 {
        height: calc(var(--spacing) * 11)
    }

    .h-12 {
        height: calc(var(--spacing) * 12)
    }

    .h-14 {
        height: calc(var(--spacing) * 14)
    }

    .h-16 {
        height: calc(var(--spacing) * 16)
    }

    .h-24 {
        height: calc(var(--spacing) * 24)
    }

    .h-56 {
        height: calc(var(--spacing) * 56)
    }

    .h-64 {
        height: calc(var(--spacing) * 64)
    }

    .h-72 {
        height: calc(var(--spacing) * 72)
    }

    .h-80 {
        height: calc(var(--spacing) * 80)
    }

    .h-96 {
        height: calc(var(--spacing) * 96)
    }

    .h-127 {
        height: calc(var(--spacing) * 127)
    }

    .h-\[1\.875rem\] {
        height: 1.875rem
    }

    .h-\[3\.8125rem\] {
        height: 3.8125rem
    }

    .h-\[4\.25rem\] {
        height: 4.25rem
    }

    .h-\[7\.6875rem\] {
        height: 7.6875rem
    }

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

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

    .h-\[21\.25rem\] {
        height: 21.25rem
    }

    .h-\[23\.25rem\] {
        height: 23.25rem
    }

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

    .h-\[30\.753px\] {
        height: 30.753px
    }

    .h-\[34rem\] {
        height: 34rem
    }

    .h-\[38\%\] {
        height: 38%
    }

    .h-\[44rem\] {
        height: 44rem
    }

    .h-\[54rem\] {
        height: 54rem
    }

    .h-\[95\%\] {
        height: 95%
    }

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

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

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

    .h-\[calc\(1lh\+0\.17em\)\] {
        height: calc(1lh + .17em)
    }

    .h-\[calc\(100\%-1px\)\] {
        height: calc(100% - 1px)
    }

    .h-\[min\(78\%\,24rem\)\] {
        height: min(78%, 24rem)
    }

    .h-auto {
        height: auto
    }

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

    .h-fit {
        height: fit-content
    }

    .h-full {
        height: 100%
    }

    .h-px {
        height: 1px
    }

    .max-h-6 {
        max-height: calc(var(--spacing) * 6)
    }

    .max-h-10 {
        max-height: calc(var(--spacing) * 10)
    }

    .max-h-12 {
        max-height: calc(var(--spacing) * 12)
    }

    .max-h-14 {
        max-height: calc(var(--spacing) * 14)
    }

    .max-h-16 {
        max-height: calc(var(--spacing) * 16)
    }

    .max-h-60 {
        max-height: calc(var(--spacing) * 60)
    }

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

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

    .max-h-\[calc\(100dvh-6\.5rem\)\] {
        max-height: calc(100dvh - 6.5rem)
    }

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

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

    .\!min-h-\[3\.8125rem\] {
        min-height: 3.8125rem !important
    }

    .min-h-0 {
        min-height: calc(var(--spacing) * 0)
    }

    .min-h-5 {
        min-height: calc(var(--spacing) * 5)
    }

    .min-h-6 {
        min-height: calc(var(--spacing) * 6)
    }

    .min-h-7 {
        min-height: calc(var(--spacing) * 7)
    }

    .min-h-8 {
        min-height: calc(var(--spacing) * 8)
    }

    .min-h-10 {
        min-height: calc(var(--spacing) * 10)
    }

    .min-h-12 {
        min-height: calc(var(--spacing) * 12)
    }

    .min-h-14 {
        min-height: calc(var(--spacing) * 14)
    }

    .min-h-16 {
        min-height: calc(var(--spacing) * 16)
    }

    .min-h-31 {
        min-height: calc(var(--spacing) * 31)
    }

    .min-h-43 {
        min-height: calc(var(--spacing) * 43)
    }

    .min-h-44 {
        min-height: calc(var(--spacing) * 44)
    }

    .min-h-51\.5 {
        min-height: calc(var(--spacing) * 51.5)
    }

    .min-h-52 {
        min-height: calc(var(--spacing) * 52)
    }

    .min-h-56 {
        min-height: calc(var(--spacing) * 56)
    }

    .min-h-68 {
        min-height: calc(var(--spacing) * 68)
    }

    .min-h-75 {
        min-height: calc(var(--spacing) * 75)
    }

    .min-h-76 {
        min-height: calc(var(--spacing) * 76)
    }

    .min-h-78 {
        min-height: calc(var(--spacing) * 78)
    }

    .min-h-96 {
        min-height: calc(var(--spacing) * 96)
    }

    .min-h-112 {
        min-height: calc(var(--spacing) * 112)
    }

    .min-h-\[3\.75rem\] {
        min-height: 3.75rem
    }

    .min-h-\[6\.0625rem\] {
        min-height: 6.0625rem
    }

    .min-h-\[8\.4375rem\] {
        min-height: 8.4375rem
    }

    .min-h-\[12\.5rem\] {
        min-height: 12.5rem
    }

    .min-h-\[13\.75rem\] {
        min-height: 13.75rem
    }

    .min-h-\[15\.75rem\] {
        min-height: 15.75rem
    }

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

    .min-h-\[20rem\] {
        min-height: 20rem
    }

    .min-h-\[21\.25rem\] {
        min-height: 21.25rem
    }

    .min-h-\[22\.5rem\] {
        min-height: 22.5rem
    }

    .min-h-\[22rem\] {
        min-height: 22rem
    }

    .min-h-\[24\.875rem\] {
        min-height: 24.875rem
    }

    .min-h-\[24rem\] {
        min-height: 24rem
    }

    .min-h-\[25\.8125rem\] {
        min-height: 25.8125rem
    }

    .min-h-\[26\.0625rem\] {
        min-height: 26.0625rem
    }

    .min-h-\[26rem\] {
        min-height: 26rem
    }

    .min-h-\[28rem\] {
        min-height: 28rem
    }

    .min-h-\[29\.5rem\] {
        min-height: 29.5rem
    }

    .min-h-\[29\.8125rem\] {
        min-height: 29.8125rem
    }

    .min-h-\[29rem\] {
        min-height: 29rem
    }

    .min-h-\[30\.5625rem\] {
        min-height: 30.5625rem
    }

    .min-h-\[33\.5rem\] {
        min-height: 33.5rem
    }

    .min-h-\[34\.6875rem\] {
        min-height: 34.6875rem
    }

    .min-h-\[34rem\] {
        min-height: 34rem
    }

    .min-h-\[56\.25rem\] {
        min-height: 56.25rem
    }

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

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

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

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

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

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

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

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

    .min-h-\[inherit\] {
        min-height: inherit
    }

    .min-h-\[min\(72svh\,44rem\)\] {
        min-height: min(72svh, 44rem)
    }

    .min-h-\[min\(90vw\,600px\)\] {
        min-height: min(90vw, 600px)
    }

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

    .min-h-px {
        min-height: 1px
    }

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

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

    .w-1\/2 {
        width: 50%
    }

    .w-2\/5 {
        width: 40%
    }

    .w-3\/5 {
        width: 60%
    }

    .w-6 {
        width: calc(var(--spacing) * 6)
    }

    .w-7 {
        width: calc(var(--spacing) * 7)
    }

    .w-8 {
        width: calc(var(--spacing) * 8)
    }

    .w-9 {
        width: calc(var(--spacing) * 9)
    }

    .w-10 {
        width: calc(var(--spacing) * 10)
    }

    .w-11 {
        width: calc(var(--spacing) * 11)
    }

    .w-12 {
        width: calc(var(--spacing) * 12)
    }

    .w-16 {
        width: calc(var(--spacing) * 16)
    }

    .w-20 {
        width: calc(var(--spacing) * 20)
    }

    .w-24 {
        width: calc(var(--spacing) * 24)
    }

    .w-48 {
        width: calc(var(--spacing) * 48)
    }

    .w-56 {
        width: calc(var(--spacing) * 56)
    }

    .w-60 {
        width: calc(var(--spacing) * 60)
    }

    .w-72 {
        width: calc(var(--spacing) * 72)
    }

    .w-80 {
        width: calc(var(--spacing) * 80)
    }

    .w-96 {
        width: calc(var(--spacing) * 96)
    }

    .w-219\.75 {
        width: calc(var(--spacing) * 219.75)
    }

    .w-\[1\.875rem\] {
        width: 1.875rem
    }

    .w-\[2\.625rem\] {
        width: 2.625rem
    }

    .w-\[4\.5rem\] {
        width: 4.5rem
    }

    .w-\[4\.25rem\] {
        width: 4.25rem
    }

    .w-\[5\.5rem\] {
        width: 5.5rem
    }

    .w-\[9\.25rem\] {
        width: 9.25rem
    }

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

    .w-\[26\.57\%\] {
        width: 26.57%
    }

    .w-\[32\%\] {
        width: 32%
    }

    .w-\[34\%\] {
        width: 34%
    }

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

    .w-\[44rem\] {
        width: 44rem
    }

    .w-\[48\%\] {
        width: 48%
    }

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

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

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

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

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

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

    .w-\[calc\(50\%-0\.25rem\)\] {
        width: calc(50% - .25rem)
    }

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

    .w-\[clamp\(4\.75rem\,24vw\,6\.25rem\)\] {
        width: clamp(4.75rem, 24vw, 6.25rem)
    }

    .w-\[min\(22rem\,calc\(100\%-2rem\)\)\] {
        width: min(22rem, 100% - 2rem)
    }

    .w-\[min\(25\.8125rem\,calc\(100vw-3rem\)\)\]\! {
        width: min(25.8125rem, 100vw - 3rem) !important
    }

    .w-\[min\(28rem\,calc\(100vw-4rem\)\)\] {
        width: min(28rem, 100vw - 4rem)
    }

    .w-\[min\(30rem\,calc\(100vw-4rem\)\)\] {
        width: min(30rem, 100vw - 4rem)
    }

    .w-\[min\(32\.3125rem\,92vw\)\] {
        width: min(32.3125rem, 92vw)
    }

    .w-\[min\(56rem\,calc\(100vw-4rem\)\)\] {
        width: min(56rem, 100vw - 4rem)
    }

    .w-\[min\(64rem\,calc\(100vw-4rem\)\)\] {
        width: min(64rem, 100vw - 4rem)
    }

    .w-\[min\(70rem\,calc\(100vw-4rem\)\)\] {
        width: min(70rem, 100vw - 4rem)
    }

    .w-\[min\(73\.8vw\,66\.5rem\)\] {
        width: min(73.8vw, 66.5rem)
    }

    .w-\[min\(110\%\,42rem\)\] {
        width: min(110%, 42rem)
    }

    .w-\[min\(1393px\,140\%\)\] {
        width: min(1393px, 140%)
    }

    .w-\[min\(calc\(100vw-2rem\)\,39\.375rem\)\] {
        width: min(100vw - 2rem, 39.375rem)
    }

    .w-\[var\(--viktor-comparison-illustration-width\)\] {
        width: var(--viktor-comparison-illustration-width)
    }

    .w-auto {
        width: auto
    }

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

    .w-fit {
        width: fit-content
    }

    .w-full {
        width: 100%
    }

    .w-full\! {
        width: 100% !important
    }

    .w-max {
        width: max-content
    }

    .w-px {
        width: 1px
    }

    .w-screen {
        width: 100vw
    }

    .max-w-2xl {
        max-width: var(--container-2xl)
    }

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

    .max-w-3xl {
        max-width: var(--container-3xl)
    }

    .max-w-4xl {
        max-width: var(--container-4xl)
    }

    .max-w-5xl {
        max-width: var(--container-5xl)
    }

    .max-w-6xl {
        max-width: var(--container-6xl)
    }

    .max-w-7xl {
        max-width: var(--container-7xl)
    }

    .max-w-10 {
        max-width: calc(var(--spacing) * 10)
    }

    .max-w-12 {
        max-width: calc(var(--spacing) * 12)
    }

    .max-w-14 {
        max-width: calc(var(--spacing) * 14)
    }

    .max-w-40 {
        max-width: calc(var(--spacing) * 40)
    }

    .max-w-103\.5 {
        max-width: calc(var(--spacing) * 103.5)
    }

    .max-w-104 {
        max-width: calc(var(--spacing) * 104)
    }

    .max-w-120 {
        max-width: calc(var(--spacing) * 120)
    }

    .max-w-124 {
        max-width: calc(var(--spacing) * 124)
    }

    .max-w-136 {
        max-width: calc(var(--spacing) * 136)
    }

    .max-w-136\.75 {
        max-width: calc(var(--spacing) * 136.75)
    }

    .max-w-160 {
        max-width: calc(var(--spacing) * 160)
    }

    .max-w-266 {
        max-width: calc(var(--spacing) * 266)
    }

    .max-w-\[3\.75rem\] {
        max-width: 3.75rem
    }

    .max-w-\[4\.75rem\] {
        max-width: 4.75rem
    }

    .max-w-\[7\.55rem\] {
        max-width: 7.55rem
    }

    .max-w-\[9\.375rem\] {
        max-width: 9.375rem
    }

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

    .max-w-\[15\.0625rem\] {
        max-width: 15.0625rem
    }

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

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

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

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

    .max-w-\[21\.875rem\] {
        max-width: 21.875rem
    }

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

    .max-w-\[22\.375rem\] {
        max-width: 22.375rem
    }

    .max-w-\[22ch\] {
        max-width: 22ch
    }

    .max-w-\[25\.625rem\] {
        max-width: 25.625rem
    }

    .max-w-\[25\.875rem\] {
        max-width: 25.875rem
    }

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

    .max-w-\[27\.5rem\] {
        max-width: 27.5rem
    }

    .max-w-\[27\.125rem\] {
        max-width: 27.125rem
    }

    .max-w-\[28\.5rem\] {
        max-width: 28.5rem
    }

    .max-w-\[29\.375rem\] {
        max-width: 29.375rem
    }

    .max-w-\[29\.625rem\] {
        max-width: 29.625rem
    }

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

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

    .max-w-\[31\.125rem\] {
        max-width: 31.125rem
    }

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

    .max-w-\[32\.625rem\] {
        max-width: 32.625rem
    }

    .max-w-\[33\.375rem\] {
        max-width: 33.375rem
    }

    .max-w-\[34\.125rem\] {
        max-width: 34.125rem
    }

    .max-w-\[34\.1875rem\] {
        max-width: 34.1875rem
    }

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

    .max-w-\[35\.625rem\] {
        max-width: 35.625rem
    }

    .max-w-\[37\.625rem\] {
        max-width: 37.625rem
    }

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

    .max-w-\[39\.5rem\] {
        max-width: 39.5rem
    }

    .max-w-\[39\.375rem\] {
        max-width: 39.375rem
    }

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

    .max-w-\[40\.625rem\] {
        max-width: 40.625rem
    }

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

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

    .max-w-\[45\.375rem\] {
        max-width: 45.375rem
    }

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

    .max-w-\[46\.125rem\] {
        max-width: 46.125rem
    }

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

    .max-w-\[48\.5rem\] {
        max-width: 48.5rem
    }

    .max-w-\[48\.375rem\] {
        max-width: 48.375rem
    }

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

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

    .max-w-\[52\.875rem\] {
        max-width: 52.875rem
    }

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

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

    .max-w-\[55\.5rem\] {
        max-width: 55.5rem
    }

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

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

    .max-w-\[66\%\] {
        max-width: 66%
    }

    .max-w-\[66\.5rem\] {
        max-width: 66.5rem
    }

    .max-w-\[72\.625rem\] {
        max-width: 72.625rem
    }

    .max-w-\[72\.875rem\] {
        max-width: 72.875rem
    }

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

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

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

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

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

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

    .max-w-\[120\%\] {
        max-width: 120%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .max-w-\[min\(100\%\,18rem\)\] {
        max-width: min(100%, 18rem)
    }

    .max-w-\[min\(100\%\,24rem\)\] {
        max-width: min(100%, 24rem)
    }

    .max-w-\[min\(630px\,100\%\)\] {
        max-width: min(630px, 100%)
    }

    .max-w-\[var\(--viktor-comparison-illustration-width\)\] {
        max-width: var(--viktor-comparison-illustration-width)
    }

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

    .max-w-lg {
        max-width: var(--container-lg)
    }

    .max-w-md {
        max-width: var(--container-md)
    }

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

    .max-w-prose {
        max-width: 65ch
    }

    .max-w-sm {
        max-width: var(--container-sm)
    }

    .max-w-xl {
        max-width: var(--container-xl)
    }

    .min-w-0 {
        min-width: calc(var(--spacing) * 0)
    }

    .min-w-10 {
        min-width: calc(var(--spacing) * 10)
    }

    .min-w-16 {
        min-width: calc(var(--spacing) * 16)
    }

    .min-w-44 {
        min-width: calc(var(--spacing) * 44)
    }

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

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

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

    .\!flex-none {
        flex: none !important
    }

    .flex-1 {
        flex: 1
    }

    .flex-\[1_1_45\%\] {
        flex: 45%
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .grow {
        flex-grow: 1
    }

    .basis-0 {
        flex-basis: calc(var(--spacing) * 0)
    }

    .border-collapse {
        border-collapse: collapse
    }

    .origin-bottom-left {
        transform-origin: 0 100%
    }

    .origin-left {
        transform-origin: 0
    }

    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[6\%\] {
        --tw-translate-x: 6%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-x-\[12\%\] {
        --tw-translate-x: 12%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-0\.5 {
        --tw-translate-y: calc(var(--spacing) * -.5);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1 {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .-translate-y-2 {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[5\.5rem\] {
        --tw-translate-y: 5.5rem;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[8\%\] {
        --tw-translate-y: 8%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[18\%\] {
        --tw-translate-y: 18%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .translate-y-\[40\%\] {
        --tw-translate-y: 40%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .-scale-y-100 {
        --tw-scale-y: calc(100% * -1);
        scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .scale-\[1\.45\] {
        scale: 1.45
    }

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

    .rotate-180 {
        rotate: 180deg
    }

    .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }

    .transform-\[translateZ\(0\)\] {
        transform: translateZ(0)
    }

    .zoom-3232 {
        zoom: 3232%
    }

    .animate-pulse {
        animation: var(--animate-pulse)
    }

    .cursor-default {
        cursor: default
    }

    .cursor-pointer {
        cursor: pointer
    }

    .cursor-text {
        cursor: text
    }

    .touch-pan-y {
        --tw-pan-y: pan-y;
        touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, )
    }

    .resize {
        resize: both
    }

    .scroll-mt-4 {
        scroll-margin-top: calc(var(--spacing) * 4)
    }

    .scroll-mt-20 {
        scroll-margin-top: calc(var(--spacing) * 20)
    }

    .scroll-mt-24 {
        scroll-margin-top: calc(var(--spacing) * 24)
    }

    .scroll-mt-28 {
        scroll-margin-top: calc(var(--spacing) * 28)
    }

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

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

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

    .auto-rows-min {
        grid-auto-rows: min-content
    }

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

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

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

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

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

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

    .grid-cols-\[1fr_auto_1fr\] {
        grid-template-columns: 1fr auto 1fr
    }

    .grid-cols-\[6\.75rem_1fr_3rem\] {
        grid-template-columns: 6.75rem 1fr 3rem
    }

    .grid-cols-\[repeat\(3\,minmax\(0\,5\.375rem\)\)\] {
        grid-template-columns: repeat(3, minmax(0, 5.375rem))
    }

    .grid-rows-\[0fr\] {
        grid-template-rows: 0fr
    }

    .grid-rows-\[1fr\] {
        grid-template-rows: 1fr
    }

    .grid-rows-\[auto_1fr\] {
        grid-template-rows: auto 1fr
    }

    .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
    }

    .grid-rows-\[minmax\(0\,1fr\)\] {
        grid-template-rows: minmax(0, 1fr)
    }

    .grid-rows-\[minmax\(0\,1fr\)_auto\] {
        grid-template-rows: minmax(0, 1fr) auto
    }

    .flex-col {
        flex-direction: column
    }

    .flex-col-reverse {
        flex-direction: column-reverse
    }

    .flex-row {
        flex-direction: row
    }

    .flex-nowrap {
        flex-wrap: nowrap
    }

    .flex-wrap {
        flex-wrap: wrap
    }

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

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

    .items-baseline {
        align-items: baseline
    }

    .items-center {
        align-items: center
    }

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

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

    .items-stretch {
        align-items: stretch
    }

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

    .justify-center {
        justify-content: center
    }

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

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

    .gap-0 {
        gap: calc(var(--spacing) * 0)
    }

    .gap-1 {
        gap: calc(var(--spacing) * 1)
    }

    .gap-1\.5 {
        gap: calc(var(--spacing) * 1.5)
    }

    .gap-2 {
        gap: calc(var(--spacing) * 2)
    }

    .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
    }

    .gap-3 {
        gap: calc(var(--spacing) * 3)
    }

    .gap-3\.5 {
        gap: calc(var(--spacing) * 3.5)
    }

    .gap-4 {
        gap: calc(var(--spacing) * 4)
    }

    .gap-5 {
        gap: calc(var(--spacing) * 5)
    }

    .gap-6 {
        gap: calc(var(--spacing) * 6)
    }

    .gap-8 {
        gap: calc(var(--spacing) * 8)
    }

    .gap-10 {
        gap: calc(var(--spacing) * 10)
    }

    .gap-12 {
        gap: calc(var(--spacing) * 12)
    }

    .gap-14 {
        gap: calc(var(--spacing) * 14)
    }

    .gap-16 {
        gap: calc(var(--spacing) * 16)
    }

    .gap-20 {
        gap: calc(var(--spacing) * 20)
    }

    .gap-28 {
        gap: calc(var(--spacing) * 28)
    }

    .gap-\[2\.625rem\] {
        gap: 2.625rem
    }

    .gap-\[2px\] {
        gap: 2px
    }

    .gap-\[3\.825px\] {
        gap: 3.825px
    }

    .gap-\[4\.389px\] {
        gap: 4.389px
    }

    .gap-\[8\.786px\] {
        gap: 8.786px
    }

    .gap-\[9\.141px\] {
        gap: 9.141px
    }

    .gap-\[10\.5px\] {
        gap: 10.5px
    }

    .gap-\[10\.519px\] {
        gap: 10.519px
    }

    .gap-\[32px\] {
        gap: 32px
    }

    :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-4>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-8>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-10>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-12>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.space-y-16>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
    }

    .gap-x-1\.5 {
        column-gap: calc(var(--spacing) * 1.5)
    }

    .gap-x-2 {
        column-gap: calc(var(--spacing) * 2)
    }

    .gap-x-4 {
        column-gap: calc(var(--spacing) * 4)
    }

    .gap-x-5 {
        column-gap: calc(var(--spacing) * 5)
    }

    .gap-x-6 {
        column-gap: calc(var(--spacing) * 6)
    }

    .gap-x-8 {
        column-gap: calc(var(--spacing) * 8)
    }

    .gap-x-10 {
        column-gap: calc(var(--spacing) * 10)
    }

    .gap-y-0 {
        row-gap: calc(var(--spacing) * 0)
    }

    .gap-y-1 {
        row-gap: calc(var(--spacing) * 1)
    }

    .gap-y-2 {
        row-gap: calc(var(--spacing) * 2)
    }

    .gap-y-3 {
        row-gap: calc(var(--spacing) * 3)
    }

    .gap-y-4 {
        row-gap: calc(var(--spacing) * 4)
    }

    .gap-y-10 {
        row-gap: calc(var(--spacing) * 10)
    }

    :where(.divide-y>:not(:last-child)) {
        --tw-divide-y-reverse: 0;
        border-bottom-style: var(--tw-border-style);
        border-top-style: var(--tw-border-style);
        border-top-width: calc(1px * var(--tw-divide-y-reverse));
        border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.divide-primitive-main-grey\/20>:not(:last-child)) {
        border-color: var(--primitive-main-grey)
    }

    @supports (color:color-mix(in lab, red, red)) {
        :where(.divide-primitive-main-grey\/20>:not(:last-child)) {
            border-color: color-mix(in oklab, var(--primitive-main-grey) 20%, transparent)
        }
    }

    .self-center {
        align-self: center
    }

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

    .self-stretch {
        align-self: stretch
    }

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

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

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

    .overflow-auto {
        overflow: auto
    }

    .overflow-hidden {
        overflow: hidden
    }

    .overflow-visible {
        overflow: visible
    }

    .overflow-visible\! {
        overflow: visible !important
    }

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

    .overflow-x-clip {
        overflow-x: clip
    }

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

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

    .overscroll-contain {
        overscroll-behavior: contain
    }

    .slack-message-viktor {
        border-radius: var(--slack-viktor-radius);
        background-color: var(--slack-viktor-shell-bg);
        box-shadow: var(--slack-viktor-card-drop-shadow)
    }

    .rounded {
        border-radius: .875rem
    }

    .rounded-2xl {
        border-radius: calc(var(--radius) * 1.8)
    }

    .rounded-3xl {
        border-radius: calc(var(--radius) * 2.2)
    }

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

    .rounded-\[2rem\] {
        border-radius: 2rem
    }

    .rounded-\[4\.8px\] {
        border-radius: 4.8px
    }

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

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

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

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

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

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

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

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

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

    .rounded-\[28\%\] {
        border-radius: 28%
    }

    .rounded-\[32\%\] {
        border-radius: 32%
    }

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

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

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

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

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

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

    .rounded-\[var\(--radius-2xl\)\] {
        border-radius: var(--radius-2xl)
    }

    .rounded-\[var\(--radius-sm\)\] {
        border-radius: var(--radius-sm)
    }

    .rounded-full {
        border-radius: 999rem
    }

    .rounded-lg {
        border-radius: var(--radius)
    }

    .rounded-md {
        border-radius: calc(var(--radius) * .8)
    }

    .rounded-none {
        border-radius: 0
    }

    .rounded-none\! {
        border-radius: 0 !important
    }

    .rounded-section {
        border-radius: var(--radius-section)
    }

    .rounded-section\! {
        border-radius: var(--radius-section) !important
    }

    .rounded-sm {
        border-radius: calc(var(--radius) * .6)
    }

    .rounded-xl {
        border-radius: calc(var(--radius) * 1.4)
    }

    .rounded-t-\[16px\] {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px
    }

    .rounded-t-\[inherit\] {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .rounded-t-section {
        border-top-left-radius: var(--radius-section);
        border-top-right-radius: var(--radius-section)
    }

    .rounded-t-xl {
        border-top-left-radius: calc(var(--radius) * 1.4);
        border-top-right-radius: calc(var(--radius) * 1.4)
    }

    .rounded-tl-\[4px\] {
        border-top-left-radius: 4px
    }

    .rounded-tr-\[4px\] {
        border-top-right-radius: 4px
    }

    .rounded-tr-none {
        border-top-right-radius: 0
    }

    .rounded-b-\[24px\] {
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px
    }

    .rounded-b-section {
        border-bottom-right-radius: var(--radius-section);
        border-bottom-left-radius: var(--radius-section)
    }

    .rounded-b-xl {
        border-bottom-right-radius: calc(var(--radius) * 1.4);
        border-bottom-left-radius: calc(var(--radius) * 1.4)
    }

    .rounded-br-\[4px\] {
        border-bottom-right-radius: 4px
    }

    .rounded-br-\[16px\] {
        border-bottom-right-radius: 16px
    }

    .rounded-bl-none {
        border-bottom-left-radius: 0
    }

    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
    }

    .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
    }

    .border-\[1\.25px\] {
        border-style: var(--tw-border-style);
        border-width: 1.25px
    }

    .border-\[length\:var\(--border-main\)\] {
        border-style: var(--tw-border-style);
        border-width: var(--border-main)
    }

    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }

    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }

    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    .border-l-2 {
        border-left-style: var(--tw-border-style);
        border-left-width: 2px
    }

    .border-solid {
        --tw-border-style: solid;
        border-style: solid
    }

    .border-\[\#cccccc\] {
        border-color: #ccc
    }

    .border-\[\#e0e0e0\] {
        border-color: #e0e0e0
    }

    .border-\[\#f8f5f1\] {
        border-color: #f8f5f1
    }

    .border-\[\#fffefc\] {
        border-color: #fffefc
    }

    .border-\[rgb\(27_24_42\/0\.08\)\] {
        border-color: #1b182a14
    }

    .border-\[var\(--integrations-icon-tile-border\)\] {
        border-color: var(--integrations-icon-tile-border)
    }

    .border-black\/5 {
        border-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/5 {
            border-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }

    .border-black\/10 {
        border-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-black\/10 {
            border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
    }

    .border-btn-primary {
        border-color: var(--btn-primary-border)
    }

    .border-btn-secondary {
        border-color: var(--btn-secondary-border)
    }

    .border-eyebrow {
        border-color: var(--eyebrow-border)
    }

    .border-primary {
        border-color: var(--border-primary)
    }

    .border-primitive-main-dark,
    .border-primitive-main-dark\/10 {
        border-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-primitive-main-dark\/10 {
            border-color: color-mix(in oklab, var(--primitive-main-dark) 10%, transparent)
        }
    }

    .border-primitive-purple-200 {
        border-color: var(--primitive-purple-200)
    }

    .border-secondary {
        border-color: var(--border-secondary)
    }

    .border-tag {
        border-color: var(--tag-border)
    }

    .border-transparent {
        border-color: #0000
    }

    .border-white {
        border-color: var(--color-white)
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
            border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .border-white\/15 {
        border-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/15 {
            border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }

    .border-white\/18 {
        border-color: #ffffff2e
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/18 {
            border-color: color-mix(in oklab, var(--color-white) 18%, transparent)
        }
    }

    .border-white\/20 {
        border-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/20 {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }

    .border-white\/25 {
        border-color: #ffffff40
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/25 {
            border-color: color-mix(in oklab, var(--color-white) 25%, transparent)
        }
    }

    .border-white\/35 {
        border-color: #ffffff59
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/35 {
            border-color: color-mix(in oklab, var(--color-white) 35%, transparent)
        }
    }

    .border-white\/45 {
        border-color: #ffffff73
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/45 {
            border-color: color-mix(in oklab, var(--color-white) 45%, transparent)
        }
    }

    .border-white\/50 {
        border-color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/50 {
            border-color: color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }

    .gradient-ecommerce-hero {
        background-color: var(--primitive-main-dblue);
        background-image: var(--gradient-ecommerce-hero)
    }

    .slack-approval-approve {
        background-color: var(--slack-approval-approve-bg);
        color: var(--slack-approval-approve-text)
    }

    .slack-approval-reject {
        background-color: var(--slack-approval-reject-bg);
        color: var(--slack-approval-reject-text)
    }

    .\!bg-transparent {
        background-color: #0000 !important
    }

    .bg-\[\#1B182A\] {
        background-color: #1b182a
    }

    .bg-\[\#1a182b\]\/5 {
        background-color: #1a182b0d;
        background-color: lab(9.24779% 5.33869 -12.6429/.05)
    }

    .bg-\[\#1a182b\]\/12 {
        background-color: #1a182b1f;
        background-color: lab(9.24779% 5.33869 -12.6429/.12)
    }

    .bg-\[\#2fbf71\] {
        background-color: #2fbf71
    }

    .bg-\[\#5c28d7\]\/16 {
        background-color: #5c28d729;
        background-color: lab(34.0282% 54.4965 -81.7181/.16)
    }

    .bg-\[\#6e47ff\] {
        background-color: #6e47ff
    }

    .bg-\[\#43d08b\] {
        background-color: #43d08b
    }

    .bg-\[\#947FFF\] {
        background-color: #947fff
    }

    .bg-\[\#6748FD\] {
        background-color: #6748fd
    }

    .bg-\[\#9693a3\] {
        background-color: #9693a3
    }

    .bg-\[\#150079\] {
        background-color: #150079
    }

    .bg-\[\#333333\]\/20 {
        background-color: #3333;
        background-color: lab(21.2467% 0 0/.2)
    }

    .bg-\[\#FFBD9E\] {
        background-color: #ffbd9e
    }

    .bg-\[\#FFFFFF\] {
        background-color: #fff
    }

    .bg-\[\#c3d98b\] {
        background-color: #c3d98b
    }

    .bg-\[\#c7c2f0\] {
        background-color: #c7c2f0
    }

    .bg-\[\#cff2ff\] {
        background-color: #cff2ff
    }

    .bg-\[\#d2c6ff\] {
        background-color: #d2c6ff
    }

    .bg-\[\#eeeeed\] {
        background-color: #eeeeed
    }

    .bg-\[\#f5f5f5\] {
        background-color: #f5f5f5
    }

    .bg-\[\#faf5f1\] {
        background-color: #faf5f1
    }

    .bg-\[\#fce4d6\] {
        background-color: #fce4d6
    }

    .bg-\[\#ffbb98\] {
        background-color: #ffbb98
    }

    .bg-\[\#ffbb98\]\/15 {
        background-color: #ffbb9826;
        background-color: lab(81.7169% 22.1828 27.9232/.15)
    }

    .bg-\[\#ffbb98\]\/35 {
        background-color: #ffbb9859;
        background-color: lab(81.7169% 22.1828 27.9232/.35)
    }

    .bg-\[rgba\(26\,24\,42\,0\.05\)\] {
        background-color: #1a182a0d
    }

    .bg-\[rgba\(92\,40\,215\,0\.16\)\] {
        background-color: #5c28d729
    }

    .bg-\[rgba\(103\,72\,253\,0\.16\)\] {
        background-color: #6748fd29
    }

    .bg-\[rgba\(110\,71\,255\,0\.16\)\] {
        background-color: #6e47ff29
    }

    .bg-\[rgba\(208\,162\,201\,0\.16\)\] {
        background-color: #d0a2c929
    }

    .bg-\[rgba\(253\,188\,160\,0\.16\)\] {
        background-color: #fdbca029
    }

    .bg-\[var\(--slack-reaction-pill-bg\)\] {
        background-color: var(--slack-reaction-pill-bg)
    }

    .bg-accent-1 {
        background-color: var(--bg-accent-1)
    }

    .bg-black\/10 {
        background-color: #0000001a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-black\/10 {
            background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
    }

    .bg-brand-tag-initial {
        background-color: #e7e2ff
    }

    .bg-btn-primary {
        background-color: var(--btn-primary-bg)
    }

    .bg-btn-secondary {
        background-color: var(--btn-secondary-bg)
    }

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

    .bg-current {
        background-color: currentColor
    }

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

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

    .bg-primitive-main-beige,
    .bg-primitive-main-beige\/80 {
        background-color: var(--primitive-main-beige)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-main-beige\/80 {
            background-color: color-mix(in oklab, var(--primitive-main-beige) 80%, transparent)
        }
    }

    .bg-primitive-main-dark,
    .bg-primitive-main-dark\/4 {
        background-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-main-dark\/4 {
            background-color: color-mix(in oklab, var(--primitive-main-dark) 4%, transparent)
        }
    }

    .bg-primitive-main-dark\/10 {
        background-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-main-dark\/10 {
            background-color: color-mix(in oklab, var(--primitive-main-dark) 10%, transparent)
        }
    }

    .bg-primitive-main-dark\/\[0\.08\] {
        background-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-main-dark\/\[0\.08\] {
            background-color: color-mix(in oklab, var(--primitive-main-dark) 8%, transparent)
        }
    }

    .bg-primitive-main-grey,
    .bg-primitive-main-grey\/16 {
        background-color: var(--primitive-main-grey)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-main-grey\/16 {
            background-color: color-mix(in oklab, var(--primitive-main-grey) 16%, transparent)
        }
    }

    .bg-primitive-main-grey\/50 {
        background-color: var(--primitive-main-grey)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-main-grey\/50 {
            background-color: color-mix(in oklab, var(--primitive-main-grey) 50%, transparent)
        }
    }

    .bg-primitive-main-white {
        background-color: var(--primitive-main-white)
    }

    .bg-primitive-orange-500\/16 {
        background-color: var(--primitive-orange-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-orange-500\/16 {
            background-color: color-mix(in oklab, var(--primitive-orange-500) 16%, transparent)
        }
    }

    .bg-primitive-orange-700\/10 {
        background-color: var(--primitive-orange-700)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-orange-700\/10 {
            background-color: color-mix(in oklab, var(--primitive-orange-700) 10%, transparent)
        }
    }

    .bg-primitive-purple-50,
    .bg-primitive-purple-50\/50 {
        background-color: var(--primitive-purple-50)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-purple-50\/50 {
            background-color: color-mix(in oklab, var(--primitive-purple-50) 50%, transparent)
        }
    }

    .bg-primitive-purple-100 {
        background-color: var(--primitive-purple-100)
    }

    .bg-primitive-purple-500\/16 {
        background-color: var(--primitive-purple-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-primitive-purple-500\/16 {
            background-color: color-mix(in oklab, var(--primitive-purple-500) 16%, transparent)
        }
    }

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

    .bg-slack-app-badge {
        background-color: var(--slack-app-badge-bg)
    }

    .bg-slack-mention {
        background-color: var(--slack-mention-bg)
    }

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

    .bg-transparent {
        background-color: #0000
    }

    .bg-transparent\! {
        background-color: #0000 !important
    }

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

    .bg-white\/1 {
        background-color: #ffffff03
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/1 {
            background-color: color-mix(in oklab, var(--color-white) 1%, transparent)
        }
    }

    .bg-white\/8 {
        background-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/8 {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/10 {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .bg-white\/12 {
        background-color: #ffffff1f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/12 {
            background-color: color-mix(in oklab, var(--color-white) 12%, transparent)
        }
    }

    .bg-white\/15 {
        background-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/15 {
            background-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }

    .bg-white\/20 {
        background-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/20 {
            background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }

    .bg-white\/24 {
        background-color: #ffffff3d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/24 {
            background-color: color-mix(in oklab, var(--color-white) 24%, transparent)
        }
    }

    .bg-white\/30 {
        background-color: #ffffff4d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/30 {
            background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/70 {
            background-color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }

    .bg-white\/75 {
        background-color: #ffffffbf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/75 {
            background-color: color-mix(in oklab, var(--color-white) 75%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/80 {
            background-color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }

    .bg-white\/88 {
        background-color: #ffffffe0
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/88 {
            background-color: color-mix(in oklab, var(--color-white) 88%, transparent)
        }
    }

    .bg-white\/90 {
        background-color: #ffffffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/90 {
            background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }
    }

    .bg-linear-to-b {
        --tw-gradient-position: to bottom
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }

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

    .bg-linear-to-r {
        --tw-gradient-position: to right
    }

    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-r {
            --tw-gradient-position: to right in oklab
        }
    }

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

    .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-l {
        --tw-gradient-position: to left in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-gradient-to-t {
        --tw-gradient-position: to top in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
    }

    .bg-\[linear-gradient\(90deg\,rgba\(26\,24\,42\,0\.2\)_0\%\,rgba\(26\,24\,42\,0\)_100\%\)\] {
        background-image: linear-gradient(90deg, #1a182a33 0%, #1a182a00 100%)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(26\,24\,43\,0\)_0\%\,rgba\(26\,24\,43\,0\.12\)_100\%\)\] {
        background-image: linear-gradient(90deg, #1a182b00 0%, #1a182b1f 100%)
    }

    .bg-\[linear-gradient\(90deg\,rgba\(26\,24\,43\,0\.12\)_0\%\,rgba\(26\,24\,43\,0\)_100\%\)\] {
        background-image: linear-gradient(90deg, #1a182b1f 0%, #1a182b00 100%)
    }

    .bg-\[linear-gradient\(135deg\,rgb\(249_245_241\)_19\.749\%\,rgb\(255_254_252\)_100\.45\%\)\] {
        background-image: linear-gradient(135deg, #f9f5f1 19.749%, #fffefc 100.45%)
    }

    .bg-\[linear-gradient\(180deg\,rgba\(21\,0\,121\,0\)_0\%\,rgba\(21\,0\,121\,0\.86\)_100\%\)\] {
        background-image: linear-gradient(#15007900 0%, #150079db 100%)
    }

    .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,rgb\(110_71_255\/0\.34\)_0\%\,rgb\(158_132_255\/0\.24\)_42\%\,rgb\(250_245_241\/0\)_100\%\)\] {
        background-image: radial-gradient(50% 50%, #6e47ff57 0%, #9e84ff3d 42%, #faf5f100 100%)
    }

    .bg-\[radial-gradient\(60\%_60\%_at_70\%_60\%\,_rgba\(141\,108\,243\,0\.45\)\,_rgba\(141\,108\,243\,0\.18\)_45\%\,_transparent_75\%\)\] {
        background-image: radial-gradient(60% 60% at 70% 60%, #8d6cf373, #8d6cf32e 45%, #0000 75%)
    }

    .bg-\[radial-gradient\(ellipse_100\%_100\%_at_50\%_50\%\,transparent_0\%\,transparent_42\%\,rgba\(255\,255\,255\,0\.45\)_78\%\,rgb\(255_255_255\)_100\%\)\] {
        background-image: radial-gradient(100% 100%, #0000 0% 42%, #ffffff73 78%, #fff 100%)
    }

    .from-\[\#f9f5f1\] {
        --tw-gradient-from: #f9f5f1;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .from-\[rgba\(158\,132\,255\,0\)\] {
        --tw-gradient-from: #9e84ff00;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

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

    .to-\[\#fffefc\] {
        --tw-gradient-to: #fffefc;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[rgba\(158\,132\,255\,0\.24\)\] {
        --tw-gradient-to: #9e84ff3d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

    .to-\[var\(--primitive-main-white\)\] {
        --tw-gradient-to: var(--primitive-main-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }

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

    .bg-clip-padding {
        background-clip: padding-box
    }

    .bg-clip-text {
        -webkit-background-clip: text;
        background-clip: text
    }

    .object-contain {
        object-fit: contain
    }

    .object-cover {
        object-fit: cover
    }

    .object-bottom {
        object-position: bottom
    }

    .object-center {
        object-position: center
    }

    .object-right {
        object-position: right
    }

    .\!p-0 {
        padding: calc(var(--spacing) * 0) !important
    }

    .p-0 {
        padding: calc(var(--spacing) * 0)
    }

    .p-1 {
        padding: calc(var(--spacing) * 1)
    }

    .p-1\.5 {
        padding: calc(var(--spacing) * 1.5)
    }

    .p-2 {
        padding: calc(var(--spacing) * 2)
    }

    .p-2\.5 {
        padding: calc(var(--spacing) * 2.5)
    }

    .p-3 {
        padding: calc(var(--spacing) * 3)
    }

    .p-4 {
        padding: calc(var(--spacing) * 4)
    }

    .p-5 {
        padding: calc(var(--spacing) * 5)
    }

    .p-6 {
        padding: calc(var(--spacing) * 6)
    }

    .p-8 {
        padding: calc(var(--spacing) * 8)
    }

    .p-10 {
        padding: calc(var(--spacing) * 10)
    }

    .p-16 {
        padding: calc(var(--spacing) * 16)
    }

    .p-\[1\.0625rem\] {
        padding: 1.0625rem
    }

    .p-\[3px\] {
        padding: 3px
    }

    .p-\[8\%\] {
        padding: 8%
    }

    .p-\[24px\] {
        padding: 24px
    }

    .px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }

    .px-0\.5 {
        padding-inline: calc(var(--spacing) * .5)
    }

    .px-1 {
        padding-inline: calc(var(--spacing) * 1)
    }

    .px-1\.5 {
        padding-inline: calc(var(--spacing) * 1.5)
    }

    .px-2 {
        padding-inline: calc(var(--spacing) * 2)
    }

    .px-3 {
        padding-inline: calc(var(--spacing) * 3)
    }

    .px-4 {
        padding-inline: calc(var(--spacing) * 4)
    }

    .px-4\! {
        padding-inline: calc(var(--spacing) * 4) !important
    }

    .px-5 {
        padding-inline: calc(var(--spacing) * 5)
    }

    .px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }

    .px-10 {
        padding-inline: calc(var(--spacing) * 10)
    }

    .px-\[4\.8px\] {
        padding-inline: 4.8px
    }

    .px-\[4px\] {
        padding-inline: 4px
    }

    .px-\[6\.584px\] {
        padding-inline: 6.584px
    }

    .px-\[8\.786px\] {
        padding-inline: 8.786px
    }

    .px-\[8px\] {
        padding-inline: 8px
    }

    .px-\[15\.75px\] {
        padding-inline: 15.75px
    }

    .px-\[15\.789px\] {
        padding-inline: 15.789px
    }

    .px-\[18px\] {
        padding-inline: 18px
    }

    .px-\[20px\] {
        padding-inline: 20px
    }

    .px-\[var\(--slack-message-pad-x\)\] {
        padding-inline: var(--slack-message-pad-x)
    }

    .py-0 {
        padding-block: calc(var(--spacing) * 0)
    }

    .py-0\! {
        padding-block: calc(var(--spacing) * 0) !important
    }

    .py-0\.5 {
        padding-block: calc(var(--spacing) * .5)
    }

    .py-1 {
        padding-block: calc(var(--spacing) * 1)
    }

    .py-1\! {
        padding-block: calc(var(--spacing) * 1) !important
    }

    .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
    }

    .py-2 {
        padding-block: calc(var(--spacing) * 2)
    }

    .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
    }

    .py-3 {
        padding-block: calc(var(--spacing) * 3)
    }

    .py-4 {
        padding-block: calc(var(--spacing) * 4)
    }

    .py-5 {
        padding-block: calc(var(--spacing) * 5)
    }

    .py-6 {
        padding-block: calc(var(--spacing) * 6)
    }

    .py-8 {
        padding-block: calc(var(--spacing) * 8)
    }

    .py-10 {
        padding-block: calc(var(--spacing) * 10)
    }

    .py-10\! {
        padding-block: calc(var(--spacing) * 10) !important
    }

    .py-12 {
        padding-block: calc(var(--spacing) * 12)
    }

    .py-14 {
        padding-block: calc(var(--spacing) * 14)
    }

    .py-16 {
        padding-block: calc(var(--spacing) * 16)
    }

    .py-16\! {
        padding-block: calc(var(--spacing) * 16) !important
    }

    .py-20 {
        padding-block: calc(var(--spacing) * 20)
    }

    .py-28 {
        padding-block: calc(var(--spacing) * 28)
    }

    .py-\[2px\] {
        padding-block: 2px
    }

    .py-\[4\.389px\] {
        padding-block: 4.389px
    }

    .py-\[4px\] {
        padding-block: 4px
    }

    .py-\[10px\] {
        padding-block: 10px
    }

    .py-\[24px\] {
        padding-block: 24px
    }

    .py-\[var\(--slack-message-pad-y\)\] {
        padding-block: var(--slack-message-pad-y)
    }

    .py-px {
        padding-block: 1px
    }

    .hero-page-stack-pt {
        padding-top: calc(var(--spacing) * 32)
    }

    @media (min-width:48rem) {
        .hero-page-stack-pt {
            padding-top: calc(var(--spacing) * 36)
        }
    }

    @media (min-width:64rem) {
        .hero-page-stack-pt {
            padding-top: calc(var(--spacing) * 44)
        }
    }

    .pt-0 {
        padding-top: calc(var(--spacing) * 0)
    }

    .pt-2 {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-3 {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4 {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-6 {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-8 {
        padding-top: calc(var(--spacing) * 8)
    }

    .pt-10 {
        padding-top: calc(var(--spacing) * 10)
    }

    .pt-12 {
        padding-top: calc(var(--spacing) * 12)
    }

    .pt-14 {
        padding-top: calc(var(--spacing) * 14)
    }

    .pt-16 {
        padding-top: calc(var(--spacing) * 16)
    }

    .pt-20 {
        padding-top: calc(var(--spacing) * 20)
    }

    .pt-36 {
        padding-top: calc(var(--spacing) * 36)
    }

    .pt-\[8\.224px\] {
        padding-top: 8.224px
    }

    .pt-\[12px\] {
        padding-top: 12px
    }

    .pt-\[13\.18px\] {
        padding-top: 13.18px
    }

    .pt-\[23px\] {
        padding-top: 23px
    }

    .pt-\[49px\] {
        padding-top: 49px
    }

    .pr-3 {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4 {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5 {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6 {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-10 {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-\[10\.983px\] {
        padding-right: 10.983px
    }

    .pr-\[14px\] {
        padding-right: 14px
    }

    .pr-\[15\.75px\] {
        padding-right: 15.75px
    }

    .pr-\[17\.573px\] {
        padding-right: 17.573px
    }

    .pr-\[72px\] {
        padding-right: 72px
    }

    .pr-\[var\(--viktor-comparison-illustration-width\)\] {
        padding-right: var(--viktor-comparison-illustration-width)
    }

    .pb-0 {
        padding-bottom: calc(var(--spacing) * 0)
    }

    .pb-1 {
        padding-bottom: calc(var(--spacing) * 1)
    }

    .pb-2 {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5 {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-3 {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4 {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-6 {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-8 {
        padding-bottom: calc(var(--spacing) * 8)
    }

    .pb-10 {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-12 {
        padding-bottom: calc(var(--spacing) * 12)
    }

    .pb-14 {
        padding-bottom: calc(var(--spacing) * 14)
    }

    .pb-16 {
        padding-bottom: calc(var(--spacing) * 16)
    }

    .pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
    }

    .pb-28 {
        padding-bottom: calc(var(--spacing) * 28)
    }

    .pb-52 {
        padding-bottom: calc(var(--spacing) * 52)
    }

    .pb-80 {
        padding-bottom: calc(var(--spacing) * 80)
    }

    .pb-\[0\.12em\] {
        padding-bottom: .12em
    }

    .pb-\[0\.18em\] {
        padding-bottom: .18em
    }

    .pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }

    .pl-1\.5 {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-3 {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6 {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-8 {
        padding-left: calc(var(--spacing) * 8)
    }

    .pl-\[8\.786px\] {
        padding-left: 8.786px
    }

    .pl-\[13\.18px\] {
        padding-left: 13.18px
    }

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

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

    .text-center {
        text-align: center
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .align-baseline {
        vertical-align: baseline
    }

    .align-bottom {
        vertical-align: bottom
    }

    .align-middle {
        vertical-align: middle
    }

    .align-top {
        vertical-align: top
    }

    .font-heading {
        font-family: UlmGrotesk, Gellix, ui-sans-serif, sans-serif
    }

    .font-sans {
        font-family: Gellix, ui-sans-serif, system-ui, sans-serif
    }

    .body-large {
        font-size: var(--typo-body-large-size);
        line-height: var(--typo-body-large-leading);
        letter-spacing: var(--typo-body-large-tracking);
        color: var(--typo-body-large-color);
        font-weight: 500
    }

    .body-main {
        font-size: var(--typo-body-main-size);
        line-height: var(--typo-body-main-leading);
        letter-spacing: var(--typo-body-main-tracking);
        color: var(--typo-body-main-color);
        font-weight: 500
    }

    .body-medium {
        font-size: var(--typo-body-medium-size);
        line-height: var(--typo-body-medium-leading);
        letter-spacing: var(--typo-body-medium-tracking);
        color: var(--typo-body-medium-color);
        font-weight: 500
    }

    .body-small {
        font-size: var(--typo-body-small-size);
        line-height: var(--typo-body-small-leading);
        letter-spacing: var(--typo-body-small-tracking);
        color: var(--typo-body-small-color);
        font-weight: 500
    }

    .body-tiny {
        font-size: var(--typo-body-tiny-size);
        line-height: var(--typo-body-tiny-leading);
        letter-spacing: var(--typo-body-tiny-tracking);
        color: var(--typo-body-tiny-color);
        font-weight: 500
    }

    .h1 {
        font-size: var(--typo-h1-size);
        line-height: var(--typo-h1-leading);
        letter-spacing: var(--typo-h1-tracking);
        color: var(--typo-h1-color)
    }

    .h2 {
        font-size: var(--typo-h2-size);
        line-height: var(--typo-h2-leading);
        letter-spacing: var(--typo-h2-tracking);
        color: var(--typo-h2-color)
    }

    .h3 {
        font-size: var(--typo-h3-size);
        line-height: var(--typo-h3-leading);
        letter-spacing: var(--typo-h3-tracking);
        color: var(--typo-h3-color)
    }

    .h4 {
        font-size: var(--typo-h4-size);
        line-height: var(--typo-h4-leading);
        letter-spacing: var(--typo-h4-tracking);
        color: var(--typo-h4-color)
    }

    .h5 {
        font-size: var(--typo-h5-size);
        line-height: var(--typo-h5-leading);
        letter-spacing: var(--typo-h5-tracking);
        color: var(--typo-h5-color)
    }

    .h6 {
        font-size: var(--typo-h6-size);
        line-height: var(--typo-h6-leading);
        letter-spacing: var(--typo-h6-tracking);
        color: var(--typo-h6-color)
    }

    .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }

    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }

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

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

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

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

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

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

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

    .text-\[13\.168px\] {
        font-size: 13.168px
    }

    .text-\[13\.703px\] {
        font-size: 13.703px
    }

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

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

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

    .text-\[16\.47px\] {
        font-size: 16.47px
    }

    .text-\[16\.443px\] {
        font-size: 16.443px
    }

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

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

    .text-\[19\.4px\] {
        font-size: 19.4px
    }

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

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

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

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

    .text-\[clamp\(5\.5rem\,18vw\,11rem\)\] {
        font-size: clamp(5.5rem, 18vw, 11rem)
    }

    .text-\[length\:var\(--typo-body-main-size\)\] {
        font-size: var(--typo-body-main-size)
    }

    .text-\[length\:var\(--typo-body-tiny-size\)\] {
        font-size: var(--typo-body-tiny-size)
    }

    .leading-4 {
        --tw-leading: calc(var(--spacing) * 4);
        line-height: calc(var(--spacing) * 4)
    }

    .leading-5 {
        --tw-leading: calc(var(--spacing) * 5);
        line-height: calc(var(--spacing) * 5)
    }

    .leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
    }

    .leading-7 {
        --tw-leading: calc(var(--spacing) * 7);
        line-height: calc(var(--spacing) * 7)
    }

    .leading-8 {
        --tw-leading: calc(var(--spacing) * 8);
        line-height: calc(var(--spacing) * 8)
    }

    .leading-\[0\.88\] {
        --tw-leading: .88;
        line-height: .88
    }

    .leading-\[0\.98\] {
        --tw-leading: .98;
        line-height: .98
    }

    .leading-\[1\.1\] {
        --tw-leading: 1.1;
        line-height: 1.1
    }

    .leading-\[1\.02\] {
        --tw-leading: 1.02;
        line-height: 1.02
    }

    .leading-\[1\.2\] {
        --tw-leading: 1.2;
        line-height: 1.2
    }

    .leading-\[1\.3\] {
        --tw-leading: 1.3;
        line-height: 1.3
    }

    .leading-\[1\.4\] {
        --tw-leading: 1.4;
        line-height: 1.4
    }

    .leading-\[1\.05\] {
        --tw-leading: 1.05;
        line-height: 1.05
    }

    .leading-\[1\.25\] {
        --tw-leading: 1.25;
        line-height: 1.25
    }

    .leading-\[17\.557px\] {
        --tw-leading: 17.557px;
        line-height: 17.557px
    }

    .leading-\[var\(--typo-body-main-leading\)\] {
        --tw-leading: var(--typo-body-main-leading);
        line-height: var(--typo-body-main-leading)
    }

    .leading-\[var\(--typo-body-tiny-leading\)\] {
        --tw-leading: var(--typo-body-tiny-leading);
        line-height: var(--typo-body-tiny-leading)
    }

    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }

    .leading-normal {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal)
    }

    .leading-relaxed {
        --tw-leading: var(--leading-relaxed);
        line-height: var(--leading-relaxed)
    }

    .leading-snug {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug)
    }

    .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
    }

    .text-slack {
        color: var(--slack-text);
        font-weight: 400
    }

    .text-slack-secondary {
        color: var(--slack-text-secondary);
        font-weight: 400
    }

    .\!font-normal {
        --tw-font-weight: var(--font-weight-normal) !important;
        font-weight: var(--font-weight-normal) !important
    }

    .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
    }

    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
    }

    .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .tracking-\[-0\.01em\] {
        --tw-tracking: -.01em;
        letter-spacing: -.01em
    }

    .tracking-\[-0\.02em\] {
        --tw-tracking: -.02em;
        letter-spacing: -.02em
    }

    .tracking-\[-0\.03em\] {
        --tw-tracking: -.03em;
        letter-spacing: -.03em
    }

    .tracking-\[-0\.04em\] {
        --tw-tracking: -.04em;
        letter-spacing: -.04em
    }

    .tracking-\[-0\.06em\] {
        --tw-tracking: -.06em;
        letter-spacing: -.06em
    }

    .tracking-\[-0\.12rem\] {
        --tw-tracking: -.12rem;
        letter-spacing: -.12rem
    }

    .tracking-\[-0\.14px\] {
        --tw-tracking: -.14px;
        letter-spacing: -.14px
    }

    .tracking-\[-0\.26px\] {
        --tw-tracking: -.26px;
        letter-spacing: -.26px
    }

    .tracking-\[-0\.58px\] {
        --tw-tracking: -.58px;
        letter-spacing: -.58px
    }

    .tracking-\[-2\.4px\] {
        --tw-tracking: -2.4px;
        letter-spacing: -2.4px
    }

    .tracking-\[0\.01em\] {
        --tw-tracking: .01em;
        letter-spacing: .01em
    }

    .tracking-\[0\.08em\] {
        --tw-tracking: .08em;
        letter-spacing: .08em
    }

    .tracking-\[0\] {
        --tw-tracking: 0;
        letter-spacing: 0
    }

    .tracking-\[var\(--typo-body-main-tracking\)\] {
        --tw-tracking: var(--typo-body-main-tracking);
        letter-spacing: var(--typo-body-main-tracking)
    }

    .tracking-\[var\(--typo-body-tiny-tracking\)\] {
        --tw-tracking: var(--typo-body-tiny-tracking);
        letter-spacing: var(--typo-body-tiny-tracking)
    }

    .tracking-normal {
        --tw-tracking: var(--tracking-normal);
        letter-spacing: var(--tracking-normal)
    }

    .tracking-tight {
        --tw-tracking: var(--tracking-tight);
        letter-spacing: var(--tracking-tight)
    }

    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }

    .text-balance {
        text-wrap: balance
    }

    .text-pretty {
        text-wrap: pretty
    }

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

    .wrap-anywhere {
        overflow-wrap: anywhere
    }

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

    .whitespace-normal {
        white-space: normal
    }

    .whitespace-nowrap {
        white-space: nowrap
    }

    .whitespace-pre-line {
        white-space: pre-line
    }

    .\!text-primitive-main-dark {
        color: var(--primitive-main-dark) !important
    }

    .\!text-primitive-main-grey {
        color: var(--primitive-main-grey) !important
    }

    .text-\(--text-accent-1\,\#6E47FF\) {
        color: var(--text-accent-1, #6e47ff)
    }

    .text-\[\#00a1e0\] {
        color: #00a1e0
    }

    .text-\[\#1B182A33\] {
        color: #1b182a33
    }

    .text-\[\#1a182b\] {
        color: #1a182b
    }

    .text-\[\#4d382e\] {
        color: #4d382e
    }

    .text-\[\#4e32b5\] {
        color: #4e32b5
    }

    .text-\[\#5b5fc7\] {
        color: #5b5fc7
    }

    .text-\[\#5c28d7\] {
        color: #5c28d7
    }

    .text-\[\#6e47ff\] {
        color: #6e47ff
    }

    .text-\[\#343f23\] {
        color: #343f23
    }

    .text-\[\#6748fd\] {
        color: #6748fd
    }

    .text-\[\#9693A3\] {
        color: #9693a3
    }

    .text-\[\#242424\] {
        color: #242424
    }

    .text-\[\#262219\] {
        color: #262219
    }

    .text-\[\#292737\] {
        color: #292737
    }

    .text-\[\#363260\] {
        color: #363260
    }

    .text-\[\#424242\] {
        color: #424242
    }

    .text-\[\#616161\] {
        color: #616161
    }

    .text-\[\#a37f9e\] {
        color: #a37f9e
    }

    .text-\[\#cc9881\] {
        color: #cc9881
    }

    .text-\[\#f1edff\] {
        color: #f1edff
    }

    .text-\[\#ffbb98\] {
        color: #ffbb98
    }

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

    .text-\[var\(--slack-add-reaction-icon\)\] {
        color: var(--slack-add-reaction-icon)
    }

    .text-accent-1 {
        color: var(--text-accent-1)
    }

    .text-accent-2 {
        color: var(--text-accent-2)
    }

    .text-black {
        color: var(--color-black)
    }

    .text-black\/50 {
        color: #00000080
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-black\/50 {
            color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .text-black\/60 {
            color: color-mix(in oklab, var(--color-black) 60%, transparent)
        }
    }

    .text-black\/70 {
        color: #000000b3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-black\/70 {
            color: color-mix(in oklab, var(--color-black) 70%, transparent)
        }
    }

    .text-btn-primary {
        color: var(--btn-primary-text)
    }

    .text-btn-secondary {
        color: var(--btn-secondary-text)
    }

    .text-contrast {
        color: var(--text-contrast)
    }

    .text-contrast\! {
        color: var(--text-contrast) !important
    }

    .text-current {
        color: currentColor
    }

    .text-eyebrow {
        color: var(--eyebrow-text)
    }

    .text-icon-primary {
        color: var(--icon-primary)
    }

    .text-inherit {
        color: inherit
    }

    .text-primary {
        color: var(--text-primary)
    }

    .text-primitive-main-dark,
    .text-primitive-main-dark\/45 {
        color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primitive-main-dark\/45 {
            color: color-mix(in oklab, var(--primitive-main-dark) 45%, transparent)
        }
    }

    .text-primitive-main-dark\/60 {
        color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primitive-main-dark\/60 {
            color: color-mix(in oklab, var(--primitive-main-dark) 60%, transparent)
        }
    }

    .text-primitive-main-dblue {
        color: var(--primitive-main-dblue)
    }

    .text-primitive-main-grey {
        color: var(--primitive-main-grey)
    }

    .text-primitive-main-white,
    .text-primitive-main-white\/75 {
        color: var(--primitive-main-white)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primitive-main-white\/75 {
            color: color-mix(in oklab, var(--primitive-main-white) 75%, transparent)
        }
    }

    .text-primitive-main-white\/85 {
        color: var(--primitive-main-white)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-primitive-main-white\/85 {
            color: color-mix(in oklab, var(--primitive-main-white) 85%, transparent)
        }
    }

    .text-primitive-orange-500 {
        color: var(--primitive-orange-500)
    }

    .text-primitive-orange-700 {
        color: var(--primitive-orange-700)
    }

    .text-primitive-purple-50 {
        color: var(--primitive-purple-50)
    }

    .text-primitive-purple-400 {
        color: var(--primitive-purple-400)
    }

    .text-primitive-purple-700 {
        color: var(--primitive-purple-700)
    }

    .text-secondary {
        color: var(--text-secondary)
    }

    .text-slack-app-badge {
        color: var(--slack-app-badge-text)
    }

    .text-slack-mention {
        color: var(--slack-mention-text)
    }

    .text-slack-reaction-pill {
        color: var(--slack-reaction-pill-text)
    }

    .text-tag {
        color: var(--tag-text)
    }

    .text-transparent {
        color: #0000
    }

    .text-white {
        color: var(--color-white)
    }

    .text-white\! {
        color: var(--color-white) !important
    }

    .text-white\/40 {
        color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/40 {
            color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }

    .text-white\/45 {
        color: #ffffff73
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/45 {
            color: color-mix(in oklab, var(--color-white) 45%, transparent)
        }
    }

    .text-white\/50 {
        color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
            color: color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }

    .text-white\/55 {
        color: #ffffff8c
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/55 {
            color: color-mix(in oklab, var(--color-white) 55%, transparent)
        }
    }

    .text-white\/60 {
        color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/60 {
            color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
            color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
    }

    .text-white\/75 {
        color: #ffffffbf
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/75 {
            color: color-mix(in oklab, var(--color-white) 75%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/80 {
            color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
    }

    .text-white\/90 {
        color: #ffffffe6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/90 {
            color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }
    }

    .uppercase {
        text-transform: uppercase
    }

    .italic {
        font-style: italic
    }

    .not-italic {
        font-style: normal
    }

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

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

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

    .underline {
        text-decoration-line: underline
    }

    .decoration-solid {
        text-decoration-style: solid
    }

    .decoration-from-font {
        text-decoration-thickness: from-font
    }

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

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

    .underline-offset-auto {
        text-underline-offset: auto
    }

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

    .accent-primitive-purple-500 {
        accent-color: var(--primitive-purple-500)
    }

    .\[color-scheme\:light\] {
        --lightningcss-light: initial;
        --lightningcss-dark: ;
        color-scheme: light
    }

    .opacity-0 {
        opacity: 0
    }

    .opacity-5 {
        opacity: .05
    }

    .opacity-15 {
        opacity: .15
    }

    .opacity-20 {
        opacity: .2
    }

    .opacity-30 {
        opacity: .3
    }

    .opacity-40 {
        opacity: .4
    }

    .opacity-45 {
        opacity: .45
    }

    .opacity-50 {
        opacity: .5
    }

    .opacity-60 {
        opacity: .6
    }

    .opacity-70 {
        opacity: .7
    }

    .opacity-75 {
        opacity: .75
    }

    .opacity-80 {
        opacity: .8
    }

    .opacity-90 {
        opacity: .9
    }

    .opacity-100 {
        opacity: 1
    }

    .opacity-\[0\.14\] {
        opacity: .14
    }

    .mix-blend-luminosity {
        mix-blend-mode: luminosity
    }

    .mix-blend-plus-lighter {
        mix-blend-mode: plus-lighter
    }

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

    .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[-4px_0_10px_2px_rgba\(26\,24\,41\,0\.07\)\] {
        --tw-shadow: -4px 0 10px 2px var(--tw-shadow-color, #1a182912);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.32\)\,0_0_24px_rgba\(255\,255\,255\,0\.2\)\] {
        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff52), 0 0 24px var(--tw-shadow-color, #fff3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0_6px_var\(--bg-primary\)\] {
        --tw-shadow: 0 0 0 6px var(--tw-shadow-color, var(--bg-primary));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_0_24px_var\(--bg-primary\)\] {
        --tw-shadow: 0 0 0 24px var(--tw-shadow-color, var(--bg-primary));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_16px_8px_rgba\(46\,30\,107\,0\.04\)\] {
        --tw-shadow: 0 0 16px 8px var(--tw-shadow-color, #2e1e6b0a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_0_24px_rgb\(255_255_255\/0\.35\)\] {
        --tw-shadow: 0 0 24px var(--tw-shadow-color, #ffffff59);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_2px_4px_0_rgb\(26_24_42\/4\%\)\,0_32px_64px_0_rgb\(26_24_42\/8\%\)\] {
        --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, #1a182a0a), 0 32px 64px 0 var(--tw-shadow-color, #1a182a14);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_8px_16px_0_rgb\(26_24_41\/6\%\)\,inset_1\.8px_1\.8px_3\.6px_0_\#f5f1ed\] {
        --tw-shadow: 0 8px 16px 0 var(--tw-shadow-color, #1a18290f), inset 1.8px 1.8px 3.6px 0 var(--tw-shadow-color, #f5f1ed);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_10px_20px_rgba\(26\,24\,41\,0\.06\)\] {
        --tw-shadow: 0 10px 20px var(--tw-shadow-color, #1a18290f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_12px_28px_rgba\(255\,255\,255\,0\.58\)\] {
        --tw-shadow: 0 12px 28px var(--tw-shadow-color, #ffffff94);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_12px_40px_-12px_rgba\(26\,24\,41\,0\.2\)\] {
        --tw-shadow: 0 12px 40px -12px var(--tw-shadow-color, #1a182933);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_16px_24px_rgb\(26_24_41\/0\.08\)\] {
        --tw-shadow: 0 16px 24px var(--tw-shadow-color, #1a182914);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_16px_32px_0_rgba\(26\,24\,41\,0\.16\)\] {
        --tw-shadow: 0 16px 32px 0 var(--tw-shadow-color, #1a182929);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_16px_32px_rgba\(26\,24\,41\,0\.16\)\] {
        --tw-shadow: 0 16px 32px var(--tw-shadow-color, #1a182929);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_16px_40px_rgb\(110_71_255\/0\.35\)\] {
        --tw-shadow: 0 16px 40px var(--tw-shadow-color, #6e47ff59);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_16px_48px_rgb\(26_24_41\/18\%\)\] {
        --tw-shadow: 0 16px 48px var(--tw-shadow-color, #1a18292e);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_20px_48px_rgba\(26\,24\,43\,0\.14\)\] {
        --tw-shadow: 0 20px 48px var(--tw-shadow-color, #1a182b24);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0_22px_80px_rgb\(255_255_255\/0\.28\)\] {
        --tw-shadow: 0 22px 80px var(--tw-shadow-color, #ffffff47);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_16px_0px_rgba\(46\,30\,107\,0\.04\)\] {
        --tw-shadow: 0px 0px 16px 0px var(--tw-shadow-color, #2e1e6b0a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_0px_16px_8px_rgba\(46\,30\,107\,0\.04\)\] {
        --tw-shadow: 0px 0px 16px 8px var(--tw-shadow-color, #2e1e6b0a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_16px_32px_-12px_rgba\(26\,24\,41\,0\.14\)\] {
        --tw-shadow: 0px 16px 32px -12px var(--tw-shadow-color, #1a182924);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[0px_40px_80px_-24px_rgba\(26\,24\,41\,0\.35\)\] {
        --tw-shadow: 0px 40px 80px -24px var(--tw-shadow-color, #1a182959);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.1\)\] {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff1a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.12\)\] {
        --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff1f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_8px_rgba\(255\,255\,255\,0\.2\)\] {
        --tw-shadow: inset 0 0 8px var(--tw-shadow-color, #fff3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_10px_\#d2c6ff\] {
        --tw-shadow: inset 0 0 10px var(--tw-shadow-color, #d2c6ff);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0_0_32px_0_rgba\(255\,255\,255\,0\.64\)\] {
        --tw-shadow: inset 0 0 32px 0 var(--tw-shadow-color, #ffffffa3);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_0px_0px_21\.5px_0px_rgba\(120\,83\,255\,0\.3\)\] {
        --tw-shadow: inset 0px 0px 21.5px 0px var(--tw-shadow-color, #7853ff4d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_1\.8px_1\.8px_3\.6px_0_\#f5f1ed\] {
        --tw-shadow: inset 1.8px 1.8px 3.6px 0 var(--tw-shadow-color, #f5f1ed);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_2\.7px_2\.7px_1\.35px_-2\.7px_white\,inset_-2\.7px_-2\.7px_1\.35px_-2\.7px_white\,inset_0_0_8px_rgb\(255_255_255\/50\%\)\,inset_0_0_43px_\#f2f2f2\] {
        --tw-shadow: inset 2.7px 2.7px 1.35px -2.7px var(--tw-shadow-color, white), inset -2.7px -2.7px 1.35px -2.7px var(--tw-shadow-color, white), inset 0 0 8px var(--tw-shadow-color, #ffffff80), inset 0 0 43px var(--tw-shadow-color, #f2f2f2);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-\[inset_2\.702px_2\.702px_1\.351px_-2\.702px_white\,inset_-2\.702px_-2\.702px_1\.351px_-2\.702px_white\,inset_0_0_8\.106px_rgba\(255\,255\,255\,0\.5\)\,inset_0_0_43\.232px_\#f2f2f2\] {
        --tw-shadow: inset 2.702px 2.702px 1.351px -2.702px var(--tw-shadow-color, white), inset -2.702px -2.702px 1.351px -2.702px var(--tw-shadow-color, white), inset 0 0 8.106px var(--tw-shadow-color, #ffffff80), inset 0 0 43.232px var(--tw-shadow-color, #f2f2f2);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-inner {
        --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

    .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

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

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

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

    .shadow-nav {
        box-shadow: 0 0 16px 8px #2e1e6b0a
    }

    .ring-\[color\:var\(--slack-reaction-pill-active-ring\)\] {
        --tw-ring-color: var(--slack-reaction-pill-active-ring)
    }

    .ring-black\/5 {
        --tw-ring-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-black\/5 {
            --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }

    .ring-primitive-main-dark\/8 {
        --tw-ring-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-primitive-main-dark\/8 {
            --tw-ring-color: color-mix(in oklab, var(--primitive-main-dark) 8%, transparent)
        }
    }

    .ring-primitive-main-dark\/10 {
        --tw-ring-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-primitive-main-dark\/10 {
            --tw-ring-color: color-mix(in oklab, var(--primitive-main-dark) 10%, transparent)
        }
    }

    .ring-white\/10 {
        --tw-ring-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/10 {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .ring-white\/15 {
        --tw-ring-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/15 {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }

    .ring-white\/50 {
        --tw-ring-color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .ring-white\/50 {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }

    .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .outline-2028 {
        outline-style: var(--tw-outline-style);
        outline-width: 2028px
    }

    .blur {
        --tw-blur: blur(8px);
        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, )
    }

    .blur-3xl {
        --tw-blur: blur(var(--blur-3xl));
        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, )
    }

    .blur-\[4px\] {
        --tw-blur: blur(4px);
        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, )
    }

    .blur-\[15px\] {
        --tw-blur: blur(15px);
        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, )
    }

    .blur-\[20px\] {
        --tw-blur: blur(20px);
        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, )
    }

    .blur-\[80px\] {
        --tw-blur: blur(80px);
        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, )
    }

    .blur-\[120px\] {
        --tw-blur: blur(120px);
        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, )
    }

    .blur-md {
        --tw-blur: blur(var(--blur-md));
        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, )
    }

    .blur-xs {
        --tw-blur: blur(var(--blur-xs));
        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, )
    }

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

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

    .invert {
        --tw-invert: invert(100%);
        filter: 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, )
    }

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

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

    .backdrop-blur-\[5px\] {
        --tw-backdrop-blur: blur(5px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[6px\] {
        --tw-backdrop-blur: blur(6px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[7\.56px\] {
        --tw-backdrop-blur: blur(7.56px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

    .backdrop-blur-\[22px\] {
        --tw-backdrop-blur: blur(22px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }

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

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

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

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

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

    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background\,border-color\,color\] {
        transition-property: background, border-color, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[background-color\,background\] {
        transition-property: background-color, background;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[border-color\,color\] {
        transition-property: border-color, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[box-shadow\,opacity\,color\] {
        transition-property: box-shadow, opacity, color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[box-shadow\] {
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\,opacity\] {
        transition-property: color, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[color\] {
        transition-property: color;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[grid-template-rows\] {
        transition-property: grid-template-rows;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,filter\,transform\] {
        transition-property: opacity, filter, transform;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-\[opacity\,filter\] {
        transition-property: opacity, filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-shadow {
        transition-property: box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

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

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

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

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

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

    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }

    .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
        --tw-ease: cubic-bezier(.22, 1, .36, 1);
        transition-timing-function: cubic-bezier(.22, 1, .36, 1)
    }

    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }

    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }

    .will-change-transform {
        will-change: transform
    }

    .contain-\[paint\] {
        contain: paint
    }

    .outline-none {
        --tw-outline-style: none;
        outline-style: none
    }

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

    .\[--btn-secondary-border\:rgb\(255_255_255\/0\.15\)\] {
        --btn-secondary-border: #ffffff26
    }

    .\[--pricing-credit-ticker-item-height\:clamp\(4\.75rem\,7vw\,5\.5rem\)\] {
        --pricing-credit-ticker-item-height: clamp(4.75rem, 7vw, 5.5rem)
    }

    .\[--slack-add-reaction-icon\:rgba\(13\,6\,30\,0\.6\)\] {
        --slack-add-reaction-icon: #0d061e99
    }

    .\[--slack-add-reaction-icon\:var\(--primitive-main-white\)\] {
        --slack-add-reaction-icon: var(--primitive-main-white)
    }

    .\[--slack-add-reaction-icon\:var\(--primitive-purple-900\)\] {
        --slack-add-reaction-icon: var(--primitive-purple-900)
    }

    .\[--slack-mention-bg\:rgb\(255_189_158\/0\.16\)\] {
        --slack-mention-bg: #ffbd9e29
    }

    .\[--slack-mention-bg\:var\(--primitive-purple-800\)\] {
        --slack-mention-bg: var(--primitive-purple-800)
    }

    .\[--slack-mention-text\:var\(--primitive-purple-50\)\] {
        --slack-mention-text: var(--primitive-purple-50)
    }

    .\[--slack-mention-text\:var\(--text-accent-2\)\] {
        --slack-mention-text: var(--text-accent-2)
    }

    .\[--slack-message-pad-x\:0px\] {
        --slack-message-pad-x: 0px
    }

    .\[--slack-message-pad-y\:0px\] {
        --slack-message-pad-y: 0px
    }

    .\[--slack-reaction-pill-active-ring\:rgba\(110\,71\,255\,0\.35\)\] {
        --slack-reaction-pill-active-ring: #6e47ff59
    }

    .\[--slack-reaction-pill-bg\:\#eeeeed\] {
        --slack-reaction-pill-bg: #eeeeed
    }

    .\[--slack-reaction-pill-bg\:rgb\(150_147_163\/0\.2\)\] {
        --slack-reaction-pill-bg: #9693a333
    }

    .\[--slack-reaction-pill-bg\:var\(--primitive-purple-100\)\] {
        --slack-reaction-pill-bg: var(--primitive-purple-100)
    }

    .\[--slack-reaction-pill-hover-bg\:\#e0e0df\] {
        --slack-reaction-pill-hover-bg: #e0e0df
    }

    .\[--slack-reaction-pill-hover-bg\:rgb\(255_255_255\/0\.18\)\] {
        --slack-reaction-pill-hover-bg: #ffffff2e
    }

    .\[--slack-reaction-pill-text\:\#0d061e\] {
        --slack-reaction-pill-text: #0d061e
    }

    .\[--slack-reaction-pill-text\:var\(--primitive-main-white\)\] {
        --slack-reaction-pill-text: var(--primitive-main-white)
    }

    .\[--slack-text-secondary\:rgb\(255_255_255\/0\.6\)\] {
        --slack-text-secondary: #fff9
    }

    .\[--slack-text\:rgb\(255_255_255\/0\.95\)\] {
        --slack-text: #fffffff2
    }

    .\[--slack-viktor-card-drop-shadow\:0_8px_24px_rgb\(26_24_41\/0\.08\)\] {
        --slack-viktor-card-drop-shadow: 0 8px 24px #1a182914
    }

    .\[--slack-viktor-card-drop-shadow\:0_16px_24px_rgb\(26_24_41\/0\.08\)\] {
        --slack-viktor-card-drop-shadow: 0 16px 24px #1a182914
    }

    .\[--slack-viktor-radius\:1\.5rem\] {
        --slack-viktor-radius: 1.5rem
    }

    .\[--text-primary\:var\(--primitive-main-dark\)\] {
        --text-primary: var(--primitive-main-dark)
    }

    .\[--text-primary\:var\(--primitive-main-white\)\] {
        --text-primary: var(--primitive-main-white)
    }

    .\[--tw-animation-duration\:350ms\] {
        --tw-animation-duration: .35s
    }

    .\[--tw-duration\:350ms\] {
        --tw-duration: .35s
    }

    .\[--tw-ease\:ease-in-out\] {
        --tw-ease: ease-in-out
    }

    .\[--typo-body-medium-color\:rgb\(255_255_255_\/_0\.75\)\] {
        --typo-body-medium-color: #ffffffbf
    }

    .\[--typo-body-medium-color\:var\(--primitive-main-white\)\] {
        --typo-body-medium-color: var(--primitive-main-white)
    }

    .\[--typo-body-small-color\:var\(--primitive-main-white\)\] {
        --typo-body-small-color: var(--primitive-main-white)
    }

    .\[--typo-body-tiny-color\:var\(--primitive-main-white\)\] {
        --typo-body-tiny-color: var(--primitive-main-white)
    }

    .\[grid-area\:ticker-slot\] {
        grid-area: ticker-slot
    }

    .\[grid-template-areas\:\'stack\'\] {
        grid-template-areas: "stack"
    }

    .\[grid-template-areas\:\'ticker-slot\'\] {
        grid-template-areas: "ticker-slot"
    }

    .\[vk\:cta\] {
        vk: cta
    }

    .bg-comparison-card {
        background: radial-gradient(482.96% 141.42% at .12% 0, #f2598a1a 0%, #f2598a00 100%), #fffc
    }

    .bg-conic-gradient-bg {
        background: var(--conic-gradient-bg)
    }

    .fade-in {
        --tw-enter-opacity: 0
    }

    .gradient-case-study-sidebar {
        background: var(--gradient-case-study-sidebar)
    }

    .gradient-comparison-tab-active {
        background: var(--primitive-main-dblue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 279.33 48' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='g' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(2.7332 5.9089 -45.267 0.07876 145.41 -2.0889)'%3E%3Cstop offset='0' stop-color='%23ffbd9e'/%3E%3Cstop offset='0.064286' stop-color='%23fdbca0'/%3E%3Cstop offset='0.28571' stop-color='%23c99ed0'/%3E%3Cstop offset='0.50714' stop-color='%23947fff'/%3E%3Cstop offset='0.65536' stop-color='%237e64fe'/%3E%3Cstop offset='0.80357' stop-color='%236748fd'/%3E%3Cstop offset='0.85268' stop-color='%235336dc'/%3E%3Cstop offset='0.90179' stop-color='%233e24bb'/%3E%3Cstop offset='0.95089' stop-color='%232a129a'/%3E%3Cstop offset='0.97545' stop-color='%231f098a'/%3E%3Cstop offset='1' stop-color='%23150079'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23g)'/%3E%3C/svg%3E") center / 100% 100% no-repeat
    }

    .gradient-dark-1 {
        background: var(--gradient-dark1)
    }

    .gradient-dark-2 {
        background: var(--gradient-dark2)
    }

    .gradient-dark-3 {
        background: var(--gradient-dark3, radial-gradient(283.63% 201.39% at 31.42% -99.18%, #ffbd9e 0%, #fdbca0 6.43%, #947fff 50.71%, #6748fd 80.36%, #150079 100%), #d9d9d9)
    }

    .gradient-dark-4 {
        background: var(--gradient-dark4)
    }

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

    .running {
        animation-play-state: running
    }

    .not-last\:border-0:not(:last-child) {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .not-last\:border-b:not(:last-child) {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }

    @media (hover:hover) {
        .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
            --tw-translate-x: calc(var(--spacing) * .5);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:-translate-y-1:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:translate-y-0\.5:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing) * .5);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\:text-\(--text-accent-1\,\#6E47FF\):is(:where(.group):hover *) {
            color: var(--text-accent-1, #6e47ff)
        }

        .group-hover\:text-primary:is(:where(.group):hover *) {
            color: var(--text-primary)
        }

        .group-hover\:text-white:is(:where(.group):hover *) {
            color: var(--color-white)
        }

        .group-hover\:text-white\/65:is(:where(.group):hover *) {
            color: #ffffffa6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .group-hover\:text-white\/65:is(:where(.group):hover *) {
                color: color-mix(in oklab, var(--color-white) 65%, transparent)
            }
        }

        .group-hover\/button\:translate-x-0\.5:is(:where(.group\/button):hover *) {
            --tw-translate-x: calc(var(--spacing) * .5);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .group-hover\/button\:text-white:is(:where(.group\/button):hover *) {
            color: var(--color-white)
        }
    }

    .group-aria-expanded\/accordion-trigger\:rotate-180:is(:where(.group\/accordion-trigger)[aria-expanded=true] *) {
        rotate: 180deg
    }

    .group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size=sm] *) {
        padding: calc(var(--spacing) * 3)
    }

    .group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size=sm] *) {
        padding-inline: calc(var(--spacing) * 3)
    }

    .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *) {
        background-color: #0000
    }

    .group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation=horizontal]) *) {
        height: calc(var(--spacing) * 8)
    }

    .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        height: fit-content
    }

    .group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        width: 100%
    }

    .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        flex-direction: column
    }

    .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation=vertical]) *) {
        justify-content: flex-start
    }

    .placeholder\:text-secondary::placeholder {
        color: var(--text-secondary)
    }

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

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

    .after\:bg-primitive-main-dark:after {
        content: var(--tw-content);
        background-color: var(--primitive-main-dark)
    }

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

    .after\:transition-opacity:after {
        content: var(--tw-content);
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }

    .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after {
        content: var(--tw-content);
        inset-inline: calc(var(--spacing) * 0)
    }

    .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after {
        content: var(--tw-content);
        bottom: -5px
    }

    .group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation=horizontal]) *):after {
        content: var(--tw-content);
        height: calc(var(--spacing) * .5)
    }

    .group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after {
        content: var(--tw-content);
        inset-block: calc(var(--spacing) * 0)
    }

    .group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after {
        content: var(--tw-content);
        right: calc(var(--spacing) * -1)
    }

    .group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation=vertical]) *):after {
        content: var(--tw-content);
        width: calc(var(--spacing) * .5)
    }

    .first\:mt-0:first-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .first\:border-t-0:first-child {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }

    .first\:pt-0:first-child {
        padding-top: calc(var(--spacing) * 0)
    }

    .last\:mr-0:last-child {
        margin-right: calc(var(--spacing) * 0)
    }

    .last\:border-b-0:last-child {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }

    .last\:pb-0:last-child {
        padding-bottom: calc(var(--spacing) * 0)
    }

    @media (hover:hover) {
        .hover\:border-accent-1:hover {
            border-color: var(--border-accent-1)
        }

        .hover\:border-primitive-main-dark\/20:hover {
            border-color: var(--primitive-main-dark)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-primitive-main-dark\/20:hover {
                border-color: color-mix(in oklab, var(--primitive-main-dark) 20%, transparent)
            }
        }

        .hover\:border-white\/35:hover {
            border-color: #ffffff59
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/35:hover {
                border-color: color-mix(in oklab, var(--color-white) 35%, transparent)
            }
        }

        .hover\:border-white\/40:hover {
            border-color: #fff6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:border-white\/40:hover {
                border-color: color-mix(in oklab, var(--color-white) 40%, transparent)
            }
        }

        .hover\:bg-\[var\(--slack-reaction-pill-hover-bg\)\]:hover {
            background-color: var(--slack-reaction-pill-hover-bg)
        }

        .hover\:bg-black\/5:hover {
            background-color: #0000000d
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-black\/5:hover {
                background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
            }
        }

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

        .hover\:bg-primitive-main-dark:hover,
        .hover\:bg-primitive-main-dark\/6:hover {
            background-color: var(--primitive-main-dark)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primitive-main-dark\/6:hover {
                background-color: color-mix(in oklab, var(--primitive-main-dark) 6%, transparent)
            }
        }

        .hover\:bg-primitive-main-dark\/90:hover {
            background-color: var(--primitive-main-dark)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primitive-main-dark\/90:hover {
                background-color: color-mix(in oklab, var(--primitive-main-dark) 90%, transparent)
            }
        }

        .hover\:bg-primitive-main-dark\/\[0\.04\]:hover {
            background-color: var(--primitive-main-dark)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primitive-main-dark\/\[0\.04\]:hover {
                background-color: color-mix(in oklab, var(--primitive-main-dark) 4%, transparent)
            }
        }

        .hover\:bg-primitive-main-dark\/\[0\.06\]:hover {
            background-color: var(--primitive-main-dark)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primitive-main-dark\/\[0\.06\]:hover {
                background-color: color-mix(in oklab, var(--primitive-main-dark) 6%, transparent)
            }
        }

        .hover\:bg-primitive-purple-50:hover,
        .hover\:bg-primitive-purple-50\/50:hover {
            background-color: var(--primitive-purple-50)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primitive-purple-50\/50:hover {
                background-color: color-mix(in oklab, var(--primitive-purple-50) 50%, transparent)
            }
        }

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

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/10:hover {
                background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
            }
        }

        .hover\:bg-white\/15:hover {
            background-color: #ffffff26
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/15:hover {
                background-color: color-mix(in oklab, var(--color-white) 15%, transparent)
            }
        }

        .hover\:bg-white\/90:hover {
            background-color: #ffffffe6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/90:hover {
                background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
            }
        }

        .hover\:bg-white\/95:hover {
            background-color: #fffffff2
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-white\/95:hover {
                background-color: color-mix(in oklab, var(--color-white) 95%, transparent)
            }
        }

        .hover\:text-\(--text-accent-1\,\#6E47FF\):hover {
            color: var(--text-accent-1, #6e47ff)
        }

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

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

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

        .hover\:text-primitive-main-dark:hover {
            color: var(--primitive-main-dark)
        }

        .hover\:text-primitive-main-grey:hover {
            color: var(--primitive-main-grey)
        }

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

        .hover\:text-white\/65:hover {
            color: #ffffffa6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-white\/65:hover {
                color: color-mix(in oklab, var(--color-white) 65%, transparent)
            }
        }

        .hover\:text-white\/90:hover {
            color: #ffffffe6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .hover\:text-white\/90:hover {
                color: color-mix(in oklab, var(--color-white) 90%, transparent)
            }
        }

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

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

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

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

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

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

        .hover\:shadow-\[0_8px_20px_rgba\(26\,24\,41\,0\.04\)\]:hover {
            --tw-shadow: 0 8px 20px var(--tw-shadow-color, #1a18290a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }

    .focus\:border-primitive-purple-500:focus {
        border-color: var(--primitive-purple-500)
    }

    .focus\:bg-black\/5:focus {
        background-color: #0000000d
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:bg-black\/5:focus {
            background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
        }
    }

    .focus\:bg-primitive-purple-50:focus {
        background-color: var(--primitive-purple-50)
    }

    .focus\:text-\(--text-accent-1\,\#6E47FF\):focus {
        color: var(--text-accent-1, #6e47ff)
    }

    .focus\:text-accent-1:focus {
        color: var(--text-accent-1)
    }

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

    .focus\:ring-primitive-purple-500\/30:focus {
        --tw-ring-color: var(--primitive-purple-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus\:ring-primitive-purple-500\/30:focus {
            --tw-ring-color: color-mix(in oklab, var(--primitive-purple-500) 30%, transparent)
        }
    }

    .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus-visible\:rounded-none:focus-visible {
        border-radius: 0
    }

    .focus-visible\:border-primitive-main-dark\/20:focus-visible {
        border-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:border-primitive-main-dark\/20:focus-visible {
            border-color: color-mix(in oklab, var(--primitive-main-dark) 20%, transparent)
        }
    }

    .focus-visible\:border-primitive-main-dark\/25:focus-visible {
        border-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:border-primitive-main-dark\/25:focus-visible {
            border-color: color-mix(in oklab, var(--primitive-main-dark) 25%, transparent)
        }
    }

    .focus-visible\:border-primitive-purple-500:focus-visible {
        border-color: var(--primitive-purple-500)
    }

    .focus-visible\:border-white\/45:focus-visible {
        border-color: #ffffff73
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:border-white\/45:focus-visible {
            border-color: color-mix(in oklab, var(--color-white) 45%, transparent)
        }
    }

    .focus-visible\:text-\(--text-accent-1\,\#6E47FF\):focus-visible {
        color: var(--text-accent-1, #6e47ff)
    }

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

    .focus-visible\:ring-3:focus-visible,
    .focus-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .focus-visible\:ring-\(--text-accent-1\,\#6E47FF\):focus-visible {
        --tw-ring-color: var(--text-accent-1, #6e47ff)
    }

    .focus-visible\:ring-current\/40:focus-visible {
        --tw-ring-color: currentcolor
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-current\/40:focus-visible {
            --tw-ring-color: color-mix(in oklab, currentcolor 40%, transparent)
        }
    }

    .focus-visible\:ring-primitive-main-dark\/15:focus-visible {
        --tw-ring-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-primitive-main-dark\/15:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--primitive-main-dark) 15%, transparent)
        }
    }

    .focus-visible\:ring-primitive-orange-700\/20:focus-visible {
        --tw-ring-color: var(--primitive-orange-700)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-primitive-orange-700\/20:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--primitive-orange-700) 20%, transparent)
        }
    }

    .focus-visible\:ring-primitive-purple-500:focus-visible,
    .focus-visible\:ring-primitive-purple-500\/40:focus-visible {
        --tw-ring-color: var(--primitive-purple-500)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-primitive-purple-500\/40:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--primitive-purple-500) 40%, transparent)
        }
    }

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

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-primitive-purple-500\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--primitive-purple-500) 50%, transparent)
        }
    }

    .focus-visible\:ring-white\/20:focus-visible {
        --tw-ring-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-white\/20:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }

    .focus-visible\:ring-white\/40:focus-visible {
        --tw-ring-color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-white\/40:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
    }

    .focus-visible\:ring-white\/50:focus-visible {
        --tw-ring-color: #ffffff80
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-white\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent)
        }
    }

    .focus-visible\:ring-white\/60:focus-visible {
        --tw-ring-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:ring-white\/60:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }

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

    .focus-visible\:ring-offset-primitive-main-beige:focus-visible {
        --tw-ring-offset-color: var(--primitive-main-beige)
    }

    .focus-visible\:ring-offset-transparent:focus-visible {
        --tw-ring-offset-color: transparent
    }

    .focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
    }

    .focus-visible\:outline-2:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 2px
    }

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

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

    .focus-visible\:outline-primitive-purple-500:focus-visible {
        outline-color: var(--primitive-purple-500)
    }

    .focus-visible\:outline-white\/45:focus-visible {
        outline-color: #ffffff73
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:outline-white\/45:focus-visible {
            outline-color: color-mix(in oklab, var(--color-white) 45%, transparent)
        }
    }

    .focus-visible\:outline-white\/60:focus-visible {
        outline-color: #fff9
    }

    @supports (color:color-mix(in lab, red, red)) {
        .focus-visible\:outline-white\/60:focus-visible {
            outline-color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
    }

    .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
    }

    .focus-visible\:after\:border-primitive-purple-500:focus-visible:after {
        content: var(--tw-content);
        border-color: var(--primitive-purple-500)
    }

    .active\:translate-y-0:active {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .active\:scale-\[0\.98\]:active {
        scale: .98
    }

    .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
        --tw-translate-y: 1px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

    .disabled\:border-transparent:disabled {
        border-color: #0000
    }

    .disabled\:bg-primitive-main-dark\/20:disabled {
        background-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .disabled\:bg-primitive-main-dark\/20:disabled {
            background-color: color-mix(in oklab, var(--primitive-main-dark) 20%, transparent)
        }
    }

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

    .disabled\:opacity-20:disabled {
        opacity: .2
    }

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

    .has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]) {
        padding-right: calc(var(--spacing) * 1)
    }

    .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]) {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]) {
        padding-left: calc(var(--spacing) * 1)
    }

    .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]) {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns: 1fr auto
    }

    .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]) {
        grid-template-rows: auto auto
    }

    .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]) {
        padding-bottom: calc(var(--spacing) * 0)
    }

    .has-\[\>img\:first-child\]\:pt-0:has(>img:first-child) {
        padding-top: calc(var(--spacing) * 0)
    }

    .has-\[\>svg\]\:gap-3:has(>svg) {
        gap: calc(var(--spacing) * 3)
    }

    .has-\[\>svg\]\:pr-4:has(>svg) {
        padding-right: calc(var(--spacing) * 4)
    }

    .has-\[\>svg\]\:pl-3:has(>svg) {
        padding-left: calc(var(--spacing) * 3)
    }

    .aria-disabled\:pointer-events-none[aria-disabled=true] {
        pointer-events: none
    }

    .aria-disabled\:opacity-50[aria-disabled=true] {
        opacity: .5
    }

    .aria-expanded\:bg-primitive-main-dark\/\[0\.06\][aria-expanded=true] {
        background-color: var(--primitive-main-dark)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-expanded\:bg-primitive-main-dark\/\[0\.06\][aria-expanded=true] {
            background-color: color-mix(in oklab, var(--primitive-main-dark) 6%, transparent)
        }
    }

    .aria-expanded\:text-accent-1[aria-expanded=true] {
        color: var(--text-accent-1)
    }

    .aria-invalid\:border-primitive-orange-700[aria-invalid=true] {
        border-color: var(--primitive-orange-700)
    }

    .aria-invalid\:ring-3[aria-invalid=true] {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .aria-invalid\:ring-primitive-orange-700\/20[aria-invalid=true] {
        --tw-ring-color: var(--primitive-orange-700)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .aria-invalid\:ring-primitive-orange-700\/20[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--primitive-orange-700) 20%, transparent)
        }
    }

    .data-ending-style\:h-0[data-ending-style],
    .data-starting-style\:h-0[data-starting-style] {
        height: calc(var(--spacing) * 0)
    }

    .data-\[size\=sm\]\:gap-3[data-size=sm] {
        gap: calc(var(--spacing) * 3)
    }

    .data-\[size\=sm\]\:py-3[data-size=sm] {
        padding-block: calc(var(--spacing) * 3)
    }

    .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]) {
        padding-bottom: calc(var(--spacing) * 0)
    }

    :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot=accordion-trigger-icon] {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-primitive-main-grey *)[data-slot=accordion-trigger-icon] {
        color: var(--primitive-main-grey)
    }

    :is(.aria-expanded\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-icon-accent-1[aria-expanded=true] *)[data-slot=accordion-trigger-icon] {
        color: var(--icon-accent-1)
    }

    :is(.\*\:data-\[slot\=button\]\:w-auto>*)[data-slot=button] {
        width: auto
    }

    :is(.\*\:data-\[slot\=button\]\:w-full>*)[data-slot=button] {
        width: 100%
    }

    .data-\[variant\=line\]\:rounded-none[data-variant=line] {
        border-radius: 0
    }

    @supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))) {
        .supports-backdrop-filter\:backdrop-blur-none {
            --tw-backdrop-blur: ;
            -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
        }

        .supports-backdrop-filter\:backdrop-blur-xs {
            --tw-backdrop-blur: blur(var(--blur-xs));
            -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
        }
    }

    @media (prefers-reduced-motion:no-preference) {
        .motion-safe\:block {
            display: block
        }

        .motion-safe\:hidden {
            display: none
        }
    }

    @media (prefers-reduced-motion:reduce) {
        .motion-reduce\:hidden {
            display: none
        }

        .motion-reduce\:inline {
            display: inline
        }

        .motion-reduce\:transition-none {
            transition-property: none
        }
    }

    @media not all and (min-width:64rem) {
        .max-lg\:-mx-4 {
            margin-inline: calc(var(--spacing) * -4)
        }

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

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

        .max-lg\:flex-col {
            flex-direction: column
        }

        .max-lg\:items-center {
            align-items: center
        }

        .max-lg\:justify-center {
            justify-content: center
        }

        .max-lg\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }

        .max-lg\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .max-lg\:overflow-x-clip {
            overflow-x: clip
        }

        .max-lg\:pr-0 {
            padding-right: calc(var(--spacing) * 0)
        }

        .max-lg\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0)
        }

        .max-lg\:text-center {
            text-align: center
        }
    }

    @media not all and (min-width:48rem) {
        .max-md\:hidden {
            display: none
        }

        .max-md\:w-\[80\%\] {
            width: 80%
        }

        .max-md\:flex-nowrap {
            flex-wrap: nowrap
        }

        .max-md\:gap-10 {
            gap: calc(var(--spacing) * 10)
        }

        .max-md\:overflow-x-auto {
            overflow-x: auto
        }

        .max-md\:overscroll-x-contain {
            overscroll-behavior-x: contain
        }

        .max-md\:text-balance {
            text-wrap: balance
        }

        .max-md\:\[--pricing-credit-ticker-item-height\:4\.5rem\] {
            --pricing-credit-ticker-item-height: 4.5rem
        }
    }

    @media not all and (min-width:40rem) {
        .max-sm\:left-1\/2 {
            left: 50%
        }

        .max-sm\:-mx-4 {
            margin-inline: calc(var(--spacing) * -4)
        }

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

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

        .max-sm\:w-screen {
            width: 100vw
        }

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

        .max-sm\:-translate-x-1\/2 {
            --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .max-sm\:overflow-x-clip {
            overflow-x: clip
        }

        .max-sm\:text-\[0\.9375rem\] {
            font-size: .9375rem
        }

        .max-sm\:text-\[1\.125rem\] {
            font-size: 1.125rem
        }

        .max-sm\:text-\[1\.625rem\] {
            font-size: 1.625rem
        }

        .max-sm\:text-\[1\.3125rem\] {
            font-size: 1.3125rem
        }

        .max-sm\:text-\[2\.625rem\] {
            font-size: 2.625rem
        }

        .max-sm\:text-\[2\.1875rem\] {
            font-size: 2.1875rem
        }

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

        .max-sm\:text-\[31\.5px\] {
            font-size: 31.5px
        }

        .max-sm\:text-\[35px\] {
            font-size: 35px
        }
    }

    @media (min-width:1200px) {
        .min-\[1200px\]\:block {
            display: block
        }

        .min-\[1200px\]\:grid-cols-\[minmax\(0\,19rem\)_minmax\(0\,39\.375rem\)_minmax\(0\,19rem\)\] {
            grid-template-columns: minmax(0, 19rem) minmax(0, 39.375rem) minmax(0, 19rem)
        }

        .min-\[1200px\]\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }
    }

    @media (min-width:1301px) {
        .min-\[1301px\]\:grid-cols-\[minmax\(0\,36\.34rem\)_minmax\(0\,32rem\)\] {
            grid-template-columns: minmax(0, 36.34rem) minmax(0, 32rem)
        }

        .min-\[1301px\]\:items-stretch {
            align-items: stretch
        }

        .min-\[1301px\]\:gap-12 {
            gap: calc(var(--spacing) * 12)
        }

        .min-\[1301px\]\:py-8 {
            padding-block: calc(var(--spacing) * 8)
        }

        .min-\[1301px\]\:pr-8 {
            padding-right: calc(var(--spacing) * 8)
        }

        .min-\[1301px\]\:pl-0 {
            padding-left: calc(var(--spacing) * 0)
        }
    }

    @media (min-width:1360px) {
        .min-\[1360px\]\:sticky {
            position: sticky
        }

        .min-\[1360px\]\:top-\[max\(64px\,calc\(\(100vh-712px\)\/2\)\)\] {
            top: max(64px, 50vh - 356px)
        }

        .min-\[1360px\]\:block {
            display: block
        }

        .min-\[1360px\]\:flex {
            display: flex
        }

        .min-\[1360px\]\:hidden {
            display: none
        }

        .min-\[1360px\]\:h-\[300vh\] {
            height: 300vh
        }

        .min-\[1360px\]\:min-h-\[min\(712px\,calc\(100vh-128px\)\)\] {
            min-height: min(712px, 100vh - 128px)
        }

        .min-\[1360px\]\:grid-cols-\[459px_630px\] {
            grid-template-columns: 459px 630px
        }

        .min-\[1360px\]\:items-center {
            align-items: center
        }

        .min-\[1360px\]\:justify-between {
            justify-content: space-between
        }

        .min-\[1360px\]\:self-start {
            align-self: flex-start
        }

        .min-\[1360px\]\:pl-\[108px\] {
            padding-left: 108px
        }
    }

    @media (min-width:40rem) {
        .sm\:top-\[80px\] {
            top: 80px
        }

        .sm\:left-auto {
            left: auto
        }

        .sm\:-mx-6 {
            margin-inline: calc(var(--spacing) * -6)
        }

        .sm\:-mx-8 {
            margin-inline: calc(var(--spacing) * -8)
        }

        .sm\:mx-auto {
            margin-inline: auto
        }

        .sm\:-mt-36 {
            margin-top: calc(var(--spacing) * -36)
        }

        .sm\:-mr-10 {
            margin-right: calc(var(--spacing) * -10)
        }

        .sm\:-mr-14 {
            margin-right: calc(var(--spacing) * -14)
        }

        .sm\:ml-12 {
            margin-left: calc(var(--spacing) * 12)
        }

        .sm\:block {
            display: block
        }

        .sm\:contents {
            display: contents
        }

        .sm\:flex {
            display: flex
        }

        .sm\:hidden {
            display: none
        }

        .sm\:inline {
            display: inline
        }

        .sm\:inline-flex {
            display: inline-flex
        }

        .sm\:size-11 {
            width: calc(var(--spacing) * 11);
            height: calc(var(--spacing) * 11)
        }

        .sm\:size-12 {
            width: calc(var(--spacing) * 12);
            height: calc(var(--spacing) * 12)
        }

        .sm\:size-16 {
            width: calc(var(--spacing) * 16);
            height: calc(var(--spacing) * 16)
        }

        .sm\:size-\[9\.0625rem\] {
            width: 9.0625rem;
            height: 9.0625rem
        }

        .sm\:size-\[120px\] {
            width: 120px;
            height: 120px
        }

        .sm\:size-\[140px\] {
            width: 140px;
            height: 140px
        }

        .sm\:h-16 {
            height: calc(var(--spacing) * 16)
        }

        .sm\:h-28 {
            height: calc(var(--spacing) * 28)
        }

        .sm\:h-\[4\.75rem\] {
            height: 4.75rem
        }

        .sm\:h-\[48rem\] {
            height: 48rem
        }

        .sm\:h-\[56rem\] {
            height: 56rem
        }

        .sm\:h-\[61rem\] {
            height: 61rem
        }

        .sm\:max-h-16 {
            max-height: calc(var(--spacing) * 16)
        }

        .sm\:min-h-24 {
            min-height: calc(var(--spacing) * 24)
        }

        .sm\:min-h-\[22\.875rem\] {
            min-height: 22.875rem
        }

        .sm\:min-h-\[24rem\] {
            min-height: 24rem
        }

        .sm\:min-h-\[37\.5rem\] {
            min-height: 37.5rem
        }

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

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

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

        .sm\:w-8 {
            width: calc(var(--spacing) * 8)
        }

        .sm\:w-28 {
            width: calc(var(--spacing) * 28)
        }

        .sm\:w-\[6\.125rem\] {
            width: 6.125rem
        }

        .sm\:w-\[calc\(100\%\+4rem\)\] {
            width: calc(100% + 4rem)
        }

        .sm\:w-\[min\(24\.75rem\,calc\(100vw-3rem\)\)\]\! {
            width: min(24.75rem, 100vw - 3rem) !important
        }

        .sm\:w-auto {
            width: auto
        }

        .sm\:w-full {
            width: 100%
        }

        .sm\:max-w-96 {
            max-width: calc(var(--spacing) * 96)
        }

        .sm\:max-w-\[4\.25rem\] {
            max-width: 4.25rem
        }

        .sm\:max-w-\[5\.25rem\] {
            max-width: 5.25rem
        }

        .sm\:max-w-\[35\.625rem\] {
            max-width: 35.625rem
        }

        .sm\:max-w-\[39\.375rem\] {
            max-width: 39.375rem
        }

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

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

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

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

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

        .sm\:max-w-sm {
            max-width: var(--container-sm)
        }

        .sm\:flex-1 {
            flex: 1
        }

        .sm\:flex-none {
            flex: none
        }

        .sm\:basis-auto {
            flex-basis: auto
        }

        .sm\:translate-x-0 {
            --tw-translate-x: calc(var(--spacing) * 0);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .sm\:translate-x-\[28\%\] {
            --tw-translate-x: 28%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .sm\:translate-y-\[41\%\] {
            --tw-translate-y: 41%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

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

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

        .sm\:grid-cols-\[10\.5rem_minmax\(0\,1fr\)\] {
            grid-template-columns: 10.5rem minmax(0, 1fr)
        }

        .sm\:grid-cols-\[repeat\(5\,minmax\(0\,6\.125rem\)\)\] {
            grid-template-columns: repeat(5, minmax(0, 6.125rem))
        }

        .sm\:flex-col {
            flex-direction: column
        }

        .sm\:flex-row {
            flex-direction: row
        }

        .sm\:flex-nowrap {
            flex-wrap: nowrap
        }

        .sm\:flex-wrap {
            flex-wrap: wrap
        }

        .sm\:items-center {
            align-items: center
        }

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

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

        .sm\:justify-center {
            justify-content: center
        }

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

        .sm\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }

        .sm\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .sm\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }

        .sm\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .sm\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }

        .sm\:gap-12 {
            gap: calc(var(--spacing) * 12)
        }

        .sm\:gap-16 {
            gap: calc(var(--spacing) * 16)
        }

        .sm\:gap-20 {
            gap: calc(var(--spacing) * 20)
        }

        .sm\:gap-\[4\.5rem\] {
            gap: 4.5rem
        }

        .sm\:gap-x-12 {
            column-gap: calc(var(--spacing) * 12)
        }

        .sm\:rounded-lg {
            border-radius: var(--radius)
        }

        .sm\:rounded-section {
            border-radius: var(--radius-section)
        }

        .sm\:rounded-t-section {
            border-top-left-radius: var(--radius-section);
            border-top-right-radius: var(--radius-section)
        }

        .sm\:rounded-b-\[32px\] {
            border-bottom-right-radius: 32px;
            border-bottom-left-radius: 32px
        }

        .sm\:rounded-b-section {
            border-bottom-right-radius: var(--radius-section);
            border-bottom-left-radius: var(--radius-section)
        }

        .sm\:p-4 {
            padding: calc(var(--spacing) * 4)
        }

        .sm\:p-7 {
            padding: calc(var(--spacing) * 7)
        }

        .sm\:p-8 {
            padding: calc(var(--spacing) * 8)
        }

        .sm\:p-10 {
            padding: calc(var(--spacing) * 10)
        }

        .sm\:p-12 {
            padding: calc(var(--spacing) * 12)
        }

        .sm\:p-16 {
            padding: calc(var(--spacing) * 16)
        }

        .sm\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .sm\:px-4 {
            padding-inline: calc(var(--spacing) * 4)
        }

        .sm\:px-5 {
            padding-inline: calc(var(--spacing) * 5)
        }

        .sm\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .sm\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

        .sm\:px-10 {
            padding-inline: calc(var(--spacing) * 10)
        }

        .sm\:px-12 {
            padding-inline: calc(var(--spacing) * 12)
        }

        .sm\:px-20 {
            padding-inline: calc(var(--spacing) * 20)
        }

        .sm\:py-0 {
            padding-block: calc(var(--spacing) * 0)
        }

        .sm\:py-0\! {
            padding-block: calc(var(--spacing) * 0) !important
        }

        .sm\:py-4 {
            padding-block: calc(var(--spacing) * 4)
        }

        .sm\:py-5 {
            padding-block: calc(var(--spacing) * 5)
        }

        .sm\:py-6 {
            padding-block: calc(var(--spacing) * 6)
        }

        .sm\:py-7 {
            padding-block: calc(var(--spacing) * 7)
        }

        .sm\:py-8 {
            padding-block: calc(var(--spacing) * 8)
        }

        .sm\:py-10 {
            padding-block: calc(var(--spacing) * 10)
        }

        .sm\:py-12 {
            padding-block: calc(var(--spacing) * 12)
        }

        .sm\:py-14 {
            padding-block: calc(var(--spacing) * 14)
        }

        .sm\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }

        .sm\:py-20 {
            padding-block: calc(var(--spacing) * 20)
        }

        .sm\:py-28\! {
            padding-block: calc(var(--spacing) * 28) !important
        }

        .sm\:py-\[2\.5rem\] {
            padding-block: 2.5rem
        }

        .sm\:py-\[5rem\] {
            padding-block: 5rem
        }

        .sm\:py-\[7rem\] {
            padding-block: 7rem
        }

        .sm\:pt-4 {
            padding-top: calc(var(--spacing) * 4)
        }

        .sm\:pt-8 {
            padding-top: calc(var(--spacing) * 8)
        }

        .sm\:pt-12 {
            padding-top: calc(var(--spacing) * 12)
        }

        .sm\:pt-16 {
            padding-top: calc(var(--spacing) * 16)
        }

        .sm\:pt-20 {
            padding-top: calc(var(--spacing) * 20)
        }

        .sm\:pt-\[2\.5rem\] {
            padding-top: 2.5rem
        }

        .sm\:pt-\[5rem\] {
            padding-top: 5rem
        }

        .sm\:pt-\[7rem\] {
            padding-top: 7rem
        }

        .sm\:pr-16 {
            padding-right: calc(var(--spacing) * 16)
        }

        .sm\:pb-3\.5 {
            padding-bottom: calc(var(--spacing) * 3.5)
        }

        .sm\:pb-4 {
            padding-bottom: calc(var(--spacing) * 4)
        }

        .sm\:pb-6 {
            padding-bottom: calc(var(--spacing) * 6)
        }

        .sm\:pb-12 {
            padding-bottom: calc(var(--spacing) * 12)
        }

        .sm\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16)
        }

        .sm\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20)
        }

        .sm\:pb-56 {
            padding-bottom: calc(var(--spacing) * 56)
        }

        .sm\:pb-\[2\.5rem\] {
            padding-bottom: 2.5rem
        }

        .sm\:pb-\[5rem\] {
            padding-bottom: 5rem
        }

        .sm\:pb-\[7rem\] {
            padding-bottom: 7rem
        }

        .sm\:pl-8 {
            padding-left: calc(var(--spacing) * 8)
        }

        .sm\:text-center {
            text-align: center
        }

        .sm\:text-left {
            text-align: left
        }

        .sm\:body-small {
            font-size: var(--typo-body-small-size);
            line-height: var(--typo-body-small-leading);
            letter-spacing: var(--typo-body-small-tracking);
            color: var(--typo-body-small-color);
            font-weight: 500
        }

        .sm\:h1 {
            font-size: var(--typo-h1-size);
            line-height: var(--typo-h1-leading);
            letter-spacing: var(--typo-h1-tracking);
            color: var(--typo-h1-color)
        }

        .sm\:h2 {
            font-size: var(--typo-h2-size);
            line-height: var(--typo-h2-leading);
            letter-spacing: var(--typo-h2-tracking);
            color: var(--typo-h2-color)
        }

        .sm\:h3 {
            font-size: var(--typo-h3-size);
            line-height: var(--typo-h3-leading);
            letter-spacing: var(--typo-h3-tracking);
            color: var(--typo-h3-color)
        }

        .sm\:h5 {
            font-size: var(--typo-h5-size);
            line-height: var(--typo-h5-leading);
            letter-spacing: var(--typo-h5-tracking);
            color: var(--typo-h5-color)
        }

        .sm\:text-4xl {
            font-size: var(--text-4xl);
            line-height: var(--tw-leading, var(--text-4xl--line-height))
        }

        .sm\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .sm\:text-6xl {
            font-size: var(--text-6xl);
            line-height: var(--tw-leading, var(--text-6xl--line-height))
        }

        .sm\:text-lg {
            font-size: var(--text-lg);
            line-height: var(--tw-leading, var(--text-lg--line-height))
        }

        .sm\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }

        .sm\:text-\[1\.125rem\] {
            font-size: 1.125rem
        }

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

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

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

        .sm\:leading-\[1\.4\] {
            --tw-leading: 1.4;
            line-height: 1.4
        }

        .sm\:leading-\[1\.35\] {
            --tw-leading: 1.35;
            line-height: 1.35
        }

        .sm\:tracking-\[-3\.6px\] {
            --tw-tracking: -3.6px;
            letter-spacing: -3.6px
        }

        .sm\:text-balance {
            text-wrap: balance
        }

        .sm\:whitespace-nowrap {
            white-space: nowrap
        }

        .sm\:shadow-\[0_14px_32px_rgba\(255\,255\,255\,0\.6\)\] {
            --tw-shadow: 0 14px 32px var(--tw-shadow-color, #fff9);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .sm\:\[--slack-viktor-radius\:2rem\] {
            --slack-viktor-radius: 2rem
        }

        :is(.sm\:\*\:data-\[slot\=button\]\:w-auto>*)[data-slot=button] {
            width: auto
        }

        @media not all and (min-width:64rem) {
            .sm\:max-lg\:-mx-6 {
                margin-inline: calc(var(--spacing) * -6)
            }

            .sm\:max-lg\:w-\[calc\(100\%\+3rem\)\] {
                width: calc(100% + 3rem)
            }
        }
    }

    @media (min-width:48rem) {
        .md\:bottom-\[-4rem\] {
            bottom: -4rem
        }

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

        .md\:-mx-12 {
            margin-inline: calc(var(--spacing) * -12)
        }

        .md\:mx-0 {
            margin-inline: calc(var(--spacing) * 0)
        }

        .md\:mt-12 {
            margin-top: calc(var(--spacing) * 12)
        }

        .md\:mt-16 {
            margin-top: calc(var(--spacing) * 16)
        }

        .md\:mt-20 {
            margin-top: calc(var(--spacing) * 20)
        }

        .md\:ml-auto {
            margin-left: auto
        }

        .md\:block {
            display: block
        }

        .md\:hidden {
            display: none
        }

        .md\:aspect-video {
            aspect-ratio: var(--aspect-video)
        }

        .md\:min-h-0 {
            min-height: calc(var(--spacing) * 0)
        }

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

        .md\:w-5\/12 {
            width: 41.6667%
        }

        .md\:w-\[353px\] {
            width: 353px
        }

        .md\:w-\[calc\(100\%\+6rem\)\] {
            width: calc(100% + 6rem)
        }

        .md\:w-\[min\(38\%\,11\.5rem\)\] {
            width: min(38%, 11.5rem)
        }

        .md\:w-auto {
            width: auto
        }

        .md\:w-full {
            width: 100%
        }

        .md\:max-w-46 {
            max-width: calc(var(--spacing) * 46)
        }

        .md\:max-w-56 {
            max-width: calc(var(--spacing) * 56)
        }

        .md\:max-w-72 {
            max-width: calc(var(--spacing) * 72)
        }

        .md\:max-w-\[32\.5rem\] {
            max-width: 32.5rem
        }

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

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

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

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

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

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

        .md\:min-w-56 {
            min-width: calc(var(--spacing) * 56)
        }

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

        .md\:flex-1 {
            flex: 1
        }

        .md\:flex-none {
            flex: none
        }

        .md\:shrink-0 {
            flex-shrink: 0
        }

        .md\:scroll-mt-28 {
            scroll-margin-top: calc(var(--spacing) * 28)
        }

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

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

        .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
            grid-template-columns: minmax(0, 1fr) auto
        }

        .md\:flex-col {
            flex-direction: column
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:flex-wrap {
            flex-wrap: wrap
        }

        .md\:items-baseline {
            align-items: baseline
        }

        .md\:items-center {
            align-items: center
        }

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

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

        .md\:justify-center {
            justify-content: center
        }

        .md\:gap-0 {
            gap: calc(var(--spacing) * 0)
        }

        .md\:gap-3 {
            gap: calc(var(--spacing) * 3)
        }

        .md\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }

        .md\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .md\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }

        .md\:gap-10 {
            gap: calc(var(--spacing) * 10)
        }

        .md\:gap-12 {
            gap: calc(var(--spacing) * 12)
        }

        .md\:gap-14 {
            gap: calc(var(--spacing) * 14)
        }

        .md\:gap-16 {
            gap: calc(var(--spacing) * 16)
        }

        .md\:gap-20 {
            gap: calc(var(--spacing) * 20)
        }

        .md\:gap-24 {
            gap: calc(var(--spacing) * 24)
        }

        .md\:gap-x-\[0\.25em\] {
            column-gap: .25em
        }

        .md\:self-center {
            align-self: center
        }

        .md\:justify-self-start {
            justify-self: flex-start
        }

        .md\:overflow-visible {
            overflow: visible
        }

        .md\:p-2 {
            padding: calc(var(--spacing) * 2)
        }

        .md\:p-6 {
            padding: calc(var(--spacing) * 6)
        }

        .md\:p-8 {
            padding: calc(var(--spacing) * 8)
        }

        .md\:p-10 {
            padding: calc(var(--spacing) * 10)
        }

        .md\:p-16 {
            padding: calc(var(--spacing) * 16)
        }

        .md\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .md\:px-1 {
            padding-inline: calc(var(--spacing) * 1)
        }

        .md\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .md\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

        .md\:px-12 {
            padding-inline: calc(var(--spacing) * 12)
        }

        .md\:px-14 {
            padding-inline: calc(var(--spacing) * 14)
        }

        .md\:py-10 {
            padding-block: calc(var(--spacing) * 10)
        }

        .md\:py-12 {
            padding-block: calc(var(--spacing) * 12)
        }

        .md\:py-14 {
            padding-block: calc(var(--spacing) * 14)
        }

        .md\:py-20 {
            padding-block: calc(var(--spacing) * 20)
        }

        .md\:py-28 {
            padding-block: calc(var(--spacing) * 28)
        }

        .md\:pt-10 {
            padding-top: calc(var(--spacing) * 10)
        }

        .md\:pt-28 {
            padding-top: calc(var(--spacing) * 28)
        }

        .md\:pt-40 {
            padding-top: calc(var(--spacing) * 40)
        }

        .md\:pr-4 {
            padding-right: calc(var(--spacing) * 4)
        }

        .md\:pr-10 {
            padding-right: calc(var(--spacing) * 10)
        }

        .md\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0)
        }

        .md\:pb-10 {
            padding-bottom: calc(var(--spacing) * 10)
        }

        .md\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20)
        }

        .md\:pb-24 {
            padding-bottom: calc(var(--spacing) * 24)
        }

        .md\:text-left {
            text-align: left
        }

        .md\:body-small {
            font-size: var(--typo-body-small-size);
            line-height: var(--typo-body-small-leading);
            letter-spacing: var(--typo-body-small-tracking);
            color: var(--typo-body-small-color);
            font-weight: 500
        }

        .md\:h4 {
            font-size: var(--typo-h4-size);
            line-height: var(--typo-h4-leading);
            letter-spacing: var(--typo-h4-tracking);
            color: var(--typo-h4-color)
        }

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

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

        .md\:whitespace-nowrap {
            white-space: nowrap
        }

        @media not all and (min-width:64rem) {
            .md\:max-lg\:-mx-12 {
                margin-inline: calc(var(--spacing) * -12)
            }

            .md\:max-lg\:w-\[calc\(100\%\+6rem\)\] {
                width: calc(100% + 6rem)
            }
        }
    }

    @media (min-width:64rem) {
        .lg\:pointer-events-none {
            pointer-events: none
        }

        .lg\:sticky {
            position: sticky
        }

        .lg\:top-4 {
            top: calc(var(--spacing) * 4)
        }

        .lg\:top-\[86px\] {
            top: 86px
        }

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

        .lg\:order-1 {
            order: 1
        }

        .lg\:order-2 {
            order: 2
        }

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

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

        .lg\:col-span-4 {
            grid-column: span 4/span 4
        }

        .lg\:col-start-5 {
            grid-column-start: 5
        }

        .lg\:col-start-8 {
            grid-column-start: 8
        }

        .lg\:col-start-11 {
            grid-column-start: 11
        }

        .lg\:row-span-2 {
            grid-row: span 2/span 2
        }

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

        .lg\:row-start-2 {
            grid-row-start: 2
        }

        .lg\:m-0 {
            margin: calc(var(--spacing) * 0)
        }

        .lg\:mx-0 {
            margin-inline: calc(var(--spacing) * 0)
        }

        .lg\:-mt-40 {
            margin-top: calc(var(--spacing) * -40)
        }

        .lg\:mt-\[90px\] {
            margin-top: 90px
        }

        .lg\:mt-auto {
            margin-top: auto
        }

        .lg\:-mr-16 {
            margin-right: calc(var(--spacing) * -16)
        }

        .lg\:ml-\[13\.5625rem\] {
            margin-left: 13.5625rem
        }

        .lg\:block {
            display: block
        }

        .lg\:flex {
            display: flex
        }

        .lg\:grid {
            display: grid
        }

        .lg\:hidden {
            display: none
        }

        .lg\:table {
            display: table
        }

        .lg\:aspect-auto {
            aspect-ratio: auto
        }

        .lg\:size-\[3\.25rem\] {
            width: 3.25rem;
            height: 3.25rem
        }

        .lg\:h-32 {
            height: calc(var(--spacing) * 32)
        }

        .lg\:h-72 {
            height: calc(var(--spacing) * 72)
        }

        .lg\:h-\[5\.25rem\] {
            height: 5.25rem
        }

        .lg\:h-\[56\.25rem\] {
            height: 56.25rem
        }

        .lg\:h-\[60rem\] {
            height: 60rem
        }

        .lg\:h-\[67\.9375rem\] {
            height: 67.9375rem
        }

        .lg\:h-full {
            height: 100%
        }

        .lg\:max-h-12 {
            max-height: calc(var(--spacing) * 12)
        }

        .lg\:max-h-80 {
            max-height: calc(var(--spacing) * 80)
        }

        .lg\:min-h-0 {
            min-height: calc(var(--spacing) * 0)
        }

        .lg\:min-h-\[15\.75rem\] {
            min-height: 15.75rem
        }

        .lg\:min-h-\[23\.75rem\] {
            min-height: 23.75rem
        }

        .lg\:min-h-\[28\.9375rem\] {
            min-height: 28.9375rem
        }

        .lg\:min-h-\[28rem\] {
            min-height: 28rem
        }

        .lg\:min-h-\[29rem\] {
            min-height: 29rem
        }

        .lg\:min-h-\[37\.1875rem\] {
            min-height: 37.1875rem
        }

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

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

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

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

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

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

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

        .lg\:w-72\.75 {
            width: calc(var(--spacing) * 72.75)
        }

        .lg\:w-103\.25 {
            width: calc(var(--spacing) * 103.25)
        }

        .lg\:w-\[6\.75rem\] {
            width: 6.75rem
        }

        .lg\:w-\[34\.125rem\] {
            width: 34.125rem
        }

        .lg\:w-\[776px\] {
            width: 776px
        }

        .lg\:w-auto {
            width: auto
        }

        .lg\:w-full {
            width: 100%
        }

        .lg\:max-w-12 {
            max-width: calc(var(--spacing) * 12)
        }

        .lg\:max-w-16 {
            max-width: calc(var(--spacing) * 16)
        }

        .lg\:max-w-72 {
            max-width: calc(var(--spacing) * 72)
        }

        .lg\:max-w-182 {
            max-width: calc(var(--spacing) * 182)
        }

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

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

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

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

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

        .lg\:max-w-md {
            max-width: var(--container-md)
        }

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

        .lg\:min-w-60 {
            min-width: calc(var(--spacing) * 60)
        }

        .lg\:flex-1 {
            flex: 1
        }

        .lg\:flex-\[1_1_55\%\] {
            flex: 55%
        }

        .lg\:shrink-0 {
            flex-shrink: 0
        }

        .lg\:translate-y-\[42\%\] {
            --tw-translate-y: 42%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

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

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

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

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

        .lg\:grid-cols-\[12\.3125rem_minmax\(0\,39\.375rem\)\] {
            grid-template-columns: 12.3125rem minmax(0, 39.375rem)
        }

        .lg\:grid-cols-\[12\.3125rem_minmax\(0\,46\.125rem\)\] {
            grid-template-columns: 12.3125rem minmax(0, 46.125rem)
        }

        .lg\:grid-cols-\[16rem_minmax\(0\,1fr\)\] {
            grid-template-columns: 16rem minmax(0, 1fr)
        }

        .lg\:grid-cols-\[19rem_minmax\(0\,1fr\)\] {
            grid-template-columns: 19rem minmax(0, 1fr)
        }

        .lg\:grid-cols-\[minmax\(0\,0\.72fr\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, .72fr) minmax(0, 1fr)
        }

        .lg\:grid-cols-\[minmax\(0\,19rem\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 19rem) minmax(0, 1fr)
        }

        .lg\:grid-cols-\[minmax\(0\,27\.125rem\)_minmax\(0\,39\.375rem\)\] {
            grid-template-columns: minmax(0, 27.125rem) minmax(0, 39.375rem)
        }

        .lg\:grid-cols-\[minmax\(0\,29\.625rem\)_minmax\(0\,45\.375rem\)\] {
            grid-template-columns: minmax(0, 29.625rem) minmax(0, 45.375rem)
        }

        .lg\:grid-cols-\[minmax\(0\,48\.5rem\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 48.5rem) minmax(0, 1fr)
        }

        .lg\:grid-cols-\[minmax\(0\,260px\)_minmax\(0\,180px\)_minmax\(0\,1fr\)_minmax\(0\,340px\)\] {
            grid-template-columns: minmax(0, 260px) minmax(0, 180px) minmax(0, 1fr) minmax(0, 340px)
        }

        .lg\:grid-cols-\[minmax\(0\,519fr\)_minmax\(0\,630fr\)\] {
            grid-template-columns: minmax(0, 519fr) minmax(0, 630fr)
        }

        .lg\:grid-cols-\[repeat\(5\,minmax\(0\,7\.3125rem\)\)\] {
            grid-template-columns: repeat(5, minmax(0, 7.3125rem))
        }

        .lg\:grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr))
        }

        .lg\:flex-col {
            flex-direction: column
        }

        .lg\:flex-row {
            flex-direction: row
        }

        .lg\:flex-nowrap {
            flex-wrap: nowrap
        }

        .lg\:items-center {
            align-items: center
        }

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

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

        .lg\:items-stretch {
            align-items: stretch
        }

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

        .lg\:justify-center {
            justify-content: center
        }

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

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

        .lg\:gap-4 {
            gap: calc(var(--spacing) * 4)
        }

        .lg\:gap-5 {
            gap: calc(var(--spacing) * 5)
        }

        .lg\:gap-6 {
            gap: calc(var(--spacing) * 6)
        }

        .lg\:gap-8 {
            gap: calc(var(--spacing) * 8)
        }

        .lg\:gap-10 {
            gap: calc(var(--spacing) * 10)
        }

        .lg\:gap-12 {
            gap: calc(var(--spacing) * 12)
        }

        .lg\:gap-14 {
            gap: calc(var(--spacing) * 14)
        }

        .lg\:gap-16 {
            gap: calc(var(--spacing) * 16)
        }

        .lg\:gap-20 {
            gap: calc(var(--spacing) * 20)
        }

        .lg\:gap-28 {
            gap: calc(var(--spacing) * 28)
        }

        .lg\:gap-32 {
            gap: calc(var(--spacing) * 32)
        }

        .lg\:gap-\[6\.75rem\] {
            gap: 6.75rem
        }

        .lg\:gap-x-5 {
            column-gap: calc(var(--spacing) * 5)
        }

        .lg\:gap-y-0 {
            row-gap: calc(var(--spacing) * 0)
        }

        .lg\:self-stretch {
            align-self: stretch
        }

        .lg\:justify-self-end {
            justify-self: flex-end
        }

        .lg\:overflow-x-visible {
            overflow-x: visible
        }

        .lg\:rounded-section {
            border-radius: var(--radius-section)
        }

        .lg\:rounded-t-section {
            border-top-left-radius: var(--radius-section);
            border-top-right-radius: var(--radius-section)
        }

        .lg\:rounded-b-section {
            border-bottom-right-radius: var(--radius-section);
            border-bottom-left-radius: var(--radius-section)
        }

        .lg\:object-contain {
            object-fit: contain
        }

        .lg\:object-bottom {
            object-position: bottom
        }

        .lg\:object-bottom-right {
            object-position: right bottom
        }

        .lg\:p-0 {
            padding: calc(var(--spacing) * 0)
        }

        .lg\:p-8 {
            padding: calc(var(--spacing) * 8)
        }

        .lg\:p-9 {
            padding: calc(var(--spacing) * 9)
        }

        .lg\:p-16 {
            padding: calc(var(--spacing) * 16)
        }

        .lg\:p-20 {
            padding: calc(var(--spacing) * 20)
        }

        .lg\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .lg\:px-6 {
            padding-inline: calc(var(--spacing) * 6)
        }

        .lg\:px-8 {
            padding-inline: calc(var(--spacing) * 8)
        }

        .lg\:px-10 {
            padding-inline: calc(var(--spacing) * 10)
        }

        .lg\:px-14 {
            padding-inline: calc(var(--spacing) * 14)
        }

        .lg\:px-16 {
            padding-inline: calc(var(--spacing) * 16)
        }

        .lg\:px-20 {
            padding-inline: calc(var(--spacing) * 20)
        }

        .lg\:px-\[60px\] {
            padding-inline: 60px
        }

        .lg\:px-\[72px\] {
            padding-inline: 72px
        }

        .lg\:py-4 {
            padding-block: calc(var(--spacing) * 4)
        }

        .lg\:py-8 {
            padding-block: calc(var(--spacing) * 8)
        }

        .lg\:py-10 {
            padding-block: calc(var(--spacing) * 10)
        }

        .lg\:py-14 {
            padding-block: calc(var(--spacing) * 14)
        }

        .lg\:py-16 {
            padding-block: calc(var(--spacing) * 16)
        }

        .lg\:py-20 {
            padding-block: calc(var(--spacing) * 20)
        }

        .lg\:py-28 {
            padding-block: calc(var(--spacing) * 28)
        }

        .lg\:pt-1 {
            padding-top: calc(var(--spacing) * 1)
        }

        .lg\:pt-4 {
            padding-top: calc(var(--spacing) * 4)
        }

        .lg\:pt-16 {
            padding-top: calc(var(--spacing) * 16)
        }

        .lg\:pt-48 {
            padding-top: calc(var(--spacing) * 48)
        }

        .lg\:pr-0 {
            padding-right: calc(var(--spacing) * 0)
        }

        .lg\:pr-16 {
            padding-right: calc(var(--spacing) * 16)
        }

        .lg\:pb-1 {
            padding-bottom: calc(var(--spacing) * 1)
        }

        .lg\:pb-4 {
            padding-bottom: calc(var(--spacing) * 4)
        }

        .lg\:pb-16 {
            padding-bottom: calc(var(--spacing) * 16)
        }

        .lg\:pb-20 {
            padding-bottom: calc(var(--spacing) * 20)
        }

        .lg\:pb-24 {
            padding-bottom: calc(var(--spacing) * 24)
        }

        .lg\:pb-28 {
            padding-bottom: calc(var(--spacing) * 28)
        }

        .lg\:pb-60 {
            padding-bottom: calc(var(--spacing) * 60)
        }

        .lg\:pl-16 {
            padding-left: calc(var(--spacing) * 16)
        }

        .lg\:text-left {
            text-align: left
        }

        .lg\:h1 {
            font-size: var(--typo-h1-size);
            line-height: var(--typo-h1-leading);
            letter-spacing: var(--typo-h1-tracking);
            color: var(--typo-h1-color)
        }

        .lg\:text-5xl {
            font-size: var(--text-5xl);
            line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .lg\:text-7xl {
            font-size: var(--text-7xl);
            line-height: var(--tw-leading, var(--text-7xl--line-height))
        }

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

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

        .lg\:shadow-\[0_16px_36px_rgba\(255\,255\,255\,0\.62\)\] {
            --tw-shadow: 0 16px 36px var(--tw-shadow-color, #ffffff9e);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
    }

    @media (min-width:80rem) {
        .xl\:order-none {
            order: 0
        }

        .xl\:row-span-2 {
            grid-row: span 2/span 2
        }

        .xl\:mx-0 {
            margin-inline: calc(var(--spacing) * 0)
        }

        .xl\:mt-0 {
            margin-top: calc(var(--spacing) * 0)
        }

        .xl\:ml-auto {
            margin-left: auto
        }

        .xl\:block {
            display: block
        }

        .xl\:hidden {
            display: none
        }

        .xl\:min-h-\[49\.9375rem\] {
            min-height: 49.9375rem
        }

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

        .xl\:w-96 {
            width: calc(var(--spacing) * 96)
        }

        .xl\:w-\[434px\] {
            width: 434px
        }

        .xl\:w-\[632px\] {
            width: 632px
        }

        .xl\:max-w-\[40\.625rem\] {
            max-width: 40.625rem
        }

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

        .xl\:shrink-0 {
            flex-shrink: 0
        }

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

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

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

        .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,630px\)\] {
            grid-template-columns: minmax(0, 1fr) minmax(0, 630px)
        }

        .xl\:grid-cols-\[minmax\(0\,474px\)_minmax\(0\,1fr\)\] {
            grid-template-columns: minmax(0, 474px) minmax(0, 1fr)
        }

        .xl\:flex-row {
            flex-direction: row
        }

        .xl\:items-center {
            align-items: center
        }

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

        .xl\:items-stretch {
            align-items: stretch
        }

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

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

        .xl\:gap-12 {
            gap: calc(var(--spacing) * 12)
        }

        .xl\:gap-16 {
            gap: calc(var(--spacing) * 16)
        }

        .xl\:gap-20 {
            gap: calc(var(--spacing) * 20)
        }

        .xl\:gap-\[106px\] {
            gap: 106px
        }

        .xl\:gap-x-20 {
            column-gap: calc(var(--spacing) * 20)
        }

        .xl\:gap-y-8 {
            row-gap: calc(var(--spacing) * 8)
        }

        .xl\:px-0 {
            padding-inline: calc(var(--spacing) * 0)
        }

        .xl\:px-10 {
            padding-inline: calc(var(--spacing) * 10)
        }

        .xl\:px-20 {
            padding-inline: calc(var(--spacing) * 20)
        }

        .xl\:px-27 {
            padding-inline: calc(var(--spacing) * 27)
        }

        .xl\:px-\[5rem\] {
            padding-inline: 5rem
        }

        .xl\:py-20 {
            padding-block: calc(var(--spacing) * 20)
        }

        .xl\:py-28 {
            padding-block: calc(var(--spacing) * 28)
        }

        .xl\:py-\[7rem\] {
            padding-block: 7rem
        }

        .xl\:py-\[112px\] {
            padding-block: 112px
        }

        .xl\:pt-0 {
            padding-top: calc(var(--spacing) * 0)
        }

        .xl\:pt-\[12rem\] {
            padding-top: 12rem
        }

        .xl\:pt-\[42px\] {
            padding-top: 42px
        }

        .xl\:pr-10 {
            padding-right: calc(var(--spacing) * 10)
        }

        .xl\:pb-0 {
            padding-bottom: calc(var(--spacing) * 0)
        }

        .xl\:pb-28 {
            padding-bottom: calc(var(--spacing) * 28)
        }

        .xl\:pl-20 {
            padding-left: calc(var(--spacing) * 20)
        }

        .xl\:text-left {
            text-align: left
        }

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

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

        .xl\:tracking-\[-4\.8px\] {
            --tw-tracking: -4.8px;
            letter-spacing: -4.8px
        }

        .xl\:whitespace-nowrap {
            white-space: nowrap
        }
    }

    @media (min-width:96rem) {
        .\32 xl\:w-\[25\.875rem\] {
            width: 25.875rem
        }

        .\32 xl\:gap-\[6\.75rem\] {
            gap: 6.75rem
        }

        .\32 xl\:pr-16 {
            padding-right: calc(var(--spacing) * 16)
        }

        .\32 xl\:pl-40 {
            padding-left: calc(var(--spacing) * 40)
        }
    }

    .dark\:block:is(.dark *) {
        display: block
    }

    .dark\:hidden:is(.dark *) {
        display: none
    }

    .dark\:border-primitive-purple-700:is(.dark *) {
        border-color: var(--primitive-purple-700)
    }

    .dark\:border-transparent:is(.dark *) {
        border-color: #0000
    }

    .dark\:border-white:is(.dark *) {
        border-color: var(--color-white)
    }

    .dark\:border-white\/15:is(.dark *) {
        border-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/15:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
        }
    }

    .dark\:border-white\/20:is(.dark *) {
        border-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:border-white\/20:is(.dark *) {
            border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
    }

    .dark\:\!bg-transparent:is(.dark *) {
        background-color: #0000 !important
    }

    .dark\:bg-primitive-main-dark:is(.dark *) {
        background-color: var(--primitive-main-dark)
    }

    .dark\:bg-primitive-orange-400\/20:is(.dark *) {
        background-color: var(--primitive-orange-400)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-primitive-orange-400\/20:is(.dark *) {
            background-color: color-mix(in oklab, var(--primitive-orange-400) 20%, transparent)
        }
    }

    .dark\:bg-primitive-purple-200\/50:is(.dark *) {
        background-color: var(--primitive-purple-200)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-primitive-purple-200\/50:is(.dark *) {
            background-color: color-mix(in oklab, var(--primitive-purple-200) 50%, transparent)
        }
    }

    .dark\:bg-primitive-purple-300:is(.dark *) {
        background-color: var(--primitive-purple-300)
    }

    .dark\:bg-primitive-purple-800:is(.dark *),
    .dark\:bg-primitive-purple-800\/50:is(.dark *) {
        background-color: var(--primitive-purple-800)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-primitive-purple-800\/50:is(.dark *) {
            background-color: color-mix(in oklab, var(--primitive-purple-800) 50%, transparent)
        }
    }

    .dark\:bg-primitive-purple-900:is(.dark *),
    .dark\:bg-primitive-purple-900\/40:is(.dark *) {
        background-color: var(--primitive-purple-900)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-primitive-purple-900\/40:is(.dark *) {
            background-color: color-mix(in oklab, var(--primitive-purple-900) 40%, transparent)
        }
    }

    .dark\:bg-transparent:is(.dark *) {
        background-color: #0000
    }

    .dark\:bg-white:is(.dark *) {
        background-color: var(--color-white)
    }

    .dark\:bg-white\/6:is(.dark *) {
        background-color: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-white\/6:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-white) 6%, transparent)
        }
    }

    .dark\:bg-white\/10:is(.dark *) {
        background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:bg-white\/10:is(.dark *) {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
    }

    .dark\:text-\[\#292737\]:is(.dark *) {
        color: #292737
    }

    .dark\:text-primary:is(.dark *) {
        color: var(--text-primary)
    }

    .dark\:text-primitive-main-dark:is(.dark *) {
        color: var(--primitive-main-dark)
    }

    .dark\:text-primitive-main-white:is(.dark *) {
        color: var(--primitive-main-white)
    }

    .dark\:text-primitive-orange-400:is(.dark *) {
        color: var(--primitive-orange-400)
    }

    .dark\:text-primitive-purple-200:is(.dark *) {
        color: var(--primitive-purple-200)
    }

    .dark\:text-primitive-purple-400:is(.dark *) {
        color: var(--primitive-purple-400)
    }

    .dark\:text-white:is(.dark *) {
        color: var(--color-white)
    }

    .dark\:ring-primitive-main-white\/10:is(.dark *) {
        --tw-ring-color: var(--primitive-main-white)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:ring-primitive-main-white\/10:is(.dark *) {
            --tw-ring-color: color-mix(in oklab, var(--primitive-main-white) 10%, transparent)
        }
    }

    .dark\:filter-none:is(.dark *) {
        filter: none
    }

    .dark\:after\:bg-primitive-main-white:is(.dark *):after {
        content: var(--tw-content);
        background-color: var(--primitive-main-white)
    }

    @media (hover:hover) {
        .dark\:hover\:bg-primitive-main-white\/\[0\.08\]:is(.dark *):hover {
            background-color: var(--primitive-main-white)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-primitive-main-white\/\[0\.08\]:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--primitive-main-white) 8%, transparent)
            }
        }

        .dark\:hover\:bg-primitive-orange-400\/30:is(.dark *):hover {
            background-color: var(--primitive-orange-400)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-primitive-orange-400\/30:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--primitive-orange-400) 30%, transparent)
            }
        }

        .dark\:hover\:bg-primitive-purple-50\/50:is(.dark *):hover {
            background-color: var(--primitive-purple-50)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-primitive-purple-50\/50:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--primitive-purple-50) 50%, transparent)
            }
        }

        .dark\:hover\:bg-primitive-purple-800\/60:is(.dark *):hover {
            background-color: var(--primitive-purple-800)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-primitive-purple-800\/60:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--primitive-purple-800) 60%, transparent)
            }
        }

        .dark\:hover\:bg-white\/10:is(.dark *):hover {
            background-color: #ffffff1a
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-white\/10:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
            }
        }

        .dark\:hover\:bg-white\/95:is(.dark *):hover {
            background-color: #fffffff2
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-white\/95:is(.dark *):hover {
                background-color: color-mix(in oklab, var(--color-white) 95%, transparent)
            }
        }

        .dark\:hover\:text-primary:is(.dark *):hover {
            color: var(--text-primary)
        }

        .dark\:hover\:text-primitive-main-white:is(.dark *):hover {
            color: var(--primitive-main-white)
        }
    }

    .dark\:focus-visible\:border-primitive-purple-400:is(.dark *):focus-visible {
        border-color: var(--primitive-purple-400)
    }

    .dark\:focus-visible\:ring-primitive-orange-400\/40:is(.dark *):focus-visible {
        --tw-ring-color: var(--primitive-orange-400)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus-visible\:ring-primitive-orange-400\/40:is(.dark *):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--primitive-orange-400) 40%, transparent)
        }
    }

    .dark\:focus-visible\:ring-primitive-purple-400\/40:is(.dark *):focus-visible {
        --tw-ring-color: var(--primitive-purple-400)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus-visible\:ring-primitive-purple-400\/40:is(.dark *):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--primitive-purple-400) 40%, transparent)
        }
    }

    .dark\:focus-visible\:ring-primitive-purple-400\/50:is(.dark *):focus-visible {
        --tw-ring-color: var(--primitive-purple-400)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:focus-visible\:ring-primitive-purple-400\/50:is(.dark *):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--primitive-purple-400) 50%, transparent)
        }
    }

    .dark\:focus-visible\:outline-primitive-purple-400:is(.dark *):focus-visible {
        outline-color: var(--primitive-purple-400)
    }

    .dark\:focus-visible\:after\:border-primitive-purple-400:is(.dark *):focus-visible:after {
        content: var(--tw-content);
        border-color: var(--primitive-purple-400)
    }

    .dark\:aria-expanded\:bg-primitive-main-white\/\[0\.08\]:is(.dark *)[aria-expanded=true] {
        background-color: var(--primitive-main-white)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:aria-expanded\:bg-primitive-main-white\/\[0\.08\]:is(.dark *)[aria-expanded=true] {
            background-color: color-mix(in oklab, var(--primitive-main-white) 8%, transparent)
        }
    }

    .dark\:aria-invalid\:border-primitive-orange-400:is(.dark *)[aria-invalid=true],
    .dark\:aria-invalid\:border-primitive-orange-400\/50:is(.dark *)[aria-invalid=true] {
        border-color: var(--primitive-orange-400)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:aria-invalid\:border-primitive-orange-400\/50:is(.dark *)[aria-invalid=true] {
            border-color: color-mix(in oklab, var(--primitive-orange-400) 50%, transparent)
        }
    }

    .dark\:aria-invalid\:ring-primitive-orange-400\/40:is(.dark *)[aria-invalid=true] {
        --tw-ring-color: var(--primitive-orange-400)
    }

    @supports (color:color-mix(in lab, red, red)) {
        .dark\:aria-invalid\:ring-primitive-orange-400\/40:is(.dark *)[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--primitive-orange-400) 40%, transparent)
        }
    }

    :is(.dark\:\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-primitive-purple-200:is(.dark *) *)[data-slot=accordion-trigger-icon] {
        color: var(--primitive-purple-200)
    }

    .data-open\:animate-accordion-down:where([data-state=open]),
    .data-open\:animate-accordion-down:where([data-open]:not([data-open=false])) {
        animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-open\:animate-in:where([data-state=open]),
    .data-open\:animate-in:where([data-open]:not([data-open=false])) {
        animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-open\:fade-in-0:where([data-state=open]),
    .data-open\:fade-in-0:where([data-open]:not([data-open=false])) {
        --tw-enter-opacity: 0
    }

    .data-open\:zoom-in-95:where([data-state=open]),
    .data-open\:zoom-in-95:where([data-open]:not([data-open=false])) {
        --tw-enter-scale: .95
    }

    .data-closed\:animate-accordion-up:where([data-state=closed]),
    .data-closed\:animate-accordion-up:where([data-closed]:not([data-closed=false])) {
        animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-closed\:animate-out:where([data-state=closed]),
    .data-closed\:animate-out:where([data-closed]:not([data-closed=false])) {
        animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none)
    }

    .data-closed\:fade-out-0:where([data-state=closed]),
    .data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])) {
        --tw-exit-opacity: 0
    }

    .data-closed\:zoom-out-95:where([data-state=closed]),
    .data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])) {
        --tw-exit-scale: .95
    }

    .data-active\:bg-primitive-main-beige:where([data-state=active]),
    .data-active\:bg-primitive-main-beige:where([data-active]:not([data-active=false])) {
        background-color: var(--primitive-main-beige)
    }

    .data-active\:bg-transparent:where([data-state=active]),
    .data-active\:bg-transparent:where([data-active]:not([data-active=false])) {
        background-color: #0000
    }

    .data-active\:text-contrast:where([data-state=active]),
    .data-active\:text-contrast:where([data-active]:not([data-active=false])) {
        color: var(--text-contrast)
    }

    .data-active\:text-primitive-main-dark:where([data-state=active]),
    .data-active\:text-primitive-main-dark:where([data-active]:not([data-active=false])) {
        color: var(--primitive-main-dark)
    }

    .data-active\:opacity-100:where([data-state=active]),
    .data-active\:opacity-100:where([data-active]:not([data-active=false])) {
        opacity: 1
    }

    .data-active\:shadow-none:where([data-state=active]),
    .data-active\:shadow-none:where([data-active]:not([data-active=false])) {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-state=active]),
    .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *):where([data-active]:not([data-active=false])) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),
    .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) {
        background-color: #0000
    }

    .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),
    .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) {
        --tw-shadow: 0 0 #0000;
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    :is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false]))):after {
        content: var(--tw-content);
        opacity: 1
    }

    .dark\:data-active\:border-primitive-purple-700:is(.dark *):where([data-state=active]),
    .dark\:data-active\:border-primitive-purple-700:is(.dark *):where([data-active]:not([data-active=false])) {
        border-color: var(--primitive-purple-700)
    }

    .dark\:data-active\:bg-primitive-purple-700\/30:is(.dark *):where([data-state=active]),
    .dark\:data-active\:bg-primitive-purple-700\/30:is(.dark *):where([data-active]:not([data-active=false])) {
        background-color: var(--primitive-purple-700)
    }

    @supports (color:color-mix(in lab, red, red)) {

        .dark\:data-active\:bg-primitive-purple-700\/30:is(.dark *):where([data-state=active]),
        .dark\:data-active\:bg-primitive-purple-700\/30:is(.dark *):where([data-active]:not([data-active=false])) {
            background-color: color-mix(in oklab, var(--primitive-purple-700) 30%, transparent)
        }
    }

    .dark\:data-active\:text-primitive-main-white:is(.dark *):where([data-state=active]),
    .dark\:data-active\:text-primitive-main-white:is(.dark *):where([data-active]:not([data-active=false])) {
        color: var(--primitive-main-white)
    }

    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) {
        border-color: #0000
    }

    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-state=active]),
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant=line] *):where([data-active]:not([data-active=false])) {
        background-color: #0000
    }

    .data-horizontal\:flex-col:where([data-orientation=horizontal]) {
        flex-direction: column
    }

    .\[\&_\.body-small\]\:text-white .body-small {
        color: var(--color-white)
    }

    .\[\&_\.slack-attached-pill\]\:cursor-default .slack-attached-pill {
        cursor: default
    }

    .\[\&_\.swiper-wrapper\]\:items-stretch .swiper-wrapper {
        align-items: stretch
    }

    .\[\&_a\]\:text-accent-1 a {
        color: var(--text-accent-1)
    }

    .\[\&_a\]\:text-primary a {
        color: var(--text-primary)
    }

    .\[\&_a\]\:text-primitive-main-dark a {
        color: var(--primitive-main-dark)
    }

    .\[\&_a\]\:underline a {
        text-decoration-line: underline
    }

    .\[\&_a\]\:underline-offset-3 a {
        text-underline-offset: 3px
    }

    .\[\&_a\]\:underline-offset-4 a {
        text-underline-offset: 4px
    }

    @media (hover:hover) {
        .\[\&_a\]\:hover\:text-primitive-main-dark a:hover {
            color: var(--primitive-main-dark)
        }
    }

    .\[\&_blockquote\]\:border-l blockquote {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px
    }

    .\[\&_blockquote\]\:border-primary blockquote {
        border-color: var(--border-primary)
    }

    .\[\&_blockquote\]\:pl-4 blockquote {
        padding-left: calc(var(--spacing) * 4)
    }

    .\[\&_code\]\:rounded code {
        border-radius: .875rem
    }

    .\[\&_code\]\:bg-primitive-purple-50 code {
        background-color: var(--primitive-purple-50)
    }

    .\[\&_code\]\:px-1 code {
        padding-inline: calc(var(--spacing) * 1)
    }

    .\[\&_code\]\:py-0\.5 code {
        padding-block: calc(var(--spacing) * .5)
    }

    .dark\:\[\&_code\]\:bg-primitive-purple-800:is(.dark *) code {
        background-color: var(--primitive-purple-800)
    }

    .\[\&_h1\]\:font-heading h1 {
        font-family: UlmGrotesk, Gellix, ui-sans-serif, sans-serif
    }

    .\[\&_h1\]\:h4 h1 {
        font-size: var(--typo-h4-size);
        line-height: var(--typo-h4-leading);
        letter-spacing: var(--typo-h4-tracking);
        color: var(--typo-h4-color)
    }

    .\[\&_h1\]\:text-4xl h1 {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }

    .\[\&_h1\]\:font-semibold h1 {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_h1\]\:text-primary h1 {
        color: var(--text-primary)
    }

    .\[\&_h1\]\:text-primitive-main-dark h1 {
        color: var(--primitive-main-dark)
    }

    .\[\&_h2\]\:mt-4 h2 {
        margin-top: calc(var(--spacing) * 4)
    }

    .\[\&_h2\]\:mt-11 h2 {
        margin-top: calc(var(--spacing) * 11)
    }

    .\[\&_h2\]\:font-heading h2 {
        font-family: UlmGrotesk, Gellix, ui-sans-serif, sans-serif
    }

    .\[\&_h2\]\:h5 h2 {
        font-size: var(--typo-h5-size);
        line-height: var(--typo-h5-leading);
        letter-spacing: var(--typo-h5-tracking);
        color: var(--typo-h5-color)
    }

    .\[\&_h2\]\:text-3xl h2 {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
    }

    .\[\&_h2\]\:font-semibold h2 {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_h2\]\:text-primary h2 {
        color: var(--text-primary)
    }

    .\[\&_h2\]\:text-primitive-main-dark h2 {
        color: var(--primitive-main-dark)
    }

    .\[\&_h2\:first-child\]\:mt-0 h2:first-child {
        margin-top: calc(var(--spacing) * 0)
    }

    .\[\&_h3\]\:mt-3 h3 {
        margin-top: calc(var(--spacing) * 3)
    }

    .\[\&_h3\]\:mt-8 h3 {
        margin-top: calc(var(--spacing) * 8)
    }

    .\[\&_h3\]\:font-heading h3 {
        font-family: UlmGrotesk, Gellix, ui-sans-serif, sans-serif
    }

    .\[\&_h3\]\:h6 h3 {
        font-size: var(--typo-h6-size);
        line-height: var(--typo-h6-leading);
        letter-spacing: var(--typo-h6-tracking);
        color: var(--typo-h6-color)
    }

    .\[\&_h3\]\:text-xl h3 {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }

    .\[\&_h3\]\:font-semibold h3 {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
    }

    .\[\&_h3\]\:text-primary h3 {
        color: var(--text-primary)
    }

    .\[\&_h3\]\:text-primitive-main-dark h3 {
        color: var(--primitive-main-dark)
    }

    .\[\&_hr\]\:my-6 hr {
        margin-block: calc(var(--spacing) * 6)
    }

    .\[\&_hr\]\:w-full hr {
        width: 100%
    }

    .\[\&_hr\]\:border-0 hr {
        border-style: var(--tw-border-style);
        border-width: 0
    }

    .\[\&_hr\]\:border-t hr {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }

    .\[\&_hr\]\:border-secondary hr {
        border-color: var(--border-secondary)
    }

    .\[\&_li\]\:mb-\[11px\] li {
        margin-bottom: 11px
    }

    .\[\&_li\]\:ml-5 li {
        margin-left: calc(var(--spacing) * 5)
    }

    .\[\&_li\]\:ml-6 li {
        margin-left: calc(var(--spacing) * 6)
    }

    .\[\&_li\:last-child\]\:mb-0 li:last-child {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .\[\&_ol\]\:list-decimal ol {
        list-style-type: decimal
    }

    .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .\[\&_pre\]\:overflow-x-auto pre {
        overflow-x: auto
    }

    .\[\&_pre\]\:rounded-lg pre {
        border-radius: var(--radius)
    }

    .\[\&_pre\]\:rounded-section pre {
        border-radius: var(--radius-section)
    }

    .\[\&_pre\]\:bg-primitive-purple-50 pre {
        background-color: var(--primitive-purple-50)
    }

    .\[\&_pre\]\:bg-secondary pre {
        background-color: var(--bg-secondary)
    }

    .\[\&_pre\]\:p-4 pre {
        padding: calc(var(--spacing) * 4)
    }

    .\[\&_pre\]\:p-5 pre {
        padding: calc(var(--spacing) * 5)
    }

    .\[\&_pre\]\:whitespace-pre pre {
        white-space: pre
    }

    .dark\:\[\&_pre\]\:bg-primitive-purple-800:is(.dark *) pre {
        background-color: var(--primitive-purple-800)
    }

    .\[\&_pre_code\]\:block pre code {
        display: block
    }

    .\[\&_pre_code\]\:rounded-none pre code {
        border-radius: 0
    }

    .\[\&_pre_code\]\:bg-transparent pre code {
        background-color: #0000
    }

    .\[\&_pre_code\]\:p-0 pre code {
        padding: calc(var(--spacing) * 0)
    }

    .\[\&_pre_code\]\:text-sm pre code {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }

    .\[\&_pre_code\]\:leading-6 pre code {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
    }

    .\[\&_span\]\:text-white span {
        color: var(--color-white)
    }

    .\[\&_strong\]\:font-medium strong {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
    }

    .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4)
    }

    .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]) {
        width: calc(var(--spacing) * 5);
        height: calc(var(--spacing) * 5)
    }

    .\[\&_table\]\:w-full table {
        width: 100%
    }

    .\[\&_td\]\:border td {
        border-style: var(--tw-border-style);
        border-width: 1px
    }

    .\[\&_td\]\:border-secondary td {
        border-color: var(--border-secondary)
    }

    .\[\&_td\]\:p-2 td {
        padding: calc(var(--spacing) * 2)
    }

    .\[\&_td\]\:p-3 td {
        padding: calc(var(--spacing) * 3)
    }

    .\[\&_td\]\:align-top td {
        vertical-align: top
    }

    .\[\&_td\]\:break-words td {
        overflow-wrap: break-word
    }

    .\[\&_ul\]\:list-disc ul {
        list-style-type: disc
    }

    .\[\.border-b\]\:pb-4.border-b {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size=sm] *).border-b {
        padding-bottom: calc(var(--spacing) * 3)
    }

    :is(.\*\:\[a\]\:underline>*):is(a) {
        text-decoration-line: underline
    }

    :is(.\*\:\[a\]\:underline-offset-3>*):is(a) {
        text-underline-offset: 3px
    }

    @media (hover:hover) {
        .\[a\]\:hover\:bg-accent-1:is(a):hover {
            background-color: var(--bg-accent-1)
        }

        .\[a\]\:hover\:bg-primitive-orange-700\/20:is(a):hover {
            background-color: var(--primitive-orange-700)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .\[a\]\:hover\:bg-primitive-orange-700\/20:is(a):hover {
                background-color: color-mix(in oklab, var(--primitive-orange-700) 20%, transparent)
            }
        }

        .\[a\]\:hover\:bg-primitive-purple-50:is(a):hover {
            background-color: var(--primitive-purple-50)
        }

        .\[a\]\:hover\:bg-white\/25:is(a):hover {
            background-color: #ffffff40
        }

        @supports (color:color-mix(in lab, red, red)) {
            .\[a\]\:hover\:bg-white\/25:is(a):hover {
                background-color: color-mix(in oklab, var(--color-white) 25%, transparent)
            }
        }

        .\[a\]\:hover\:text-primitive-main-grey:is(a):hover {
            color: var(--primitive-main-grey)
        }

        .\[a\]\:hover\:opacity-90:is(a):hover {
            opacity: .9
        }

        :is(.\*\:\[a\]\:hover\:text-primitive-main-dark>*):is(a):hover {
            color: var(--primitive-main-dark)
        }
    }

    :is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child) {
        border-top-left-radius: calc(var(--radius) * 1.4);
        border-top-right-radius: calc(var(--radius) * 1.4)
    }

    :is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child) {
        border-bottom-right-radius: calc(var(--radius) * 1.4);
        border-bottom-left-radius: calc(var(--radius) * 1.4)
    }

    .\[\&\>div\:last-of-type\]\:flex>div:last-of-type {
        display: flex
    }

    .\[\&\>div\:last-of-type\]\:min-h-0>div:last-of-type {
        min-height: calc(var(--spacing) * 0)
    }

    .\[\&\>div\:last-of-type\]\:flex-1>div:last-of-type {
        flex: 1
    }

    .\[\&\>div\:last-of-type\]\:flex-col>div:last-of-type {
        flex-direction: column
    }

    .\[\&\>svg\]\:pointer-events-none>svg {
        pointer-events: none
    }

    .\[\&\>svg\]\:size-3\!>svg {
        width: calc(var(--spacing) * 3) !important;
        height: calc(var(--spacing) * 3) !important
    }

    .\[\&\>svg\]\:size-full>svg {
        width: 100%;
        height: 100%
    }

    .\[\&\>svg\]\:max-w-none>svg {
        max-width: none
    }

    .\[\&\>svg\]\:object-contain>svg {
        object-fit: contain
    }

    .\[\&\>svg\]\:text-\[\#9693A3\]>svg {
        color: #9693a3
    }

    .\[\&\>svg\]\:text-accent-1>svg {
        color: var(--text-accent-1)
    }

    .\[\&\>svg\]\:text-eyebrow-icon>svg {
        color: var(--eyebrow-icon)
    }

    .\[\&\>svg\]\:text-primitive-main-dark>svg {
        color: var(--primitive-main-dark)
    }

    .\[\&\>svg\]\:text-primitive-main-white>svg {
        color: var(--primitive-main-white)
    }

    .\[\&\>svg\]\:text-tag-icon>svg {
        color: var(--tag-icon)
    }

    .\[\&\>svg\]\:text-white>svg {
        color: var(--color-white)
    }

    html[data-announcement-banner] .\[html\[data-announcement-banner\]_\&\]\:top-\[var\(--announcement-banner-height\,0px\)\] {
        top: var(--announcement-banner-height, 0px)
    }
}

@property --tw-animation-delay {
    syntax: "*";
    inherits: false;
    initial-value: 0s
}

@property --tw-animation-direction {
    syntax: "*";
    inherits: false;
    initial-value: normal
}

@property --tw-animation-duration {
    syntax: "*";
    inherits: false
}

@property --tw-animation-fill-mode {
    syntax: "*";
    inherits: false;
    initial-value: none
}

@property --tw-animation-iteration-count {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-enter-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-enter-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-enter-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-enter-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-enter-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-enter-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-blur {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-exit-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-exit-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-exit-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

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

@font-face {
    font-family: Gellix;
    src: url(fonts/Gellix-TRIAL-Medium.otf)format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: UlmGrotesk;
    src: url(fonts/UlmGrotesk-Bold-BF63d880d7c5c42.otf)format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
    --radius-section: var(--radius-4xl);
    --primitive-main-white: #fff;
    --primitive-main-beige: #faf5f1;
    --primitive-main-dark: #1a182b;
    --primitive-main-dblue: #150079;
    --primitive-main-grey: #9693a3;
    --primitive-purple-900: #2e1e6b;
    --primitive-purple-800: #3d278c;
    --primitive-purple-700: #4e32b5;
    --primitive-purple-600: #6441e8;
    --primitive-purple-500: #6e47ff;
    --primitive-purple-400: #8b6cff;
    --primitive-purple-300: #9e84ff;
    --primitive-purple-200: #bcaaff;
    --primitive-purple-100: #d2c6ff;
    --primitive-purple-50: #f1edff;
    --primitive-yellow-900: #6b6500;
    --primitive-yellow-800: #8c8400;
    --primitive-yellow-700: #b5aa00;
    --primitive-yellow-600: #e8da00;
    --primitive-yellow-500: #fff000;
    --primitive-yellow-400: #fff333;
    --primitive-yellow-300: #fff554;
    --primitive-yellow-200: #fff88a;
    --primitive-yellow-100: #fffab0;
    --primitive-yellow-50: #fffee6;
    --primitive-orange-900: #6b4f40;
    --primitive-orange-800: #8c6754;
    --primitive-orange-700: #b5856c;
    --primitive-orange-600: #e8aa8a;
    --primitive-orange-500: #ffbb98;
    --primitive-orange-400: #ffc9ad;
    --primitive-orange-300: #ffd1ba;
    --primitive-orange-200: #ffe0d0;
    --primitive-orange-100: #ffeadf;
    --primitive-orange-50: #fff8f5;
    --primitive-slack-ink: #0d061e;
    --slack-approval-approve-green: #007a5a;
    --slack-approval-reject-red: #e01e5a;
    --gradient-dark1: radial-gradient(108.79% 100% at 50% 0%, #ffbb9833 0%, #ffbb9800 100%), radial-gradient(210.1% 116.78% at 39.65% 0%, var(--primitive-purple-300) 0%, var(--primitive-purple-500) 36.52%, var(--primitive-main-dblue) 100%);
    --gradient-case-study-sidebar: radial-gradient(143.81% 100% at 50.21% 100%, var(--primitive-orange-500) 0%, #cfa0cc 25.36%, var(--primitive-purple-300) 50.71%, #7c63de 63.04%, #5a42bc 75.36%, #37219b 87.68%, #26118a 93.84%, var(--primitive-main-dblue) 100%);
    --gradient-dark2: radial-gradient(145.58% 104.75% at 52.06% -4.35%, var(--primitive-orange-500) 0%, var(--primitive-orange-500) 6.43%, var(--primitive-purple-300) 50.71%, var(--primitive-purple-500) 80.36%, var(--primitive-main-dblue) 100%);
    --gradient-dark4: radial-gradient(116.67% 103.85% at 52.06% -4.35%, var(--primitive-orange-500) 0%, var(--primitive-orange-500) 6.43%, #cfa0cc 28.57%, var(--primitive-purple-300) 50.71%, #8666ff 65.54%, var(--primitive-purple-500) 80.36%, #5835de 85.27%, #4224bc 90.18%, #2b129b 95.09%, #20098a 97.55%, var(--primitive-main-dblue) 100%);
    --gradient-ecommerce-hero: radial-gradient(108.79% 100% at 50% 0%, #ffbb9833 0%, #ffbb9800 100%), radial-gradient(302.51% 108.68% at 39.65% 0%, #9e84ff 0%, #8666ff 18.26%, #6e47ff 36.52%, #5835de 43.56%, #4224bc 50.6%, #2b129b 57.64%, #20098a 61.16%, #150079 64.68%, #150079 100%), linear-gradient(180deg, var(--primitive-main-dblue) 0%, var(--primitive-main-dblue) 100%);
    --bg-primary: var(--primitive-main-beige);
    --bg-secondary: var(--primitive-main-white);
    --bg-contrast: var(--primitive-main-dark);
    --bg-accent-1: var(--primitive-purple-500);
    --bg-accent-2: var(--primitive-orange-500);
    --bg-transparent: #faf5f100;
    --color-background: var(--bg-primary);
    --border-primary: var(--primitive-main-dark);
    --border-secondary: #1a182b14;
    --border-contrast: var(--primitive-main-white);
    --border-accent-1: var(--primitive-purple-500);
    --border-accent-2: var(--primitive-orange-500);
    --text-primary: var(--primitive-main-dark);
    --text-secondary: var(--primitive-main-grey);
    --text-contrast: var(--primitive-main-white);
    --text-accent-1: var(--primitive-purple-500);
    --text-accent-2: var(--primitive-orange-500);
    --icon-primary: var(--primitive-main-grey);
    --icon-accent-1: var(--primitive-purple-500);
    --icon-accent-2: var(--primitive-orange-500);
    --border-main: 1.25px;
    --slack-bg: var(--primitive-main-white);
    --slack-mention-bg: #6e47ff29;
    --slack-mention-text: var(--primitive-purple-500);
    --slack-app-badge-bg: #6e47ff29;
    --slack-app-badge-text: var(--primitive-purple-500);
    --slack-reaction-pill-bg: #f8f5f1;
    --slack-reaction-pill-hover-bg: color-mix(in srgb, var(--primitive-main-dark) 7%, var(--slack-reaction-pill-bg));
    --slack-add-reaction-icon: var(--primitive-main-dark);
    --slack-reaction-pill-text: var(--primitive-main-dark);
    --slack-reaction-pill-active-ring: color-mix(in srgb, var(--primitive-main-dark) 14%, var(--slack-reaction-pill-bg));
    --slack-approval-approve-bg: var(--slack-approval-approve-green);
    --slack-approval-approve-text: var(--primitive-main-white);
    --slack-approval-reject-bg: var(--slack-approval-reject-red);
    --slack-approval-reject-text: var(--primitive-main-white);
    --slack-message-pad-x: 12px;
    --slack-message-pad-y: 16px;
    --slack-attached-pill-bg: radial-gradient(ellipse 160% 120% at 52% -24%, #ffbd9e 0%, #fdbca0 6%, #947fff 51%, #6748fd 80%, #150079 100%);
    --slack-attached-pill-text: #fff;
    --slack-viktor-radius: 1rem;
    --slack-viktor-gap: 1rem;
    --slack-viktor-shell-bg: transparent;
    --slack-viktor-feather-blur: 12px;
    --conic-gradient-bg: conic-gradient(from -60deg at 62% 64%, #ffbd9e99 0%, #ffbd9e99 15%, #d2c6ff99 35%, #6748fd99 45%, #fde3aa99 80%, #ffbd9e99 100%);
    --slack-viktor-glass-background: var(--conic-gradient-bg), linear-gradient(0deg, #fff3 0%, #fff3 100%), #3333;
    --slack-viktor-glass-bezel-inset-shadow: 2.702px 2.702px 1.351px -2.702px #fff inset, -2.702px -2.702px 1.351px -2.702px #fff inset;
    --slack-viktor-card-drop-shadow: 0 16px 32px 0 #1a182929;
    --btn-primary-bg: var(--primitive-main-dark);
    --btn-primary-border: var(--primitive-main-dark);
    --btn-primary-text: var(--primitive-main-white);
    --btn-secondary-bg: var(--bg-transparent);
    --btn-secondary-border: #1a182b1a;
    --btn-secondary-text: var(--primitive-main-dark);
    --tag-bg: var(--primitive-purple-500);
    --tag-border: var(--primitive-purple-500);
    --tag-text: var(--primitive-main-white);
    --tag-icon: var(--primitive-main-white);
    --eyebrow-bg: var(--bg-transparent);
    --eyebrow-border: var(--bg-transparent);
    --eyebrow-text: var(--primitive-purple-700);
    --eyebrow-icon: transparent;
    --slack-text: var(--primitive-slack-ink);
    --slack-text-secondary: color-mix(in srgb, var(--primitive-slack-ink) 60%, transparent)
}

.dark {
    --bg-primary: var(--primitive-main-dblue);
    --bg-secondary: var(--primitive-main-white)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark {
        --bg-secondary: color-mix(in srgb, var(--primitive-main-white) 10%, var(--primitive-main-dblue))
    }
}

.dark {
    --bg-contrast: var(--primitive-main-white);
    --bg-accent-1: var(--primitive-purple-500);
    --bg-accent-2: var(--primitive-orange-500);
    --bg-transparent: #15007900;
    --border-primary: var(--primitive-main-white);
    --border-secondary: var(--primitive-main-dark);
    --border-contrast: var(--primitive-main-white);
    --border-accent-1: var(--primitive-purple-500);
    --border-accent-2: var(--primitive-orange-500);
    --text-primary: var(--primitive-main-white);
    --text-secondary: var(--primitive-main-white);
    --text-contrast: var(--primitive-main-white);
    --text-accent-1: var(--primitive-purple-500);
    --text-accent-2: var(--primitive-orange-500);
    --icon-primary: var(--primitive-main-grey);
    --icon-accent-1: var(--primitive-purple-500);
    --icon-accent-2: var(--primitive-orange-500);
    --btn-primary-bg: var(--primitive-main-white);
    --btn-primary-border: var(--primitive-main-white);
    --btn-primary-text: var(--primitive-main-dark);
    --btn-secondary-bg: var(--bg-transparent);
    --btn-secondary-border: #fff3;
    --btn-secondary-text: var(--primitive-main-white);
    --tag-bg: var(--primitive-purple-500);
    --tag-border: var(--primitive-purple-500);
    --tag-text: var(--primitive-main-white);
    --tag-icon: var(--primitive-main-white);
    --eyebrow-bg: var(--primitive-purple-100);
    --eyebrow-border: var(--primitive-purple-100);
    --eyebrow-text: var(--primitive-purple-100);
    --eyebrow-icon: var(--primitive-purple-100);
    --slack-bg: var(--primitive-main-white);
    --slack-text: var(--primitive-main-white)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark {
        --slack-text: color-mix(in srgb, var(--primitive-main-white) 95%, transparent)
    }
}

.dark {
    --slack-text-secondary: var(--primitive-main-white)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark {
        --slack-text-secondary: color-mix(in srgb, var(--primitive-main-white) 60%, transparent)
    }
}

.dark {
    --slack-mention-bg: #ffbd9e29;
    --slack-mention-text: var(--text-accent-2);
    --slack-app-badge-bg: var(--primitive-purple-800);
    --slack-app-badge-text: var(--primitive-main-white);
    --slack-reaction-pill-bg: var(--primitive-purple-100);
    --slack-reaction-pill-hover-bg: var(--primitive-main-white)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark {
        --slack-reaction-pill-hover-bg: color-mix(in srgb, var(--primitive-main-white) 22%, var(--slack-reaction-pill-bg))
    }
}

.dark {
    --slack-add-reaction-icon: var(--primitive-purple-900);
    --slack-reaction-pill-text: var(--primitive-purple-900);
    --slack-reaction-pill-active-ring: var(--primitive-purple-900)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark {
        --slack-reaction-pill-active-ring: color-mix(in srgb, var(--primitive-purple-900) 28%, var(--slack-reaction-pill-bg))
    }
}

.dark {
    --slack-approval-approve-bg: var(--slack-approval-approve-green);
    --slack-approval-approve-text: var(--primitive-main-white);
    --slack-approval-reject-bg: var(--slack-approval-reject-red);
    --slack-approval-reject-text: var(--primitive-main-white);
    --slack-viktor-shell-bg: transparent;
    color: var(--text-primary)
}

.dark,
.dark * {
    --typo-h1-color: var(--text-contrast);
    --typo-h2-color: var(--text-contrast);
    --typo-h3-color: var(--text-contrast);
    --typo-h4-color: var(--text-contrast);
    --typo-h5-color: var(--text-contrast);
    --typo-h6-color: var(--text-contrast);
    --typo-body-main-color: var(--text-primary);
    --typo-body-medium-color: var(--text-primary);
    --typo-body-large-color: var(--text-primary);
    --typo-body-small-color: var(--text-primary);
    --typo-body-tiny-color: var(--text-primary)
}

.light {
    --bg-primary: var(--primitive-main-beige);
    --bg-secondary: var(--primitive-main-white);
    --bg-contrast: var(--primitive-main-dark);
    --bg-accent-1: var(--primitive-purple-500);
    --bg-accent-2: var(--primitive-orange-500);
    --bg-transparent: #faf5f100;
    --border-primary: var(--primitive-main-dark);
    --border-secondary: #1a182b14;
    --border-contrast: var(--primitive-main-white);
    --border-accent-1: var(--primitive-purple-500);
    --border-accent-2: var(--primitive-orange-500);
    --text-primary: var(--primitive-main-dark);
    --text-secondary: var(--primitive-main-grey);
    --text-contrast: var(--primitive-main-white);
    --text-accent-1: var(--primitive-purple-500);
    --text-accent-2: var(--primitive-orange-500);
    --icon-primary: var(--primitive-main-grey);
    --icon-accent-1: var(--primitive-purple-500);
    --icon-accent-2: var(--primitive-orange-500);
    --btn-primary-bg: var(--primitive-main-dark);
    --btn-primary-border: var(--primitive-main-dark);
    --btn-primary-text: var(--primitive-main-white);
    --btn-secondary-bg: var(--bg-transparent);
    --btn-secondary-border: #1a182b1a;
    --btn-secondary-text: var(--primitive-main-dark);
    --tag-bg: var(--primitive-purple-500);
    --tag-border: var(--primitive-purple-500);
    --tag-text: var(--primitive-main-white);
    --tag-icon: var(--primitive-main-white);
    --eyebrow-bg: var(--bg-transparent);
    --eyebrow-border: var(--bg-transparent);
    --eyebrow-text: var(--primitive-purple-700);
    --eyebrow-icon: transparent;
    --slack-bg: var(--primitive-main-white);
    --slack-text: var(--primitive-slack-ink);
    --slack-text-secondary: var(--primitive-slack-ink)
}

@supports (color:color-mix(in lab, red, red)) {
    .light {
        --slack-text-secondary: color-mix(in srgb, var(--primitive-slack-ink) 60%, transparent)
    }
}

.light {
    --slack-mention-bg: #6e47ff29;
    --slack-mention-text: var(--primitive-purple-500);
    --slack-app-badge-bg: #6e47ff29;
    --slack-app-badge-text: var(--primitive-purple-500);
    --slack-reaction-pill-bg: #f8f5f1;
    --slack-reaction-pill-hover-bg: var(--primitive-main-dark)
}

@supports (color:color-mix(in lab, red, red)) {
    .light {
        --slack-reaction-pill-hover-bg: color-mix(in srgb, var(--primitive-main-dark) 7%, var(--slack-reaction-pill-bg))
    }
}

.light {
    --slack-add-reaction-icon: var(--primitive-main-dark);
    --slack-reaction-pill-text: var(--primitive-main-dark);
    --slack-reaction-pill-active-ring: var(--primitive-main-dark)
}

@supports (color:color-mix(in lab, red, red)) {
    .light {
        --slack-reaction-pill-active-ring: color-mix(in srgb, var(--primitive-main-dark) 14%, var(--slack-reaction-pill-bg))
    }
}

.light {
    --slack-approval-approve-bg: var(--slack-approval-approve-green);
    --slack-approval-approve-text: var(--primitive-main-white);
    --slack-approval-reject-bg: var(--slack-approval-reject-red);
    --slack-approval-reject-text: var(--primitive-main-white);
    color: var(--text-primary)
}

.light,
.light * {
    --typo-h1-color: var(--text-primary);
    --typo-h2-color: var(--text-primary);
    --typo-h3-color: var(--text-primary);
    --typo-h4-color: var(--text-primary);
    --typo-h5-color: var(--text-primary);
    --typo-h6-color: var(--text-primary);
    --typo-body-main-color: var(--text-primary);
    --typo-body-medium-color: var(--text-primary);
    --typo-body-large-color: var(--text-primary);
    --typo-body-small-color: var(--text-primary);
    --typo-body-tiny-color: var(--text-primary)
}

:root {
    --typo-heading-fluid-min-vw: 24.375rem;
    --typo-heading-fluid-max-vw: 80rem;
    --typo-heading-fluid-span: calc(var(--typo-heading-fluid-max-vw) - var(--typo-heading-fluid-min-vw));
    --typo-h1-size: clamp(2.25rem, calc(2.25rem + (5rem - 2.25rem) * ((100vw - var(--typo-heading-fluid-min-vw)) / var(--typo-heading-fluid-span))), 5rem);
    --typo-h1-leading: 1.1;
    --typo-h1-tracking: -.06em;
    --typo-h1-color: var(--text-primary);
    --typo-h2-size: clamp(1.875rem, calc(1.875rem + (4rem - 1.875rem) * ((100vw - var(--typo-heading-fluid-min-vw)) / var(--typo-heading-fluid-span))), 4rem);
    --typo-h2-leading: 1.1;
    --typo-h2-tracking: -.06em;
    --typo-h2-color: var(--text-primary);
    --typo-h3-size: clamp(1.5rem, calc(1.5rem + (3rem - 1.5rem) * ((100vw - var(--typo-heading-fluid-min-vw)) / var(--typo-heading-fluid-span))), 3rem);
    --typo-h3-leading: 1.1;
    --typo-h3-tracking: -.06em;
    --typo-h3-color: var(--text-primary);
    --typo-h4-size: clamp(1.25rem, calc(1.25rem + (2rem - 1.25rem) * ((100vw - var(--typo-heading-fluid-min-vw)) / var(--typo-heading-fluid-span))), 2rem);
    --typo-h4-leading: 1.1;
    --typo-h4-tracking: -.06em;
    --typo-h4-color: var(--text-primary);
    --typo-h5-size: clamp(1.125rem, calc(1.125rem + (1.5rem - 1.125rem) * ((100vw - var(--typo-heading-fluid-min-vw)) / var(--typo-heading-fluid-span))), 1.5rem);
    --typo-h5-leading: 1.2;
    --typo-h5-tracking: -.06em;
    --typo-h5-color: var(--text-primary);
    --typo-h6-size: clamp(1rem, calc(1rem + (1.125rem - 1rem) * ((100vw - var(--typo-heading-fluid-min-vw)) / var(--typo-heading-fluid-span))), 1.125rem);
    --typo-h6-leading: 1.35;
    --typo-h6-tracking: -.06em;
    --typo-h6-color: var(--text-primary);
    --typo-body-main-size: 1rem;
    --typo-body-main-leading: 1.4;
    --typo-body-main-tracking: 0;
    --typo-body-main-color: var(--text-primary);
    --typo-body-medium-size: 1.125rem;
    --typo-body-medium-leading: 1.4;
    --typo-body-medium-tracking: 0;
    --typo-body-medium-color: var(--text-primary);
    --typo-body-large-size: 1.25rem;
    --typo-body-large-leading: 1.4;
    --typo-body-large-tracking: 0;
    --typo-body-large-color: var(--text-primary);
    --typo-body-small-size: .875rem;
    --typo-body-small-leading: 1.4;
    --typo-body-small-tracking: 0;
    --typo-body-small-color: var(--text-primary);
    --typo-body-tiny-size: .75rem;
    --typo-body-tiny-leading: 1.4;
    --typo-body-tiny-tracking: .01em;
    --typo-body-tiny-color: var(--text-primary)
}

@media not all and (min-width:40rem) {
    :root {
        --radius-section: var(--radius-xl);
        --typo-h1-size: 3.5rem;
        --typo-h2-size: 2.75rem;
        --typo-h3-size: 2.25rem;
        --typo-h4-size: 1.625rem;
        --typo-h5-size: 1.25rem;
        --typo-h6-size: 1rem
    }
}

html[data-announcement-banner] {
    --announcement-banner-height: 2.75rem
}

html[data-announcement-banner] .hero-page-stack-pt {
    padding-top: calc(8rem + var(--announcement-banner-height))
}

@media (min-width:768px) {
    html[data-announcement-banner] .hero-page-stack-pt {
        padding-top: calc(9rem + var(--announcement-banner-height))
    }
}

@media (min-width:1024px) {
    html[data-announcement-banner] .hero-page-stack-pt {
        padding-top: calc(11rem + var(--announcement-banner-height))
    }
}

.slack-on-light {
    --slack-bg: var(--primitive-main-white);
    --slack-text: var(--primitive-slack-ink);
    --slack-text-secondary: var(--primitive-slack-ink)
}

@supports (color:color-mix(in lab, red, red)) {
    .slack-on-light {
        --slack-text-secondary: color-mix(in srgb, var(--primitive-slack-ink) 60%, transparent)
    }
}

.slack-on-light {
    --slack-mention-bg: #6e47ff29;
    --slack-mention-text: var(--primitive-purple-500);
    --slack-app-badge-bg: #6e47ff29;
    --slack-app-badge-text: var(--primitive-purple-500);
    --slack-reaction-pill-bg: #f8f5f1;
    --slack-reaction-pill-hover-bg: var(--primitive-main-dark)
}

@supports (color:color-mix(in lab, red, red)) {
    .slack-on-light {
        --slack-reaction-pill-hover-bg: color-mix(in srgb, var(--primitive-main-dark) 7%, var(--slack-reaction-pill-bg))
    }
}

.slack-on-light {
    --slack-add-reaction-icon: var(--primitive-main-dark);
    --slack-reaction-pill-text: var(--primitive-main-dark);
    --slack-reaction-pill-active-ring: var(--primitive-main-dark)
}

@supports (color:color-mix(in lab, red, red)) {
    .slack-on-light {
        --slack-reaction-pill-active-ring: color-mix(in srgb, var(--primitive-main-dark) 14%, var(--slack-reaction-pill-bg))
    }
}

.slack-on-light {
    --slack-approval-approve-bg: var(--slack-approval-approve-green);
    --slack-approval-approve-text: var(--primitive-main-white);
    --slack-approval-reject-bg: var(--slack-approval-reject-red);
    --slack-approval-reject-text: var(--primitive-main-white);
    background-color: var(--primitive-main-white);
    color: var(--slack-text)
}

[data-variant=viktor][data-highlighted=true] {
    --slack-bg: var(--primitive-main-white);
    --slack-text: var(--primitive-slack-ink);
    --slack-text-secondary: var(--primitive-slack-ink)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-variant=viktor][data-highlighted=true] {
        --slack-text-secondary: color-mix(in srgb, var(--primitive-slack-ink) 60%, transparent)
    }
}

[data-variant=viktor][data-highlighted=true] {
    --slack-mention-bg: #6e47ff29;
    --slack-mention-text: var(--primitive-purple-500);
    --slack-app-badge-bg: #6e47ff29;
    --slack-app-badge-text: var(--primitive-purple-500);
    --slack-reaction-pill-bg: #f8f5f1;
    --slack-reaction-pill-hover-bg: var(--primitive-main-dark)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-variant=viktor][data-highlighted=true] {
        --slack-reaction-pill-hover-bg: color-mix(in srgb, var(--primitive-main-dark) 7%, var(--slack-reaction-pill-bg))
    }
}

[data-variant=viktor][data-highlighted=true] {
    --slack-add-reaction-icon: var(--primitive-main-dark);
    --slack-reaction-pill-text: var(--primitive-main-dark);
    --slack-reaction-pill-active-ring: var(--primitive-main-dark)
}

@supports (color:color-mix(in lab, red, red)) {
    [data-variant=viktor][data-highlighted=true] {
        --slack-reaction-pill-active-ring: color-mix(in srgb, var(--primitive-main-dark) 14%, var(--slack-reaction-pill-bg))
    }
}

[data-variant=viktor][data-highlighted=true] {
    --slack-approval-approve-bg: var(--slack-approval-approve-green);
    --slack-approval-approve-text: var(--primitive-main-white);
    --slack-approval-reject-bg: var(--slack-approval-reject-red);
    --slack-approval-reject-text: var(--primitive-main-white)
}

@keyframes how-it-connect-grid-drift {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(28px, 28px)
    }
}

.how-it-connect-grid-drift {
    will-change: transform;
    animation: 16s linear infinite how-it-connect-grid-drift
}

@media (prefers-reduced-motion:reduce) {
    .how-it-connect-grid-drift {
        animation: none;
        transform: none
    }
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-pan-x {
    syntax: "*";
    inherits: false
}

@property --tw-pan-y {
    syntax: "*";
    inherits: false
}

@property --tw-pinch-zoom {
    syntax: "*";
    inherits: false
}

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
}

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

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

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

@keyframes accordion-down {
    0% {
        height: 0
    }

    to {
        height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto))
    }
}

@keyframes accordion-up {
    0% {
        height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto))
    }

    to {
        height: 0
    }
}
/* Navbar: transparent at top, turns white on scroll — CSS scroll-driven, no JS */
@keyframes viktor-navbar-solidify{to{background-color:#fff;box-shadow:0 0 16px 8px rgba(46,30,107,0.04);}}
header.fixed .bg-primitive-main-white{
  background-color:transparent;
  box-shadow:none;
  animation:viktor-navbar-solidify linear both;
  animation-timeline:scroll(root);
  animation-range:0 120px;
}