@layer theme, base, components, utilities;
@layer theme {

    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
            "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
            "Liberation Mono", "Courier New", monospace;
        --color-gray-800: oklch(0.278 0.033 256.848);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 1px;
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25 / 0.875);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --tracking-normal: 0em;
        --tracking-wide: 0.025em;
        --tracking-widest: 0.1em;
        --leading-tight: 1.25;
        --leading-snug: 1.375;
        --leading-normal: 1.5;
        --radius-xs: 0.125rem;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
        --ease-in: cubic-bezier(0.4, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, 0.2, 1);
        --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
        --blur-xs: 4px;
        --blur-sm: 8px;
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
        --radius-1: 1px;
        --radius-3: 3px;
        --radius-4: 4px;
        --radius-48: 48px;
        --radius-64: 64px;
        --font-primary: sans-serif;
        --font-secondary: serif;
        --color-brand-primary-1: black;
        --color-brand-primary-2: black;
        --color-brand-primary-3: black;
        --color-brand-primary-4: black;
        --color-brand-primary-5: black;
        --color-brand-secondary-1: black;
        --color-brand-secondary-2: black;
        --color-brand-secondary-3: black;
        --color-brand-tertiary-1: black;
        --color-brand-tertiary-2: black;
        --color-gray-1: #f7f7f7;
        --color-gray-2: #e9e9e9;
        --color-gray-3: #cccccc;
        --color-gray-4: #b2b2b2;
        --color-gray-5: #999999;
        --color-gray-6: #808080;
        --color-gray-7: #767676;
        --color-gray-8: #666666;
        --color-gray-9: #333333;
        --color-social-linkedin: #0a65c2;
        --color-social-facebook: #385c9f;
        --color-social-twitter: #00a2f9;
        --color-social-instagram: #fd1d1d;
        --color-informa-bar: #525a5c;
        --color-danger: #dc2626;
        --color-error: #c61932;
        --spacing-fit: fit-content;
        --text-tx10: 0.625rem;
        --text-tx10--line-height: 0.781rem;
        --text-tx12: 0.75rem;
        --text-tx12--line-height: 0.938rem;
        --text-tx14: 0.875rem;
        --text-tx14--line-height: 1.203rem;
        --text-tx16: 1rem;
        --text-tx16--line-height: 1.5rem;
        --text-tx18: 1.125rem;
        --text-tx18--line-height: 1.688rem;
        --text-tx20: 1.25rem;
        --text-tx20--line-height: 1.875rem;
        --text-tx22: 1.375rem;
        --text-tx22--line-height: 2.063rem;
        --text-tx24: 1.5rem;
        --text-tx24--line-height: 2.25rem;
        --text-tx26: 1.625rem;
        --text-tx26--line-height: 2.438rem;
        --text-tx30: 1.875rem;
        --text-tx30--line-height: 2.578rem;
        --text-tx32: 2rem;
        --text-tx32--line-height: 3rem;
        --text-tx36: 2.25rem;
        --text-tx36--line-height: 3.094rem;
        --text-tx40: 2.5rem;
        --text-tx40--line-height: 3.438rem;
        --text-tx48: 3rem;
        --text-tx48--line-height: 4.125rem;
        --text-tx56: 3.5rem;
        --text-tx56--line-height: 4.375rem;
        --text-tx64: 4rem;
        --text-tx64--line-height: 5rem;
        --leading-4: 1rem;
        --leading-5: 1.25rem;
        --leading-6: 1.5rem;
        --leading-7: 1.75rem;
        --leading-8: 2rem;
        --leading-9: 2.25rem;
        --breakpoint-xl: 1200px;
    }
}

@layer base {

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

    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        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;
    }

    body {
        line-height: inherit;
    }

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

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

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

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

    b,
    strong {
        font-weight: bolder;
    }

    code,
    kbd,
    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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.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 {
        display: block;
        vertical-align: middle;
    }

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

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

    :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;
        color: color-mix(in oklab, currentColor 50%, transparent);
    }

    textarea {
        resize: vertical;
    }

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

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

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

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

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

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

    button,
    input:where([type="button"], [type="reset"], [type="submit"]),
    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }

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

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

@layer utilities;

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}

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

* {
    font-family: "Poppins", sans-serif !important;
}

.eln-ui-spinner-container {
    margin: 5em;
    padding: 5em;
    display: grid;
    place-items: center;
}

.eln-ui-spinner-loading {
    width: 40px;
    height: 40px;
    --c: linear-gradient(currentColor 0 0);
    --r1: radial-gradient(farthest-side at bottom, currentColor 93%, #0000);
    --r2: radial-gradient(farthest-side at top, currentColor 93%, #0000);
    background: var(--c), var(--r1), var(--r2), var(--c), var(--r1), var(--r2),
        var(--c), var(--r1), var(--r2);
    background-repeat: no-repeat;
    animation: elnSpinner 1s infinite alternate;
}

.gptHideContent {
    opacity: 0;
}

.ArticleSlideShow.TwoColumnLayout {
    /* padding-inline: calc(var(--spacing) * 16); */
    /* padding-top: calc(var(--spacing) * 8); */
}

@media (width >=744px) {
    .ArticleSlideShow.TwoColumnLayout {
        /* padding-inline: calc(var(--spacing) * 0); */
    }
}

@media (width >=744px) {
    .ArticleSlideShow.TwoColumnLayout {
        /* padding-top: calc(var(--spacing) * 24); */
    }
}

@media (width >=1024px) {
    .ArticleSlideShow.TwoColumnLayout {
        /* padding-top: calc(var(--spacing) * 24); */
    }
}

@media (width >=1200px) {
    .ArticleSlideShow.TwoColumnLayout {
        /* padding-inline: calc(var(--spacing) * 42); */
    }
}

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

.TVTemplate-CloseIcon {
    display: block;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    background-color: var(--color-black);
}

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

.Ad_pos_728_1v,
.Ad_pos_728_2v,
.Ad_pos_728_3v,
.Ad_pos_728_4v {
    margin-block: calc(var(--spacing) * 32);
}

.Ad_pos_300_1v_article,
.Ad_pos_300_2v_article,
.Ad_pos_300_3v_article {
    background-color: var(--color-gray-1);
    padding: calc(var(--spacing) * 20);
}

.SsoCallbackSigninPage-Title {
    display: flex;
    height: 95vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.SsoCallbackSigninPage-PoweredBy {
    margin-block: calc(var(--spacing) * 0);
    margin-top: calc(var(--spacing) * 20);
    margin-bottom: calc(var(--spacing) * 0);
    display: flex;
    justify-content: flex-end;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ArticleReadTime {
    display: inline-flex;
    align-items: center;
}

.ArticleReadTime_size_normal {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ArticleReadTime_size_normal .ArticleReadTime-Icon {
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.ArticleReadTime_size_small {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ArticleReadTime_size_small .ArticleReadTime-Icon {
    display: none;
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleReadTime_size_normal {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleReadTime_size_normal .ArticleReadTime-Icon {
        height: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleReadTime_size_normal .ArticleReadTime-Icon {
        width: calc(var(--spacing) * 16);
    }
}

.Button {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.Button_disabled {
    cursor: not-allowed;
    opacity: 30%;
}

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

.Button_size_small {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

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

.Button_size_medium {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

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

.Button_size_large {
    padding-inline: calc(var(--spacing) * 32);
    padding-block: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.Button-Icon {
    display: inline-block;
}

.Button_size_small .Button-Icon {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
}

.Button_size_medium .Button-Icon {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
}

.Button_size_large .Button-Icon {
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
}

.Button_size_small.Button_variant_textLink,
.Button_size_medium.Button_variant_textLink,
.Button_size_large.Button_variant_textLink {
    padding: calc(var(--spacing) * 0);
}

.GridLayout {
    max-width: 100%;
    background-color: var(--color-white);
}

@media (width >=744px) {
    .GridLayout {
        margin: auto;
    }
}

@media (width >=744px) {
    .GridLayout {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .GridLayout {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .GridLayout {
        max-width: calc(var(--spacing) * 1120);
    }
}

.GridLayout-Content {
    min-height: 50vh;
    background-color: var(--color-white);
}

.OneColumnLayout {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .OneColumnLayout {
        padding-block: calc(var(--spacing) * 32);
    }
}

.TwoColumnLayout {
    /* padding-block: calc(var(--spacing) * 24); */
}

@media (width >=1024px) {
    .TwoColumnLayout {
        /* padding-block: calc(var(--spacing) * 32); */
    }
}

@media (width >=1024px) {
    .TwoColumnLayout-Content {
        display: flex;
    }
}

@media (width >=1024px) {
    :where(.TwoColumnLayout-Content > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=1200px) {
    :where(.TwoColumnLayout-Content > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 32) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=1024px) {
    .TwoColumnLayout-Body {
        flex: 1;
    }
}

.TwoColumnLayout-Body .iris-recommend.iris-recommend-non-sticky .iiris-container .iiris-main-container-scroll .iiris-grid-ads-main-container {
    flex-flow: column;
}

.TwoColumnLayout-Sidebar {
    display: flex;
    width: 100%;
    justify-content: center;
    scroll-behavior: smooth;
}

@media (width >=1024px) {
    .TwoColumnLayout-Sidebar {
        width: calc(var(--spacing) * 304);
    }
}

@media (width >=1200px) {
    .TwoColumnLayout-Sidebar {
        width: calc(var(--spacing) * 324);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .GridLayout {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GridLayout {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .OneColumnLayout {
        padding-block: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .TwoColumnLayout-Sidebar {
        width: calc(var(--spacing) * 356);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnLayout-Sidebar {
        width: calc(var(--spacing) * 440);
    }
}

@media (width >=1512px) {
    :where(.extended-breakpoints .TwoColumnLayout-Content > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 40) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-x-reverse)));
    }
}

.InformaBar {
    background-color: var(--color-informa-bar);
}

.InformaBar-ContentSection {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-block: calc(var(--spacing) * 24);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
}

.InformaBar-ContentSection_hidden {
    display: none;
}

.InformaBar-LeftSection {
    grid-column: span 12 / span 12;
    padding-inline: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .InformaBar-LeftSection {
        grid-column: span 6 / span 6;
    }
}

@media (width >=1024px) {
    .InformaBar-LeftSection {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
    }
}

@media (width >=1024px) {
    .InformaBar-LeftSection {
        border-color: var(--color-white);
    }
}

.InformaBar-SubMenuItem {
    display: inline-block;
    padding-right: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 8);
    color: var(--color-white);
    text-decoration-line: underline;
}

.InformaBar-Delimiter {
    display: inline-block;
    padding-right: calc(var(--spacing) * 8);
}

.InformaBar-RightSection {
    grid-column: span 12 / span 12;
    padding-inline: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .InformaBar-RightSection {
        grid-column: span 6 / span 6;
    }
}

.InformaBar-LogoSection {
    margin: auto;
    display: flex;
    height: calc(var(--spacing) * 35);
    max-width: min-content;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
}

.InformaBar-LogoWrapper {
    margin: auto;
    width: calc(var(--spacing) * 80);
    padding: calc(var(--spacing) * 4);
}

.InformaBar-Logo {
    max-height: calc(var(--spacing) * 15);
    width: 100%;
}

.InformaBar-IconWrapper {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    width: calc(var(--spacing) * 10);
}

.InformaBar-IconWrapper_closed {
    rotate: 180deg;
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

.InformaBarTech {
    background-color: var(--color-informa-bar);
}

.InformaBarTech-ContentSection {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    padding-block: calc(var(--spacing) * 24);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
}

.InformaBarTech-ContentSection_hidden {
    display: none;
}

.InformaBarTech-LogoSection {
    margin: auto;
    display: flex;
    height: calc(var(--spacing) * 35);
    max-width: min-content;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
}

.InformaBarTech-LogoWrapper {
    margin: auto;
    width: calc(var(--spacing) * 80);
    padding: calc(var(--spacing) * 4);
}

.InformaBarTech-BigLogo {
    margin-bottom: calc(var(--spacing) * 24);
    width: 150px;
}

@media (width >=744px) {
    .InformaBarTech-BigLogo {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .InformaBarTech-BigLogo {
        width: 100%;
    }
}

.InformaBarTech-Logo {
    max-height: calc(var(--spacing) * 15);
    width: 100%;
}

.InformaBarTech-IconWrapper {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    width: calc(var(--spacing) * 10);
}

.InformaBarTech-IconWrapper_closed {
    rotate: 180deg;
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

.InformaBarTech-LogoSectionWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.InformaBarTech-LogoSection {
    margin: calc(var(--spacing) * 0);
}

.InformaBarTech-LogoInfoWrapper {
    margin-left: calc(var(--spacing) * 24);
}

.InformaBarTech-LogoInfo {
    color: var(--color-white);
}

@media (width >=744px) {
    .InformaBarTech-LogoInfo_isMobile {
        display: none;
    }
}

.InformaBarTech-LogoInfo:not(.InformaBarTech-LogoInfo_isMobile) {
    display: none;
}

@media (width >=744px) {
    .InformaBarTech-LogoInfo:not(.InformaBarTech-LogoInfo_isMobile) {
        display: inline;
    }
}

.InformaBarTech-TopSection {
    padding-block: 34px;
    color: var(--color-white);
}

.InformaBarTech-TopSection_hidden {
    display: none;
}

.InformaBarTech-TopSectionTitleWrapper,
.InformaBarTech-TopSectionTitle {
    margin-bottom: calc(var(--spacing) * 10);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.InformaBarTech-TopSectionDescription {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

input.Input-Field {
    height: calc(var(--spacing) * 40);
    width: 100%;
    border-radius: var(--radius-3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-5);
    padding-inline: calc(var(--spacing) * 16);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

input.Input-Field_disabled {
    opacity: 25%;
}

.FilterSection-Toggle {
    display: flex;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 12);
}

.FilterSection-ItemsWrapper {
    overflow: auto;
    padding-inline: calc(var(--spacing) * 16);
}

.FilterSection-ItemWrapper {
    margin-top: calc(var(--spacing) * 10);
}

.FilterSection-ItemWrapper:first-child {
    margin-top: calc(var(--spacing) * 0);
}

.FilterSection-Item {
    display: flex;
    align-items: center;
}

.FilterSection-InputAllItems,
.FilterSection-InputRadio {
    margin-bottom: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    justify-content: space-between;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-9);
    --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);
}

.FilterSection-InputAllItems:checked,
.FilterSection-InputRadio:checked {
    margin-inline: calc(var(--spacing) * 5);
    margin-top: calc(var(--spacing) * 5);
    margin-bottom: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: color-mix(in oklab, var(--color-white) 100%, transparent);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + 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);
}

.FilterSection-InputCheckbox {
    margin-bottom: calc(var(--spacing) * 1);
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    justify-content: center;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-7);
}

.FilterSection-InputCheckbox:checked {
    margin-inline: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-radius: var(--radius-1);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-gray-7);
    --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);
    --tw-ring-color: var(--color-gray-7);
}

.FilterSection-InputCheckbox:checked:before {
    height: 80%;
    width: 50%;
    rotate: 45deg;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-white);
    --tw-content: "";
    content: var(--tw-content);
}

.FilterSection-ToggleTitleIcon {
    cursor: pointer;
}

.ItemData-WrapItem {
    margin-left: calc(var(--spacing) * 12);
    display: flex;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
}

.ItemData-TextLabel,
.ItemData-TextCount,
.ItemData-TextAll {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SocialShare {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .SocialShare {
        flex-wrap: nowrap;
    }
}

.SocialShare-PrintButton {
    cursor: pointer;
}

.SocialShare-Image {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    object-fit: contain;
}

.SocialShare-IconWrapper {
    display: inline-flex;
}

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

.SocialShare-IconWrapper_variant_button {
    padding-inline: calc(var(--spacing) * 28);
    padding-block: calc(var(--spacing) * 8);
}

.SocialShare-Icon {
    display: inline-block;
}

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

.SocialShare-Icon_variant_normal,
.SocialShare-Icon_variant_normalColored {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
}

.SocialShare-Icon_variant_large,
.SocialShare-Icon_variant_layout {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
}

.SocialShare-Icon_variant_normalWhite {
    height: calc(var(--spacing) * 17);
    width: calc(var(--spacing) * 17);
}

@media (width >=1512px) {
    .extended-breakpoints .SocialShare-IconWrapper_variant_button {
        padding-inline: calc(var(--spacing) * 32);
    }
}

.Keyword {
    display: inline-block;
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.1s;
    transition-duration: 0.1s;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
}

.Keyword:not(.Keyword_title_sponsoredContent).Keyword_disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.Keyword:not(.Keyword_title_sponsoredContent):not(.Keyword_disabled) {
    cursor: pointer;
}

.Keyword_variant_category {
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
}

.Keyword_variant_category-2 {
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 7);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
}

.Keyword_variant_label {
    padding-inline: calc(var(--spacing) * 10);
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    white-space: nowrap;
}

.Keyword_variant_category.Keyword_disabled,
.Keyword_variant_category-2.Keyword_disabled {
    opacity: 50%;
}

.Keyword_variant_standard {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
}

.Keyword_variant_alternate {
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

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

.Contributors-AvatarWrapper {
    margin-right: calc(var(--spacing) * 12);
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    align-items: center;
}

.Contributors-AvatarWrapper_isHidden {
    display: none;
}

.Contributors-Avatar {
    display: inline-block;
    border-style: var(--tw-border-style);
    border-width: 1px;
    object-fit: cover;
}

.Contributors-ContributorsCount {
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
}

.Contributors-InfoWrapper {
    flex-shrink: 1;
    flex-grow: 1;
}

.Contributors-MoreText {
    margin-left: calc(var(--spacing) * 4);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .Contributors-MoreText {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.Contributors-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.Contributors-ContributorName {
    display: inline;
}

.Contributors-ContributorName_showComma {
    margin-right: calc(var(--spacing) * 4);
}

.Contributors-ContributorTitle {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .Contributors-ContributorTitle {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.Contributors-ByText {
    margin-right: calc(var(--spacing) * 4);
    display: inline;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .Contributors-ByText {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.Contributors:not(.Contributors_hasAvatar) .Contributors-ByText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.Contributors_cardVariant_summary .Contributors-ByText,
.Contributors_cardVariant_small .Contributors-ByText {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.Contributors_variant_normal .Contributors-AvatarLink_isMultiple {
    margin-left: calc(var(--spacing) * -10);
}

.Contributors_variant_normal .Contributors-AvatarLink_isMultiple:first-child {
    margin-left: calc(var(--spacing) * 0);
}

.Contributors_variant_normal .Contributors-Avatar {
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.Contributors_variant_normal .Contributors-ContributorsCount {
    margin-left: calc(var(--spacing) * -10);
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.Contributors_variant_normal .Contributors-ContributorName,
.Contributors_variant_normal .Contributors-ByText,
.Contributors_variant_normal .Contributors-ContributorTitle,
.Contributors_variant_normal .Contributors-MoreText {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.Contributors_variant_slimline .Contributors-AvatarLink_isMultiple {
    margin-left: calc(var(--spacing) * -4);
}

.Contributors_variant_slimline .Contributors-AvatarLink_isMultiple:first-child {
    margin-left: calc(var(--spacing) * 0);
}

.Contributors_variant_slimline .Contributors-Avatar {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.Contributors_variant_slimline .Contributors-ContributorsCount {
    margin-left: calc(var(--spacing) * -4);
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
}

.Contributors_variant_slimline .Contributors-InfoWrapper {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
}

.Contributors_variant_slimline .Contributors-ContributorName,
.Contributors_variant_slimline .Contributors-ByText,
.Contributors_variant_slimline .Contributors-ContributorTitle,
.Contributors_variant_slimline .Contributors-MoreText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-ContributorName,
.Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-ByText,
.Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-ContributorTitle,
.Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-MoreText {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorName,
.Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ByText,
.Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorTitle,
.Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-MoreText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {

    .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorName,
    .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ByText,
    .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorTitle,
    .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-MoreText {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.Contributors_variant_slimline.Contributors:not(.Contributors_hasAvatar) .Contributors-ByText,
.Contributors_variant_slimline.Contributors:not(.Contributors_hasAvatar) .Contributors-ContributorName,
.Contributors_variant_slimline.Contributors:not(.Contributors_hasAvatar) .Contributors-ContributorTitle,
.Contributors_variant_slimline.Contributors:not(.Contributors_hasAvatar) .Contributors-MoreText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .Contributors-Date {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .Contributors_variant_normal .Contributors-ContributorName,
    .extended-breakpoints .Contributors_variant_normal .Contributors-ByText,
    .extended-breakpoints .Contributors_variant_normal .Contributors-ContributorTitle,
    .extended-breakpoints .Contributors_variant_normal .Contributors-MoreText {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorName,
    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ByText,
    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorTitle,
    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-MoreText,
    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-ContributorName,
    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-ByText,
    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-ContributorTitle,
    .extended-breakpoints .Contributors_variant_slimline.Contributors_cardVariant_summary .Contributors-MoreText {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.RelatedArticle {
    display: block;
    width: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: 15px 10px;
    text-align: center;
    font-size: 26px !important;
    line-height: 26px !important;
    border-radius: 8px;
    background: #0042A5;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
    transition: all 0.2s
}
.RelatedArticle:hover{
    opacity: .7;
}

@media (width >=1024px) {
    .RelatedArticle {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.RelatedArticle .link-color{
    color: #fff !important;
}
.RelatedArticle-Title {
    margin-right: calc(var(--spacing) * 4);
}

@media (width >=1512px) {
    .extended-breakpoints .RelatedArticle {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

:where(.BasicList > :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)));
}

.BasicList_nestedLevel_0.BasicList_variant_ordered {
    padding-left: calc(var(--spacing) * 20);
}

.BasicList-UnorderedList {
    list-style-type: none;
}

:where(.BasicList-UnorderedList > :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)));
}

.BasicList-UnorderedList_nested {
    padding-left: calc(var(--spacing) * 20);
}

.BasicList-ListItem_variant_ordered {
    padding-left: calc(var(--spacing) * 12);
}

.BasicList-Item {
    flex: 1;
}

:where(.BasicList-Item > :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)));
}

.BasicList-TitleText {
    flex: 1;
}

@media (width >=1512px) {
    .extended-breakpoints .BasicList {
        padding-inline: calc(var(--spacing) * 88);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .BasicList-ListItem_variant_unordered>.BasicList-Item>.ContentParagraph_align_left {
        padding-left: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .BasicList-Item .ContentParagraph_align_left {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.Table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

.Table-ScrollableWrapper {
    overflow-x: auto;
}

.Table-Head {
    position: relative;
    top: calc(var(--spacing) * 0);
    background-color: var(--color-white);
}

.Table-Head .Table-Row:last-child {
    box-shadow: inset 0 -2px gray;
}

.Table-HeaderCell:first-child {
    border-top-left-radius: var(--radius-sm);
}

.Table-HeaderCell:last-child {
    border-top-right-radius: var(--radius-sm);
}

.Table-HeaderCell * {
    font-family: var(--font-primary) !important;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
    text-transform: uppercase;
}

@media (width >=744px) {
    .Table-HeaderCell * {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1200px) {
    .Table-HeaderCell * {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.Table-HeaderCell,
.Table-Cell {
    padding: calc(var(--spacing) * 8);
}

.Table-Body {
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

@media (width >=744px) {
    .Table-Body {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1200px) {
    .Table-Body {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Table-Body .Table-Row {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-3);
}

.Table-Body .Table-Row:nth-child(odd) {
    background-color: var(--color-gray-1);
}

@media (width >=1200px) {

    .extended-breakpoints .Table-HeaderCell *,
    .extended-breakpoints .Table-Body {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .Table-HeaderCell *,
    .extended-breakpoints .Table-Body {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.SearchBar {
    position: relative;
    display: flex;
    width: 100%;
}

.SearchBar-Input {
    height: calc(var(--spacing) * 40);
    width: 100%;
    padding-block: calc(var(--spacing) * 8);
    padding-right: calc(var(--spacing) * 30);
    padding-left: calc(var(--spacing) * 24);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --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);
    --tw-outline-style: none;
    outline-style: none;
}

@media (forced-colors: active) {
    .SearchBar-Input {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }
}

.SearchBar-Input:focus {
    --tw-ring-color: transparent;
}

.SearchBar-Input:focus {
    --tw-ring-offset-color: transparent;
}

.SearchBar-SearchButton {
    height: calc(var(--spacing) * 40);
    cursor: pointer;
    padding: calc(var(--spacing) * 12);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: var(--leading-4);
    line-height: var(--leading-4);
}

.SearchBar-CloseButton {
    position: absolute;
    top: calc(var(--spacing) * 12);
    right: calc(var(--spacing) * 40);
    margin-right: calc(var(--spacing) * 16);
    display: block;
    width: calc(var(--spacing) * 16);
    cursor: pointer;
}

.SearchBar-CloseIcon {
    display: inline-block;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    background-color: var(--color-black);
}

.SearchBar-LoadingIndicator-Overlay {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 30;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    --tw-backdrop-blur: blur(2px);
    -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);
}

.Label {
    display: block;
}

.CaptionedContent {
    position: relative;
    /* height: 100%; */
    width: 100%;
}

.CaptionedContent-Content {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.CaptionedContent-Content>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.CaptionedContent-Content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-aspect-h: 9;
}

.CaptionedContent-Caption {
    margin-top: calc(var(--spacing) * 12);
}

.CaptionedContent-CreditTo {
    margin-left: calc(var(--spacing) * 4);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .CaptionedContent-Caption {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .CaptionedContent-CreditTo {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.Breadcrumb {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.Breadcrumb-ListItem {
    margin-right: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
}

.Breadcrumb-ListItem:last-child {
    margin-right: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .Breadcrumb-ListItem {
        margin-right: calc(var(--spacing) * 16);
    }
}

.Breadcrumb-GetText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
}

@media (width >=744px) {
    .Breadcrumb-GetText {
        display: block;
    }
}

.Breadcrumb-GetText_isLastItem {
    color: var(--color-gray-7);
}

.Breadcrumb-GetText:not(.Breadcrumb-GetText_isLastItem) {
    color: var(--color-black);
}

.Breadcrumb-GetText:not(.Breadcrumb-GetText_isNearLastItem) {
    display: none;
}

@media (width >=744px) {
    .Breadcrumb-GetText:not(.Breadcrumb-GetText_isNearLastItem) {
        display: block;
    }
}

.Breadcrumb-DividerIcon {
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 6);
    background-color: var(--color-gray-7);
}

.Breadcrumb-PrevIcon {
    margin-right: calc(var(--spacing) * 8);
    display: block;
    rotate: 180deg;
}

@media (width >=744px) {
    .Breadcrumb-PrevIcon {
        display: none;
    }
}

.Breadcrumb-NextIcon {
    margin-left: calc(var(--spacing) * 16);
    display: none;
}

@media (width >=744px) {
    .Breadcrumb-NextIcon {
        display: block;
    }
}

.Pagination-Wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Pagination-PageWrapper {
    display: flex;
    align-items: center;
    column-gap: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 14);
}

.Pagination-PageNumber {
    margin-inline: calc(var(--spacing) * 4);
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 9);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.Pagination-PageNumber_current {
    pointer-events: none;
}

.Pagination-PageNumber_desktop {
    display: none;
}

@media (width >=744px) {
    .Pagination-PageNumber_desktop {
        display: block;
    }
}

.Pagination-ArrowIconWrapper {
    display: flex;
    height: calc(var(--spacing) * 30);
    width: calc(var(--spacing) * 30);
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 2px;
}

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

.Pagination-Move {
    display: none;
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {
    .Pagination-Move {
        display: block;
    }
}

.Pagination-Dots {
    display: flex;
    display: none;
    align-items: center;
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {
    .Pagination-Dots {
        display: block;
    }
}

.Pagination-Link_disabled {
    pointer-events: none;
}

.Pagination-Link_disabled:focus {
    --tw-outline-style: none;
    outline-style: none;
}

@media (forced-colors: active) {
    .Pagination-Link_disabled:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,
            initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000);
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.Carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.Carousel-Slideshow {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.Carousel-Slideshow>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Carousel-Slideshow {
    display: flex;
    width: 100%;
    --tw-aspect-h: 9;
}

.Carousel-SlideshowImage {
    background-color: var(--color-black);
    opacity: 40%;
}

.Carousel-SlideshowButtonWrapper {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.Carousel-ButtonStartSlide {
    z-index: 10;
}

.Carousel-FeatureImageCaptionWrapper {
    margin-top: calc(var(--spacing) * 12);
    color: var(--color-gray-7);
}

.Carousel-FeatureImageCaption {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .Carousel-FeatureImageCaption {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.Carousel-FeatureImageCreditTo {
    padding-left: calc(var(--spacing) * 8);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    text-transform: uppercase;
}

.Carousel-SwiperWrapper {
    position: relative;
    overflow: hidden;
}

.Carousel-PreviewWrapper {
    background-color: var(--color-black);
}

.Carousel-NavigationPreviousSlide {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-left: calc(var(--spacing) * 8);
    display: flex;
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 180deg;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: var(--color-gray-9);
}

@media (width >=744px) {
    .Carousel-NavigationPreviousSlide {
        height: calc(var(--spacing) * 50);
    }
}

@media (width >=744px) {
    .Carousel-NavigationPreviousSlide {
        width: calc(var(--spacing) * 50);
    }
}

.Carousel-NavigationPreviousSlide_disabled {
    cursor: not-allowed;
    opacity: 50%;
}

.Carousel-NavigationPreviousSlide:not(.Carousel-NavigationPreviousSlide_disabled) {
    cursor: pointer;
    opacity: 80%;
}

.Carousel-NavigationNextSlide {
    position: absolute;
    top: 50%;
    right: calc(var(--spacing) * 8);
    z-index: 10;
    display: flex;
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: var(--color-gray-9);
    opacity: 80%;
}

@media (width >=744px) {
    .Carousel-NavigationNextSlide {
        height: calc(var(--spacing) * 50);
    }
}

@media (width >=744px) {
    .Carousel-NavigationNextSlide {
        width: calc(var(--spacing) * 50);
    }
}

.Carousel-Icon {
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    background-color: var(--color-white);
}

.Carousel-Image {
    margin-inline: auto;
    max-height: 100%;
    object-fit: contain;
}

.Carousel-SwiperSlider {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.Carousel-SwiperSlider>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Carousel-SwiperSlider {
    display: flex;
    width: 100%;
    overflow: hidden;
    --tw-aspect-h: 9;
}

.Carousel-SwiperSlider_hasAd {
    height: calc(var(--spacing) * 300);
}

.Carousel-DescriptionWrapper {
    padding-top: calc(var(--spacing) * 12);
}

.Carousel-DescriptionCaptionWrapper {
    display: flex;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 24);
}

.Carousel-Caption {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .Carousel-Caption {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.Carousel-Credit {
    padding-left: calc(var(--spacing) * 8);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-gray-2);
    text-transform: uppercase;
}

.Carousel-Counter {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-1);
}

.Carousel-Ad {
    padding-top: calc(var(--spacing) * 40);
}

.Carousel-Description {
    padding-block: calc(var(--spacing) * 40);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-white);
}

@media (width >=744px) {
    .Carousel-Description {
        padding-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .Carousel-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Carousel-NextSlideWrapper {
    z-index: 20;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 56);
}

@media (width >=744px) {
    .Carousel-NextSlideWrapper {
        padding-inline: calc(var(--spacing) * 80);
    }
}

@media (width >=1200px) {
    .Carousel-NextSlideWrapper {
        padding-inline: calc(var(--spacing) * 88);
    }
}

.Carousel-TextNextSlide {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
}

@media (width >=744px) {
    .Carousel-TextNextSlide {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Carousel-TitleNextSlide {
    margin-top: calc(var(--spacing) * 8);
    text-align: center;
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    color: var(--color-white);
}

@media (width >=744px) {
    .Carousel-TitleNextSlide {
        margin-top: calc(var(--spacing) * 12);
    }
}

@media (width >=744px) {
    .Carousel-TitleNextSlide {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.Carousel-ButtonNextSlide {
    margin-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .Carousel-ButtonNextSlide {
        margin-top: calc(var(--spacing) * 32);
    }
}

.Carousel-ButtonNextSlide .Button-ContentWrapper {
    margin-right: calc(var(--spacing) * 12);
}

.Carousel-ImageWrapper {
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-sm);
    --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);
}

.Carousel-OverlayLastSlide {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: var(--color-black);
    opacity: 80%;
}

.Carousel-AdSlideWrapper {
    z-index: 20;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 56);
}

@media (width >=744px) {
    .Carousel-AdSlideWrapper {
        padding-inline: calc(var(--spacing) * 80);
    }
}

@media (width >=1200px) {
    .Carousel-AdSlideWrapper {
        padding-inline: calc(var(--spacing) * 88);
    }
}

.Carousel-AdText {
    margin-top: calc(var(--spacing) * 12);
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
}

.Carousel-ImageSlide {
    display: flex;
}

.Carousel .swiper-button-prev:after,
.Carousel .swiper-button-next:after {
    content: "";
}

@media (width >=1512px) {
    .extended-breakpoints .Carousel-Caption {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Carousel-Credit {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Carousel-Counter {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Carousel-Description {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .Carousel-NextSlideWrapper {
        padding-inline: calc(var(--spacing) * 97);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Carousel-NextSlideWrapper {
        padding-inline: calc(var(--spacing) * 120);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Carousel-TextNextSlide {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Carousel-TitleNextSlide {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

.SwipeCarousel .swiper-slide {
    height: auto;
    flex: 1 0;
    flex-basis: 256px;
}

@media (width >=1024px) {
    .SwipeCarousel .swiper-slide {
        flex-basis: 240px;
    }
}

@media (width >=1200px) {
    .SwipeCarousel .swiper-slide {
        flex-basis: 220px;
    }
}

.SwipeCarousel .swiper-button-prev,
.SwipeCarousel .swiper-button-next {
    position: absolute;
    top: 0;
    height: 100%;
    margin-top: 0;
    width: 32px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

@media (pointer: coarse) and (max-width: 1024px) {

    .SwipeCarousel .swiper-button-prev,
    .SwipeCarousel .swiper-button-next {
        display: none;
    }
}

.SwipeCarousel .swiper-button-next {
    right: 0;
    left: auto;
    background: linear-gradient(270deg, #000c, #0000);
}

.SwipeCarousel .swiper-button-next:after {
    content: "next";
}

.SwipeCarousel .swiper-button-prev {
    left: 0;
    right: auto;
    background: linear-gradient(90deg, #000c, #0000);
}

.SwipeCarousel .swiper-button-prev:after {
    content: "prev";
}

.SwipeCarousel .swiper-button-prev.swiper-button-disabled,
.SwipeCarousel .swiper-button-next.swiper-button-disabled,
.SwipeCarousel .swiper-button-lock {
    display: none;
}

.SwipeCarousel .swiper-button-prev:after,
.SwipeCarousel .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 24px;
    color: #fff;
    opacity: 50%;
    text-transform: none !;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.SwipeCarousel .swiper-button-prev:hover:after,
.SwipeCarousel .swiper-button-next:hover:after {
    opacity: 100%;
}

@media (width >=1200px) {
    .extended-breakpoints .SwipeCarousel .swiper-slide {
        flex-basis: calc(var(--spacing) * 240);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SwipeCarousel .swiper-slide {
        flex-basis: calc(var(--spacing) * 304);
    }
}

.ContributorSummary {
    display: flex;
    height: 100%;
    width: 100%;
    padding-bottom: calc(var(--spacing) * 40);
}

.ContributorSummary_variant_normal {
    text-align: center;
}

@media (width >=744px) {
    .ContributorSummary_variant_normal {
        text-align: left;
    }
}

.ContributorSummary_variant_author-team {
    margin-bottom: calc(var(--spacing) * 16);
    height: auto;
    width: 100%;
    max-width: 330px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 20);
    padding-block: calc(var(--spacing) * 32);
    text-align: center;
}

@media (width >=744px) {
    .ContributorSummary_variant_author-team {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .ContributorSummary_variant_author-team {
        max-width: 300px;
    }
}

@media (width >=1024px) {
    .ContributorSummary_variant_author-team {
        padding-inline: calc(var(--spacing) * 28);
    }
}

@media (width >=1024px) {
    .ContributorSummary_variant_author-team {
        padding-block: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .ContributorSummary_variant_author-team {
        max-width: 330px;
    }
}

@media (width >=1200px) {
    .ContributorSummary_variant_author-team {
        padding-inline: calc(var(--spacing) * 20);
    }
}

@media (width >=1200px) {
    .ContributorSummary_variant_author-team {
        padding-block: calc(var(--spacing) * 32);
    }
}

.ContributorSummary-ImageWrapper {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    justify-content: center;
}

.ContributorSummary-Image {
    object-fit: cover;
}

.ContributorSummary-Image_variant_normal {
    height: calc(var(--spacing) * 156);
    width: calc(var(--spacing) * 156);
}

@media (width >=1024px) {
    .ContributorSummary-Image_variant_normal {
        height: calc(var(--spacing) * 196);
    }
}

@media (width >=1024px) {
    .ContributorSummary-Image_variant_normal {
        width: calc(var(--spacing) * 196);
    }
}

.ContributorSummary-Image_variant_author {
    height: calc(var(--spacing) * 95);
    width: calc(var(--spacing) * 95);
}

.ContributorSummary-Image_variant_author-team {
    height: 128px;
    width: 128px;
    background-color: var(--color-gray-3);
}

.ContributorSummary-TitleWrapper {
    margin-bottom: calc(var(--spacing) * 4);
}

.ContributorSummary-Title_variant_normal {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .ContributorSummary-Title_variant_normal {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.ContributorSummary-Title_variant_author {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .ContributorSummary-Title_variant_author {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ContributorSummary-Title_variant_author-team {
    margin-top: calc(var(--spacing) * 24);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ContributorSummary-SubTitleWrapper {
    margin-top: calc(var(--spacing) * 4);
}

.ContributorSummary-SubTitle {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.ContributorSummary-SubTitle_variant_normal {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .ContributorSummary-SubTitle_variant_normal {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ContributorSummary-SubTitle_variant_author {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ContributorSummary-SubTitle_variant_author-team {
    margin-top: calc(var(--spacing) * 4);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-family: var(--font-secondary);
}

.ContributorSummary-AboutWrapper {
    margin-top: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .ContributorSummary-AboutWrapper {
        margin-top: calc(var(--spacing) * 4);
    }
}

.ContributorSummary-About_variant_normal {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContributorSummary-About_variant_author-team {
    margin-top: calc(var(--spacing) * 4);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-family: var(--font-secondary);
}

.ContributorSummary-ContentWrapper {
    margin-top: calc(var(--spacing) * 36);
    margin-bottom: calc(var(--spacing) * 48);
}

@media (width >=744px) {
    .ContributorSummary-ContentWrapper {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .ContributorSummary-ContentWrapper {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

.ContributorSummary-ContentWrapper_variant_author {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 0);
}

.ContributorSummary-ContentWrapper_variant_author-team {
    margin-bottom: calc(var(--spacing) * 0);
    display: none;
}

@media (width >=744px) {
    .ContributorSummary-ContentWrapper_variant_author-team {
        display: block;
    }
}

.ContributorSummary-Content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

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

.ContributorSummary-Content:not(.ContributorSummary-Content_showFullContent) {
    max-height: calc(var(--spacing) * 58);
}

@media (width >=1024px) {
    .ContributorSummary-Content:not(.ContributorSummary-Content_showFullContent) {
        max-height: calc(var(--spacing) * 70);
    }
}

.ContributorSummary-Content_showFullContent {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: unset;
}

@media (width >=744px) {
    .ContributorSummary-Content_variant_normal.ContributorSummary-Content:not(.ContributorSummary-Content_showFullContent) {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

.ContributorSummary-Content_variant_author-team {
    margin-top: calc(var(--spacing) * 16);
    --tw-leading: 150%;
    line-height: 150%;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

@media (width >=1024px) {
    .ContributorSummary-Content_variant_author-team {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

@media (width >=1200px) {
    .ContributorSummary-Content_variant_author-team {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=1024px) {
    .ContributorSummary-Content_variant_author-team:not(.ContributorSummary-Content_variant_author-team_showFullContent) {
        max-height: calc(var(--spacing) * 80);
    }
}

.ContributorSummary-Content_variant_author-team * {
    text-align: center !important;
}

.ContributorSummary-Specialisms {
    margin-top: calc(var(--spacing) * 48);
    margin-bottom: calc(var(--spacing) * 16);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

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

.ContributorSummary-Specialisms::-webkit-scrollbar {
    display: none;
}

.ContributorSummary-Specialisms {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: auto;
}

@media (width >=744px) {
    .ContributorSummary-Specialisms {
        margin-top: calc(var(--spacing) * 42);
    }
}

@media (width >=744px) {
    .ContributorSummary-Specialisms {
        justify-content: flex-start;
    }
}

.ContributorSummary-Specialism {
    margin-right: calc(var(--spacing) * 8);
    white-space: nowrap;
}

.ContributorSummary .SocialShare {
    margin-top: calc(var(--spacing) * 24);
    justify-content: center;
}

@media (width >=744px) {
    .ContributorSummary .SocialShare {
        justify-content: flex-start;
    }
}

.ContributorSummary .SocialShare-Icon {
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
}

.ContributorSummary-SeeMore {
    margin-top: calc(var(--spacing) * 6);
    display: flex;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    .ContributorSummary-SeeMore {
        display: none;
    }
}

.ContributorSummary-SeeMoreText {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-secondary);
    text-decoration-line: underline;
}

.ContributorSummary-SeeMoreIcon {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    background-color: var(--color-black);
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary {
        padding-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContributorSummary_variant_normal {
        padding-inline: calc(var(--spacing) * 96);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary_variant_normal {
        padding-inline: calc(var(--spacing) * 120);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContributorSummary_variant_author {
        padding-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Title_variant_normal {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Title_variant_author {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-SubTitle_variant_normal {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-SubTitle_variant_author {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Content_variant_normal {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Content_variant_author {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Content:not(.extended-breakpoints .ContributorSummary-Content_showFullContent) {
        max-height: none;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Image_variant_normal {
        height: calc(var(--spacing) * 200);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Image_variant_normal {
        width: calc(var(--spacing) * 200);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-ContentWrapper {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-ContentWrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-ContentWrapper_variant_author {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-ContentWrapper_variant_author {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContributorSummary-Specialisms {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorSummary-Specialisms {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-Body .ContributorSummary-Content_variant_author .ContentParagraph {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.Sponsored {
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
    align-items: center;
    justify-content: center;
}

.Sponsored-ImageLinkWrapper {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

@media (width >=744px) {
    .Sponsored-ImageLinkWrapper {
        margin-right: calc(var(--spacing) * 24);
    }
}

.Sponsored-ImageLink,
.Sponsored-ImageWrapper {
    height: 100%;
    width: 100%;
}

.Sponsored-Image {
    height: 100%;
    max-height: calc(var(--spacing) * 65);
    width: 100%;
    max-width: calc(var(--spacing) * 160);
    object-fit: cover;
}

.Sponsored-ImageSmall {
    height: 100%;
    max-height: calc(var(--spacing) * 46);
    width: 100%;
    max-width: calc(var(--spacing) * 116);
    object-fit: cover;
}

.Sponsored-Text {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    overflow-wrap: break-word;
}

@media (width >=1512px) {
    .extended-breakpoints-Text {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SponsoredSmallImage {
        max-width: calc(var(--spacing) * 116);
    }
}

.ContentList {
    width: 100%;
}

.ContentList-Header {
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-black);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 24);
}

.ContentList-Icon {
    height: calc(var(--spacing) * 25);
    width: calc(var(--spacing) * 25);
}

.ContentList-SponsoredContent {
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentList-Title {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.ContentList-ListItem {
    --tw-border-style: none;
    border-style: none;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
}

.ContentList-ListItem:first-child {
    padding-top: calc(var(--spacing) * 16);
}

.ContentList-ListItem:last-child {
    padding-bottom: calc(var(--spacing) * 16);
}

.ContentList-ListItemTitle {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    text-decoration-line: none;
}

.ContentList-ListItemDate {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentList-ListItemDate .CardTime {
    display: none;
}

.ContentList-CTAButton {
    padding: calc(var(--spacing) * 16);
}

.ContentList .Button-Icon {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
}

.ContentList .Button_size_medium {
    padding: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .ContentList-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentList-ListItemTitle {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.SubBrand {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    width: fit-content;
    width: var(--spacing-fit);
}

.SubBrand-Image {
    max-height: calc(var(--spacing) * 30);
    max-width: calc(var(--spacing) * 136);
    object-fit: contain;
}

@media (width >=1024px) {
    .SubBrand-Image {
        max-height: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .SubBrand-Image {
        max-width: calc(var(--spacing) * 190);
    }
}

.Speaker-Title {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .Speaker-Title {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .Speaker-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.Speaker-ListRow {
    margin-bottom: calc(var(--spacing) * 24);
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .Speaker-ListRow {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .Speaker-ListRow {
        gap: calc(var(--spacing) * 32);
    }
}

.Speaker-ListRow_last {
    margin-bottom: calc(var(--spacing) * 0);
}

.Speaker-ListItem {
    grid-column: span 6 / span 6;
}

@media (width >=744px) {
    .Speaker-ListItem {
        grid-column: span 2 / span 2;
    }
}

.Speaker-Spacer {
    display: none;
}

@media (width >=744px) {
    .Speaker-Spacer {
        display: block;
    }
}

.Speaker-Spacer_one {
    grid-column: span 2 / span 2;
}

.Speaker-Spacer_two {
    grid-column: span 1 / span 1;
}

.Speaker-ItemInfo {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 24);
    white-space: normal;
}

.Speaker-Photo {
    margin-bottom: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    object-fit: cover;
}

.Speaker-Name {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.Speaker-Role {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.Speaker-Company {
    text-align: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .Speaker-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Speaker-Photo {
        height: calc(var(--spacing) * 128);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Speaker-Photo {
        width: calc(var(--spacing) * 128);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Speaker-Name {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .Speaker-Role,
    .extended-breakpoints .Speaker-Company {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.WebinarSection {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: calc(var(--spacing) * 24);
}

.WebinarSection-Info {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
}

@media (width >=744px) {
    .WebinarSection-Info {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .WebinarSection-Info {
        justify-content: center;
    }
}

@media (width >=744px) {
    .WebinarSection-Info {
        align-self: center;
    }
}

@media (width >=744px) {
    .WebinarSection-Info_withTime {
        justify-content: space-between;
    }
}

.WebinarSection-InfoItem {
    display: flex;
    align-items: center;
}

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

.WebinarSection-InfoItem {
    padding-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {
    .WebinarSection-InfoItem {
        padding-bottom: calc(var(--spacing) * 0);
    }
}

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

@media (width >=1512px) {
    .extended-breakpoints .WebinarSection-InfoItem {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.ChangeLocationBar {
    position: relative;
    display: flex;
    width: 100%;
}

.ChangeLocationBar-Input {
    height: calc(var(--spacing) * 40);
    width: 100%;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-outline-style: none;
    outline-style: none;
}

@media (forced-colors: active) {
    .ChangeLocationBar-Input {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }
}

.ChangeLocationBar-Error {
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-error);
}

.ChangeLocationBar-SearchButton {
    position: relative;
    height: calc(var(--spacing) * 40);
    min-width: fit-content;
    min-width: var(--spacing-fit);
    padding: calc(var(--spacing) * 12);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: var(--leading-4);
    line-height: var(--leading-4);
}

.TagIcon-Icon {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    background-color: var(--color-black);
}

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

.MultiCarousel-SlideToShowWrapper {
    margin-inline: calc(var(--spacing) * 8);
    display: flex;
    width: 100%;
    overflow: hidden;
}

.MultiCarousel-SlidesWrapper {
    display: flex;
}

.MultiCarousel-Slide {
    position: relative;
    flex: auto;
}

.MultiCarousel-ArrowButton {
    display: inline-flex;
    align-items: center;
}

.MultiCarousel-ArrowIcon {
    display: inline-block;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 16);
}

.InputMultiSelect-MultiSelect {
    height: calc(var(--spacing) * 248);
    width: 100%;
    overflow: auto;
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
}

.InputMultiSelect-DisableField {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-leading: var(--leading-6);
    line-height: var(--leading-6);
}

@media (width >=1024px) {
    .InputMultiSelect-DisableField_preview {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.SelectField-SelectedOption {
    height: calc(var(--spacing) * 40);
    width: 100%;
    border-radius: var(--radius-3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-5);
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 4);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.SelectField-SelectedOption_disabled {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-leading: var(--leading-6);
    line-height: var(--leading-6);
}

.SelectField-SelectedOption_disabled.SelectField-SelectedOption_variant_preview {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .SelectField-SelectedOption_disabled.SelectField-SelectedOption_variant_preview {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.MarketOverview-Table {
    width: 100%;
    table-layout: auto;
}

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

.MarketOverview-HeaderCell {
    padding-block: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 24);
    text-align: right;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    text-transform: uppercase;
}

.MarketOverview-HeaderCell_variant_contract {
    padding-left: calc(var(--spacing) * 8);
    text-align: left;
}

.MarketOverview-HeaderCell_variant_lastTrade {
    padding-right: calc(var(--spacing) * 8);
}

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

.MarketOverview-ContractCell {
    padding-right: calc(var(--spacing) * 32);
    padding-left: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.MarketOverview-ContentCell {
    padding-block: calc(var(--spacing) * 8);
    text-align: right;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.MarketOverview-LastTradeCell {
    padding-block: calc(var(--spacing) * 8);
    padding-right: calc(var(--spacing) * 8);
    text-align: right;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.MarketOverview-ChangeContent {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.MarketOverview-ChangeIcon {
    margin-left: calc(var(--spacing) * 4);
    display: inline-block;
    height: calc(var(--spacing) * 13);
    width: calc(var(--spacing) * 13);
    vertical-align: middle;
}

.Iframe {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.Iframe>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Iframe {
    --tw-aspect-h: 9;
}

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

.ExtendedForecast-Wrapper {
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 24);
}

.ExtendedForecast-Title {
    margin-bottom: calc(var(--spacing) * 32);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .ExtendedForecast-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.ExtendedForecastItem {
    margin-right: calc(var(--spacing) * 8);
    display: flex;
    width: calc(var(--spacing) * 120);
    min-width: calc(var(--spacing) * 120);
    flex-direction: column;
    align-items: center;
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 17);
    padding-block: calc(var(--spacing) * 8);
}

.ExtendedForecastItem:last-child {
    margin-right: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .ExtendedForecastItem {
        width: calc(var(--spacing) * 124);
    }
}

@media (width >=744px) {
    .ExtendedForecastItem {
        min-width: fit-content;
    }
}

@media (width >=744px) {
    .ExtendedForecastItem {
        min-width: var(--spacing-fit);
    }
}

@media (width >=744px) {
    .ExtendedForecastItem {
        padding-right: calc(var(--spacing) * 20);
    }
}

@media (width >=744px) {
    .ExtendedForecastItem {
        padding-left: calc(var(--spacing) * 17);
    }
}

@media (width >=1024px) {
    .ExtendedForecastItem {
        width: calc(var(--spacing) * 110);
    }
}

@media (width >=1024px) {
    .ExtendedForecastItem {
        padding-inline: calc(var(--spacing) * 18);
    }
}

@media (width >=1200px) {
    .ExtendedForecastItem {
        width: calc(var(--spacing) * 120);
    }
}

@media (width >=1200px) {
    .ExtendedForecastItem {
        min-width: calc(var(--spacing) * 120);
    }
}

@media (width >=1200px) {
    .ExtendedForecastItem {
        padding-inline: calc(var(--spacing) * 17);
    }
}

.ExtendedForecastItem-ConditionIcon {
    margin-top: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
}

.ExtendedForecastItem-ForecastedDay {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ExtendedForecastItem-ForecastHigh {
    margin-top: calc(var(--spacing) * 12);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ExtendedForecastItem-ForecastLow {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ExtendedForecastItem-ChancePrecipitationWrapper {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ExtendedForecastItem-ChancePrecipitationIcon {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 9);
}

.ExtendedForecastItem-ChancePrecipitationValue,
.ExtendedForecastItem-ForecastValue {
    margin-left: calc(var(--spacing) * 5);
}

.SeriesHeader {
    display: flex;
    align-items: stretch;
    overflow: hidden;
}

.SeriesHeader-Content {
    display: flex;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 24);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 16);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {
    .SeriesHeader-Content {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .SeriesHeader-Content {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SeriesHeader-Content {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1200px) {
    .SeriesHeader-Content {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.SeriesHeader-Content_dark {
    background-color: var(--color-black);
}

.SeriesHeader-Content_dark .SeriesHeader-Description,
.SeriesHeader-Content_dark .SeriesHeader-SeriesName {
    color: var(--color-white);
}

.SeriesHeader-Logo {
    max-height: calc(var(--spacing) * 37);
    max-width: calc(var(--spacing) * 108);
}

@media (width >=1024px) {
    .SeriesHeader-Logo {
        max-height: calc(var(--spacing) * 60);
    }
}

@media (width >=1024px) {
    .SeriesHeader-Logo {
        max-width: calc(var(--spacing) * 176);
    }
}

@media (width >=1200px) {
    .SeriesHeader-Logo {
        max-height: calc(var(--spacing) * 72);
    }
}

@media (width >=1200px) {
    .SeriesHeader-Logo {
        max-width: calc(var(--spacing) * 210);
    }
}

.SeriesHeader-SeriesName {
    width: 100%;
    max-width: calc(var(--spacing) * 108);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {
    .SeriesHeader-SeriesName {
        max-width: calc(var(--spacing) * 176);
    }
}

@media (width >=1024px) {
    .SeriesHeader-SeriesName {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.SeriesHeader-Description {
    width: 100%;
}

@media (width >=1024px) {
    .SeriesHeader-Description {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1024px) {
    .SeriesHeader-Description_sponsored {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.SeriesHeader-SponsorAdWrapper {
    min-height: calc(var(--spacing) * 71);
    align-items: center;
    justify-content: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {
    .SeriesHeader-SponsorAdWrapper {
        min-height: calc(var(--spacing) * 120);
    }
}

.SeriesHeader-SponsorAd {
    margin: calc(var(--spacing) * 0);
    max-height: calc(var(--spacing) * 31);
}

@media (width >=1024px) {
    .SeriesHeader-SponsorAd {
        max-height: calc(var(--spacing) * 47);
    }
}

@media (width >=1200px) {
    .SeriesHeader-SponsorAd {
        max-height: calc(var(--spacing) * 63);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SeriesHeader-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SeriesHeader-Description_sponsored {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SeriesHeader-Description_sponsored {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SeriesHeader-Logo {
        max-height: calc(var(--spacing) * 72);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SeriesHeader-Logo {
        max-width: calc(var(--spacing) * 210);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SeriesHeader-Logo {
        max-height: calc(var(--spacing) * 87);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SeriesHeader-Logo {
        max-width: calc(var(--spacing) * 252);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SeriesHeader-SeriesName {
        width: 100%;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SeriesHeader-SeriesName {
        max-width: calc(var(--spacing) * 210);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SeriesHeader-SeriesName {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SeriesHeader-SeriesName {
        max-width: calc(var(--spacing) * 252);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SeriesHeader-SeriesName {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.IirisRecommendation-Title {
    text-align: center;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .IirisRecommendation-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.IirisRecommendation-TitleHr {
    margin-top: calc(var(--spacing) * 12);
    margin-bottom: calc(var(--spacing) * 40);
    border-style: var(--tw-border-style);
    border-width: 1px;
}

@media (width >=1512px) {
    .extended-breakpoints .IirisRecommendation-Title {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

.Modal {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
}

.Modal-Window {
    position: fixed;
    height: 100%;
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
}

@media (width >=1200px) {
    .Modal-Window {
        top: 50%;
    }
}

@media (width >=1200px) {
    .Modal-Window {
        left: 50%;
    }
}

@media (width >=1200px) {
    .Modal-Window {
        height: auto;
    }
}

@media (width >=1200px) {
    .Modal-Window {
        width: 50%;
    }
}

@media (width >=1200px) {
    .Modal-Window {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

@media (width >=1200px) {
    .Modal-Window {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

.Modal-CloseButton {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 0);
}

.Modal-CloseIcon {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    background-color: var(--color-black);
}

.Modal-Content {
    padding-inline: calc(var(--spacing) * 40);
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 32);
}

.Modal-Content .GatingSection-GatingMessage {
    white-space: pre-line;
}

.CashGrainsBids {
    width: calc(var(--spacing) * 320);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
    padding: calc(var(--spacing) * 16);
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.CashGrainsBids-Location {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.CashGrainsBids-ChangeLocation {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 16);
    cursor: pointer;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    text-decoration-line: underline;
}

.CashGrainsBids-Statistics {
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 12);
}

.CashGrainsBids-StatisticsTitle {
    margin-bottom: calc(var(--spacing) * 9);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.CashGrainsBids-StatisticsList {
    display: flex;
    justify-content: space-between;
}

.CashGrainsBids-StatisticsItemName {
    padding-bottom: calc(var(--spacing) * 2);
    text-transform: capitalize;
}

.CashGrainsBids-StatisticsItemContract {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    text-transform: uppercase;
}

.CashGrainsBids-StatisticsItemPrice {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.CashGrainsBids-RedirectButton {
    display: flex;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 7);
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ProgramHeader {
    display: flex;
    min-height: calc(var(--spacing) * 71);
    align-items: stretch;
    overflow: hidden;
}

@media (width >=1024px) {
    .ProgramHeader {
        min-height: calc(var(--spacing) * 120);
    }
}

.ProgramHeader_mode_logo {
    min-height: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 32);
}

.ProgramHeader-Content {
    display: flex;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 24);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 16);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {
    .ProgramHeader-Content {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .ProgramHeader-Content {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ProgramHeader-Content {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1200px) {
    .ProgramHeader-Content {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ProgramHeader-Content_mode_dark {
    background-color: var(--color-black);
}

.ProgramHeader-Content_mode_dark .ProgramHeader-Description,
.ProgramHeader-Content_mode_dark .ProgramHeader-ProgramName {
    color: var(--color-white);
}

.ProgramHeader-Content_mode_logo {
    padding: calc(var(--spacing) * 0);
}

.ProgramHeader-Logo {
    max-height: calc(var(--spacing) * 39);
    max-width: calc(var(--spacing) * 108);
}

@media (width >=1024px) {
    .ProgramHeader-Logo {
        max-height: calc(var(--spacing) * 60);
    }
}

@media (width >=1024px) {
    .ProgramHeader-Logo {
        max-width: calc(var(--spacing) * 176);
    }
}

@media (width >=1200px) {
    .ProgramHeader-Logo {
        max-height: calc(var(--spacing) * 72);
    }
}

@media (width >=1200px) {
    .ProgramHeader-Logo {
        max-width: calc(var(--spacing) * 210);
    }
}

.ProgramHeader-Logo_mode_logo {
    max-height: calc(var(--spacing) * 53);
    max-width: calc(var(--spacing) * 272);
}

@media (width >=1024px) {
    .ProgramHeader-Logo_mode_logo {
        max-height: calc(var(--spacing) * 75);
    }
}

@media (width >=1024px) {
    .ProgramHeader-Logo_mode_logo {
        max-width: calc(var(--spacing) * 386);
    }
}

@media (width >=1200px) {
    .ProgramHeader-Logo_mode_logo {
        max-height: calc(var(--spacing) * 80);
    }
}

@media (width >=1200px) {
    .ProgramHeader-Logo_mode_logo {
        max-width: calc(var(--spacing) * 413);
    }
}

.ProgramHeader-ProgramName {
    max-width: calc(var(--spacing) * 108);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {
    .ProgramHeader-ProgramName {
        max-width: calc(var(--spacing) * 176);
    }
}

@media (width >=1024px) {
    .ProgramHeader-ProgramName {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .ProgramHeader-ProgramName {
        max-width: calc(var(--spacing) * 210);
    }
}

.ProgramHeader-Description_mode_logo {
    display: none;
}

.ProgramHeader-SponsorAdWrapper {
    min-height: calc(var(--spacing) * 71);
    align-items: center;
    justify-content: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {
    .ProgramHeader-SponsorAdWrapper {
        min-height: calc(var(--spacing) * 120);
    }
}

.ProgramHeader-SponsorAdWrapper_mode_logo {
    min-height: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
}

.ProgramHeader-SponsorAd {
    margin: calc(var(--spacing) * 0);
    max-height: calc(var(--spacing) * 31);
}

@media (width >=1024px) {
    .ProgramHeader-SponsorAd {
        max-height: calc(var(--spacing) * 47);
    }
}

@media (width >=1200px) {
    .ProgramHeader-SponsorAd {
        max-height: calc(var(--spacing) * 63);
    }
}

.MoreContentCard {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 14);
}

.MoreContentCard-ImageWrapper {
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 80);
}

.MoreContentCard-Image {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.SponsorBar,
.SponsorBar_active {
    display: none;
}

@media (width >=1024px) {
    .SponsorBar_active {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .SponsorBar_active {
        display: block;
    }
}

@media (width >=1024px) {
    .SponsorBar_active {
        height: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .SponsorBar_active {
        max-height: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .SponsorBar_active {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .SponsorBar_active {
        max-width: calc(var(--spacing) * 1036);
    }
}

.SponsorBar-Wrapper {
    display: flex;
    height: 100%;
    flex-direction: row;
    align-items: center;
}

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

.SponsorBar-Sponsored {
    display: none;
}

.SponsorBar-Sponsored_active {
    display: block;
    width: 9px;
    rotate: 180deg;
    font-family: Open Sans;
    font-size: 7px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    text-transform: uppercase;
    writing-mode: vertical-rl;
}

.SponsorBar-LogosWrapper {
    width: 100%;
}

@media (width >=1024px) {
    .SponsorBar-LogosWrapper {
        padding-right: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SponsorBar-LogosWrapper {
        padding-left: calc(var(--spacing) * 13);
    }
}

@media (width >=1200px) {
    .SponsorBar-LogosWrapper {
        padding-right: calc(var(--spacing) * 34);
    }
}

@media (width >=1200px) {
    .SponsorBar-LogosWrapper {
        padding-left: calc(var(--spacing) * 23);
    }
}

.SponsorLogos {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

@media (width >=1024px) {
    .SponsorLogos {
        gap: calc(var(--spacing) * 16);
    }
}

@media (width >=1200px) {
    .SponsorLogos {
        gap: calc(var(--spacing) * 24);
    }
}

.FilterYear {
    display: inline-grid;
    width: 50%;
}

@media (width >=1024px) {
    .FilterYear {
        display: block;
    }
}

@media (width >=1024px) {
    .FilterYear {
        width: auto;
    }
}

.FilterYear-DesktopScreenWrapper {
    display: inline-flex;
    flex-shrink: 0;
    padding-bottom: calc(var(--spacing) * 24);
    font-family: var(--font-primary);
}

.FilterYear-HeadWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.FilterYear-Head {
    display: flex;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--radius-xs);
    --tw-outline-style: none;
    outline-style: none;
}

@media (forced-colors: active) {
    .FilterYear-Head {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }
}

.FilterYear-Title {
    padding-right: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

@media (width >=744px) {
    .FilterYear-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.FilterYear-CheckedItem {
    padding-right: calc(var(--spacing) * 4);
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

.FilterYear-ChevronIcon {
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.FilterYear-ChevronIcon_isChevronUp {
    rotate: -180deg;
}

.FilterYear-ContentWrapper {
    position: relative;
    left: calc(var(--spacing) * 24);
    z-index: 10;
    margin-top: calc(var(--spacing) * 3);
    max-height: 440px;
    overflow-y: auto;
    --tw-shadow: 0px 5px 20px var(--tw-shadow-color, #00000033);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
}

.FilterYear-CircleIcon {
    position: relative;
    bottom: calc(var(--spacing) * 2);
    margin-right: calc(var(--spacing) * 8);
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
}

.VideoPlayer {
    position: relative;
}

.VideoPlayer-ThumbnailImage {
    opacity: 100%;
}

.VideoPlayer-PlayerThumbnailWrapper .VideoPlayer-IconWrapper {
    display: block;
}

.VideoPlayer-PlayerThumbnailWrapper_isVideoStarted .VideoPlayer-ThumbnailImage {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    opacity: 0%;
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 2s;
    transition-duration: 2s;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
}

.VideoPlayer-PlayerThumbnailWrapper_isVideoStarted .VideoPlayer-IconWrapper {
    display: none;
}

.VideoPlayer-PlaylistThumbnailWrapper .VideoPlayer-ThumbnailImage_fadeOut {
    animation: thumbnail-fade-out 1s forwards;
}

.VideoPlayer-IconWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
}

.VideoPlayer-Icon {
    display: block;
    fill: var(--color-white);
}

.VideoPlayer-MediaWrapper {
    opacity: 0%;
}

.VideoPlayer-MediaWrapper_isVideoStarted {
    opacity: 100%;
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 2s;
    transition-duration: 2s;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
}

@keyframes thumbnail-fade-out {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.DropdownNavbar-Navbar,
.DropdownNavbar-Fixed {
    z-index: 10;
    width: 100%;
}

@media (width >=744px) {

    .DropdownNavbar-Navbar,
    .DropdownNavbar-Fixed {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {

    .DropdownNavbar-Navbar,
    .DropdownNavbar-Fixed {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {

    .DropdownNavbar-Navbar,
    .DropdownNavbar-Fixed {
        max-width: calc(var(--spacing) * 1036);
    }
}

.DropdownNavbar-Navbar p,
.DropdownNavbar-Fixed p {
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {

    .DropdownNavbar-Navbar p,
    .DropdownNavbar-Fixed p {
        padding-block: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {

    .DropdownNavbar-Navbar p,
    .DropdownNavbar-Fixed p {
        padding-block: calc(var(--spacing) * 26);
    }
}

.DropdownNavbar-Fixed {
    position: fixed;
    top: calc(var(--spacing) * 0);
}

.DropdownNavbar-Selected,
.DropdownNavbar-Item,
.DropdownNavbar-ItemDisabled {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: var(--color-gray-3);
    background-color: var(--color-white);
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-brand-primary-1);
}

@media (width >=744px) {

    .DropdownNavbar-Selected,
    .DropdownNavbar-Item,
    .DropdownNavbar-ItemDisabled {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1024px) {

    .DropdownNavbar-Selected,
    .DropdownNavbar-Item,
    .DropdownNavbar-ItemDisabled {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.DropdownNavbar-Selected a,
.DropdownNavbar-Item a,
.DropdownNavbar-ItemDisabled a {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: calc(var(--spacing) * 30);
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {

    .DropdownNavbar-Selected a,
    .DropdownNavbar-Item a,
    .DropdownNavbar-ItemDisabled a {
        padding-block: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {

    .DropdownNavbar-Selected a,
    .DropdownNavbar-Item a,
    .DropdownNavbar-ItemDisabled a {
        padding-block: calc(var(--spacing) * 26);
    }
}

.DropdownNavbar-Selected {
    cursor: pointer;
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    padding-inline: calc(var(--spacing) * 30);
}

.DropdownNavbar-Selected p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.DropdownNavbar-Item:hover {
    background-color: var(--color-gray-1);
}

.DropdownNavbar-Item:hover a {
    text-decoration-line: underline;
}

.DropdownNavbar-Item:active {
    background-color: var(--color-brand-primary-1);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
}

.DropdownNavbar-ItemDisabled {
    pointer-events: none;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.DropdownNavbar-ItemDisabled a {
    text-decoration-line: none;
    opacity: 30%;
}

.DropdownNavbar-Icon {
    margin-left: calc(var(--spacing) * 20);
    display: inline-block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 16);
    background-color: var(--color-black);
}

.DropdownNavbar-Dropdown {
    max-height: 50vh;
    overflow: auto;
}

@media (width >=1200px) {

    .extended-breakpoints .DropdownNavbar-Navbar,
    .extended-breakpoints .DropdownNavbar-Fixed {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .DropdownNavbar-Navbar,
    .extended-breakpoints .DropdownNavbar-Fixed {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .DropdownNavbar-Selected,
    .extended-breakpoints .DropdownNavbar-Item,
    .extended-breakpoints .DropdownNavbar-ItemDisabled {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.Spinner {
    --uib-size: 130px;
    --uib-color: white;
    --uib-speed: 0.9s;
    --uib-stroke: 12px;
    --mask-size: calc(var(--uib-size) / 2 - var(--uib-stroke));
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--uib-size);
    width: var(--uib-size);
    -webkit-mask: radial-gradient(circle var(--mask-size),
            transparent 99%,
            #000 100%);
    mask: radial-gradient(circle var(--mask-size), transparent 99%, #000 100%);
    background-image: conic-gradient(transparent 25%, var(--uib-color));
    animation: spin calc(var(--uib-speed)) linear infinite;
    border-radius: 50%;
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.Spinner-Overlay {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 100;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
}

.Spinner-Caption {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    -webkit-user-select: none;
    user-select: none;
}

.FeatureImageHeader-HeaderTitle {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    flex-direction: column;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-black);
}

@media (width >=744px) {
    .FeatureImageHeader-HeaderTitle {
        margin-bottom: calc(var(--spacing) * 36);
    }
}

@media (width >=744px) {
    .FeatureImageHeader-HeaderTitle {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .FeatureImageHeader-HeaderTitle {
        align-items: center;
    }
}

@media (width >=744px) {
    .FeatureImageHeader-HeaderTitle {
        column-gap: calc(var(--spacing) * 56);
    }
}

@media (width >=744px) {
    .FeatureImageHeader-HeaderTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1024px) {
    .FeatureImageHeader-HeaderTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1200px) {
    .FeatureImageHeader-HeaderTitle {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

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

.FeatureImageHeader-Topics::-webkit-scrollbar {
    display: none;
}

.FeatureImageHeader-Topics {
    display: flex;
    flex-direction: row;
    align-items: center;
}

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

.FeatureImageHeader-Topics {
    overflow-x: auto;
}

.FeatureImageHeader-LargeTitle {
    display: none;
}

@media (width >=744px) {
    .FeatureImageHeader-LargeTitle {
        display: block;
    }
}

.FeatureImageHeader-MobileTitle {
    display: block;
}

@media (width >=744px) {
    .FeatureImageHeader-MobileTitle {
        display: none;
    }
}

.FeatureImageHeader-DefaultTitle {
    display: none;
}

.FeatureImageHeader-TitleAdditionalInfo {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 8);
    flex-shrink: 0;
}

@media (width >=744px) {
    .FeatureImageHeader-TitleAdditionalInfo {
        margin: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .FeatureImageHeader-TitleAdditionalInfo {
        margin-left: auto;
    }
}

.FeatureImageHeader-SocialShareWrapper {
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .FeatureImageHeader-SocialShareWrapper {
        padding-top: calc(var(--spacing) * 32);
    }
}

.FeatureImageHeader-FeaturedImageWrapper {
    width: 100%;
}

@media (width >=744px) {
    .FeatureImageHeader-FeaturedImageWrapper {
        width: 696px;
    }
}

@media (width >=1024px) {
    .FeatureImageHeader-FeaturedImageWrapper {
        width: 960px;
    }
}

@media (width >=1200px) {
    .FeatureImageHeader-FeaturedImageWrapper {
        width: 1036px;
    }
}

.FeatureImageHeader-FeaturedImage {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.FeatureImageHeader-Contributors {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    justify-content: space-between;
}

@media (width >=744px) {
    .FeatureImageHeader-Contributors {
        margin-bottom: calc(var(--spacing) * 36);
    }
}

@media (width >=1200px) {
    .FeatureImageHeader-Contributors {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.FeatureImageHeader .Sponsored {
    margin-top: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .FeatureImageHeader .Sponsored {
        margin-top: calc(var(--spacing) * 40);
    }
}

.FeatureImageHeader .CaptionedContent-Content {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 21;
}

.FeatureImageHeader .CaptionedContent-Content>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.FeatureImageHeader .CaptionedContent-Content {
    --tw-aspect-h: 9;
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureImageHeader-HeaderTitle {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureImageHeader-HeaderTitle {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .FeatureImageHeader-FeaturedImageWrapper {
        width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureImageHeader-FeaturedImageWrapper {
        width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureImageHeader-FeaturedImageWrapper .CaptionedContent-Caption {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureImageHeader-SocialShareWrapper {
        padding-top: calc(var(--spacing) * 40);
    }
}

.LoadingIndicator-Container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.LoadingIndicator-Loader {
    width: 40px;
    height: 40px;
    --c: linear-gradient(currentColor 0 0);
    --r1: radial-gradient(farthest-side at bottom, currentColor 93%, #0000);
    --r2: radial-gradient(farthest-side at top, currentColor 93%, #0000);
    background: var(--c), var(--r1), var(--r2), var(--c), var(--r1), var(--r2),
        var(--c), var(--r1), var(--r2);
    background-repeat: no-repeat;
    animation: loadingIndicator 1s infinite alternate;
}

@keyframes loadingIndicator {

    0%,
    25% {
        background-size: 8px 0, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px, 8px 0,
            8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(50% - 2px), 0 calc(50% + 2px), 50% 50%,
            50% calc(50% - 2px), 50% calc(50% + 2px), 100% 50%, 100% calc(50% - 2px),
            100% calc(50% + 2px);
    }

    50% {
        background-size: 8px 100%, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px, 8px 0,
            8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%,
            50% calc(50% - 2px), 50% calc(50% + 2px), 100% 50%, 100% calc(50% - 2px),
            100% calc(50% + 2px);
    }

    75% {
        background-size: 8px 100%, 8px 4px, 8px 4px, 8px 100%, 8px 4px, 8px 4px,
            8px 0, 8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%,
            50% calc(0% - 2px), 50% calc(100% + 2px), 100% 50%, 100% calc(50% - 2px),
            100% calc(50% + 2px);
    }

    95%,
    to {
        background-size: 8px 100%, 8px 4px, 8px 4px, 8px 100%, 8px 4px, 8px 4px,
            8px 100%, 8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%,
            50% calc(0% - 2px), 50% calc(100% + 2px), 100% 50%, 100% calc(0% - 2px),
            100% calc(100% + 2px);
    }
}

.LoadingIndicator-LoaderWithDots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
}

.LoadingIndicator-LoaderWithDots span {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: var(--color-white);
    animation: dot-fade 1.5s infinite ease-in-out;
}

.LoadingIndicator-LoaderWithDots span:nth-child(1) {
    animation-delay: 0s;
}

.LoadingIndicator-LoaderWithDots span:nth-child(2) {
    animation-delay: 0.3s;
}

.LoadingIndicator-LoaderWithDots span:nth-child(3) {
    animation-delay: 0.6s;
}

@keyframes dot-fade {

    0%,
    to {
        background-color: #fff;
    }

    50% {
        background-color: #000;
    }
}

.Media_video:not(:has(.instagram-media)) {
    aspect-ratio: 16/9;
    width: 100%;
}

.Media_video:not(:has(.instagram-media)) iframe {
    height: 100%;
    width: 100%;
}

.Media_video wistia-player {
    height: 100% !important;
    max-height: 100%;
    width: 100% !important;
    max-width: 100%;
}

.Media_audio {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.Media_audio>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Media_audio {
    width: 100%;
}

.Media_audio.libsyn {
    height: calc(var(--spacing) * 90);
}

.Tooltip {
    position: relative;
    margin-bottom: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
}

.Tooltip-Arrow {
    position: absolute;
    bottom: calc(var(--spacing) * -6);
    --tw-content: "";
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 6px;
    border-right-style: var(--tw-border-style);
    border-right-width: 6px;
    border-left-style: var(--tw-border-style);
    border-left-width: 6px;
    border-top-color: var(--color-gray-800);
    border-right-color: transparent;
    border-left-color: transparent;
}

.OurProductsButton {
    position: fixed;
    top: 168px;
    right: calc(var(--spacing) * 0);
    z-index: 31;
    display: flex;
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    color: var(--color-white);
}

@media (width >=744px) {
    .OurProductsButton {
        top: 238px;
    }
}

@media (width >=1024px) {
    .OurProductsButton {
        top: 224px;
    }
}

@media (width >=1200px) {
    .OurProductsButton {
        top: 96px;
    }
}

@media (width >=1512px) {
    .OurProductsButton {
        top: 96px;
    }
}

.OurProductsButton {
    transition: right 0.3s ease-out, width 0.3s ease-out;
}

.OurProductsButton-Text {
    --tw-translate-x: -48px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-left: calc(var(--spacing) * 16);
    white-space: nowrap;
    opacity: 0%;
}

.OurProductsButton-Text:hover {
    text-decoration-line: underline;
}

.OurProductsButton.OurProductsButton_expanded {
    width: 159px;
}

.OurProductsButton.OurProductsButton_expanded .OurProductsButton-Text {
    margin-right: calc(var(--spacing) * 34);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-left: calc(var(--spacing) * 4);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    opacity: 100%;
    transition: opacity 0s ease-out 0.3s, transform 0.3s ease-out;
}

.OurProductsButton-Icon {
    position: absolute;
    top: 50%;
    right: 13px;
    margin: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 12);
    height: 17.6px;
    width: 22px;
    flex-shrink: 0;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 0);
}

.OurProductsButton_hidden {
    right: -160px;
}

.OurProductsRef {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: -1;
    height: 960px;
}

.MegaMenu {
    width: 100%;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 0);
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .MegaMenu {
        padding-block: calc(var(--spacing) * 48);
    }
}

@media (width >=744px) {
    .MegaMenu {
        padding-bottom: calc(var(--spacing) * 80);
    }
}

@media (width >=1024px) {
    .MegaMenu {
        padding-inline: calc(var(--spacing) * 32);
    }
}

.MegaMenu-Content {
    margin-inline: auto;
    max-width: var(--breakpoint-xl);
}

.MegaMenu-HeaderRow {
    display: flex;
    flex-direction: column;
}

@media (width >=744px) {
    .MegaMenu-HeaderRow {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .MegaMenu-HeaderRow {
        align-items: center;
    }
}

@media (width >=1200px) {
    .MegaMenu-HeaderRow {
        width: 75%;
    }
}

@media (width >=1200px) {
    .MegaMenu-HeaderRow {
        padding-right: calc(var(--spacing) * 40);
    }
}

.MegaMenu-CloseButton {
    margin-right: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 18);
    height: calc(var(--spacing) * 20);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

@media (width >=744px) {
    .MegaMenu-CloseButton {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.MegaMenu-CloseButtonIcon {
    display: inline-block;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    cursor: pointer;
    background-color: var(--color-white);
}

.MegaMenu-SearchBarButton {
    border-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}

.MegaMenu-Title {
    margin-top: calc(var(--spacing) * 24);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-white);
}

@media (width >=744px) {
    .MegaMenu-Title {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .MegaMenu-Title {
        margin-top: calc(var(--spacing) * 56);
    }
}

.MegaMenu-Body {
    display: flex;
    flex-direction: column;
}

@media (width >=744px) {
    .MegaMenu-Body {
        flex-direction: row;
    }
}

.MegaMenu-Group {
    margin-top: calc(var(--spacing) * 10);
    flex-shrink: 0;
    flex-grow: 0;
}

@media (width >=744px) {
    .MegaMenu-Group {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .MegaMenu-Group {
        width: calc(4 / 6 * 100%);
    }
}

@media (width >=1024px) {
    .MegaMenu-Group {
        width: calc(5 / 12 * 100%);
    }
}

@media (width >=1200px) {
    .MegaMenu-Group {
        width: 50%;
    }
}

.MegaMenu-BottomPlaceholder {
    height: calc(var(--spacing) * 144);
}

@media (width >=744px) {
    .MegaMenu-BottomPlaceholder {
        height: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MegaMenu-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MegaMenu-Content {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MegaMenu-Content {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MegaMenu-Body {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MegaMenu-Body {
        width: 100%;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MegaMenu-Body {
        column-gap: calc(var(--spacing) * 40);
    }
}

.extended-breakpoints .MegaMenu-Group {
    flex-grow: 1;
}

@media (width >=1200px) {
    .extended-breakpoints .MegaMenu-Group {
        width: auto;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MegaMenu-HeaderRow {
        width: calc(var(--spacing) * 840);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MegaMenu-HeaderRow {
        padding-right: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MegaMenu-HeaderRow {
        width: calc(var(--spacing) * 770);
    }
}

.LargeGroup {
    display: none;
}

@media (width >=744px) {
    .LargeGroup {
        display: block;
    }
}

.LargeGroup-Section {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-block: calc(var(--spacing) * 16);
}

.LargeGroup-TitleWrapper {
    display: flex;
    align-items: center;
}

.LargeGroup-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-white);
}

@media (width >=1200px) {
    .LargeGroup-Title {
        display: none;
    }
}

.LargeGroup-TitleXlWrapper {
    display: none;
    width: calc(1 / 3 * 100%);
    flex-shrink: 0;
    flex-grow: 0;
}

@media (width >=1200px) {
    .LargeGroup-TitleXlWrapper {
        display: block;
    }
}

.LargeGroup-TitleXl {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-leading: var(--leading-5);
    line-height: var(--leading-5);
    overflow-wrap: break-word;
    color: var(--color-white);
}

.LargeGroup-Content {
    display: flex;
    gap: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .LargeGroup-Content {
        gap: calc(var(--spacing) * 32);
    }
}

.LargeGroup-Nav {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .LargeGroup-Nav {
        column-gap: calc(var(--spacing) * 32);
    }
}

.LargeGroup-NavItemsList {
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 8);
}

.LargeGroup-NavItem {
    cursor: pointer;
}

.LargeGroup-NavItemLink {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    overflow-wrap: break-word;
    color: var(--color-white);
}

@media (width >=1512px) {
    .extended-breakpoints .LargeGroup-TitleXl {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LargeGroup-NavItemLink {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.LargeGroupMobile {
    display: block;
}

@media (width >=744px) {
    .LargeGroupMobile {
        display: none;
    }
}

.LargeGroupMobile-Section {
    display: flex;
    cursor: pointer;
    align-items: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 14);
    padding-bottom: calc(var(--spacing) * 14);
}

.LargeGroupMobile-SectionWrapper:last-child .LargeGroupMobile-Section {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
}

.LargeGroupMobile-SectionWrapper_active .LargeGroupMobile-Chevron {
    rotate: -180deg;
}

.LargeGroupMobile-SectionWrapper_active .LargeGroupMobile-Content {
    margin-top: calc(var(--spacing) * 10);
}

.LargeGroupMobile-SectionWrapper_active .LargeGroupMobile-NavItemsListWrapper {
    display: grid;
}

.LargeGroupMobile-SectionWrapper_active .LargeGroupMobile-NavItemsList {
    display: flex;
    flex-direction: column;
}

.LargeGroupMobile-Chevron {
    margin-right: calc(var(--spacing) * 12);
    display: inline-block;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    background-color: var(--color-white);
}

.LargeGroupMobile-Title {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    color: var(--color-white);
}

.LargeGroupMobile-Title_type_link {
    padding-left: calc(var(--spacing) * 36);
}

.LargeGroupMobile-Content {
    display: flex;
}

.LargeGroupMobile-Nav {
    width: 100%;
}

.LargeGroupMobile-NavItemsListWrapper {
    display: none;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
    row-gap: calc(var(--spacing) * 24);
}

.LargeGroupMobile-NavItemsList {
    display: none;
    width: 100%;
    row-gap: calc(var(--spacing) * 24);
}

.LargeGroupMobile-NavItem {
    cursor: pointer;
    overflow-wrap: break-word;
}

.LargeGroupMobile-NavItemLink {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
}

.LargeGroupMobile-SeeAllLinkWrapper {
    grid-column: span 2 / span 2;
    width: 100%;
    cursor: pointer;
    padding-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 14);
    text-align: center;
}

.LargeGroupMobile-SeeAllLink {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.LargeGroupMobile-SeeAllLinkIcon {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 9);
    background-color: var(--color-white);
}

.SideNav {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    color: var(--color-black);
}

@media (width >=744px) {
    .SideNav {
        bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .SideNav {
        margin-left: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .SideNav {
        display: block;
    }
}

@media (width >=1024px) {
    .SideNav {
        margin-left: calc(var(--spacing) * 32);
    }
}

.SideNav-ContentWrap {
    padding-block: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .SideNav-ContentWrap {
        padding-block: calc(var(--spacing) * 32);
    }
}

.SideNav-Registration {
    display: none;
}

@media (width >=744px) {
    .SideNav-Registration {
        display: block;
    }
}

.SideNav-RegistrationContent {
    margin-bottom: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .SideNav-RegistrationContent {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

.SideNav-RegistrationTitle {
    margin-bottom: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 16);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SideNav-RegistrationText {
    display: none;
    padding-inline: calc(var(--spacing) * 16);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .SideNav-RegistrationText {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .SideNav-RegistrationText {
        display: block;
    }
}

.SideNav-RegistrationMobile {
    position: fixed;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 0);
    width: 100%;
}

@media (width >=744px) {
    .SideNav-RegistrationMobile {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .SideNav-RegistrationMobile {
        display: none;
    }
}

.SideNav-Social {
    display: none;
    padding-block: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .SideNav-Social {
        display: block;
    }
}

@media (width >=744px) {
    .SideNav-Social {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
}

@media (width >=744px) {
    .SideNav-Social {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
}

@media (width >=744px) {
    .SideNav-Social {
        padding-block: calc(var(--spacing) * 24);
    }
}

.SideNav-SocialMobile {
    margin-top: calc(var(--spacing) * 32);
    display: block;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .SideNav-SocialMobile {
        display: none;
    }
}

@media (width >=744px) {
    .SideNav-SocialMobile {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px;
    }
}

@media (width >=744px) {
    .SideNav-SocialMobile {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
}

@media (width >=744px) {
    .SideNav-SocialMobile {
        padding-block: calc(var(--spacing) * 24);
    }
}

.SideNav-SocialTitle {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SideNav-SocialContent {
    margin-top: calc(var(--spacing) * 16);
}

.SideNav-Section {
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .SideNav-Section {
        margin-top: calc(var(--spacing) * 24);
    }
}

.SideNav-SectionTitle {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SideNav-SectionSubMenu {
    margin-bottom: calc(var(--spacing) * 8);
    cursor: pointer;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.SideNav-SectionSubMenu:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1200px) {
    .extended-breakpoints .SideNav {
        margin-left: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SideNav {
        width: calc(var(--spacing) * 259);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SideNav {
        width: calc(var(--spacing) * 320);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .SideNav-RegistrationTitle,
    .extended-breakpoints .SideNav-SocialTitle,
    .extended-breakpoints .SideNav-SectionTitle {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SideNav-RegistrationText {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.SmallGroup-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-white);
}

.SmallGroup-Nav {
    width: 100%;
    word-break: break-all;
}

.SmallGroupLg {
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (width >=1024px) {
    .SmallGroupLg {
        position: relative;
    }
}

@media (width >=1024px) {
    .SmallGroupLg {
        bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .SmallGroupLg {
        margin-left: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SmallGroupLg {
        display: flex;
    }
}

@media (width >=1024px) {
    .SmallGroupLg {
        width: 100%;
    }
}

@media (width >=1200px) {
    .SmallGroupLg {
        margin-left: calc(var(--spacing) * 32);
    }
}

.SmallGroupLg-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-white);
}

.SmallGroupLg-Content {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
}

.SmallGroupLg-Nav {
    width: 100%;
    word-break: break-all;
}

.SmallGroupLg-NavItemsList {
    width: 100%;
}

.SmallGroupLg-NavItem {
    cursor: pointer;
}

.SmallGroupLg-NavItem:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 8);
}

.SmallGroupLg-NavItemLink {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    overflow-wrap: normal;
    word-break: normal;
    color: var(--color-white);
}

@media (width >=1200px) {
    .extended-breakpoints .SmallGroupLg {
        margin-left: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SmallGroupLg {
        width: calc(var(--spacing) * 259);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SmallGroupLg {
        width: calc(var(--spacing) * 320);
    }
}

.Navigation {
    position: relative;
}

.Navigation-MegaMenu {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
    background-color: var(--color-black);
}

.Navigation-HeaderWrapper {
    position: relative;
    z-index: 30;
}

.Navigation-HeaderBackground {
    background-color: var(--color-informa-bar);
}

.Navigation-Header {
    position: relative;
}

.Navigation-SecondaryMenuWrapper {
    position: relative;
    display: none;
}

@media (width >=1024px) {
    .Navigation-SecondaryMenuWrapper {
        display: block;
    }
}

.Navigation-SecondaryMenuBackground {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-black);
}

.Navigation-SecondaryMenu {
    position: relative;
}

.Navigation-NavBase {
    z-index: 30;
    width: 100%;
}

.Navigation-NavBase_isOverOffset {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 16);
}

.Navigation-NavBase:not(.Navigation-NavBase_isOverOffset) {
    position: relative;
}

.Navigation-MainMenu {
    position: relative;
    display: none;
    max-width: 100%;
}

@media (width >=744px) {
    .Navigation-MainMenu {
        margin: auto;
    }
}

@media (width >=744px) {
    .Navigation-MainMenu {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .Navigation-MainMenu {
        display: block;
    }
}

@media (width >=1024px) {
    .Navigation-MainMenu {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .Navigation-MainMenu {
        max-width: calc(var(--spacing) * 1036);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .Navigation-MainMenu {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Navigation-MainMenu {
        max-width: calc(var(--spacing) * 1400);
    }
}

.FullScreenBackground {
    position: absolute;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

.MainMenu-BackgroundSubmenu {
    height: 100vh;
}

.MainMenu-BackgroundSubmenu_isSubMenuOpen {
    display: block;
}

.MainMenu-BackgroundSubmenu:not(.MainMenu-BackgroundSubmenu_isSubMenuOpen) {
    display: none;
}

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

.MainMenu-Content_isSearchOpen {
    display: none;
}

.MainMenu-Content:not(.MainMenu-Content_isSearchOpen) {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.MainMenu-MegaMenuButton {
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    justify-content: center;
}

.MainMenu-MegaMenuIcon {
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    background-color: var(--color-black);
}

.MainMenu-ItemsWrapper {
    position: relative;
    display: flex;
    justify-content: center;
}

.MainMenu-MenuItem {
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 16);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    white-space: nowrap;
}

.MainMenu-SubMenuIcon {
    margin-left: calc(var(--spacing) * 12);
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
}

.MainMenu-SubMenuWrapper {
    position: absolute;
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

.MainMenu-SubMenuWrapper_current.MainMenu-SubMenuWrapper_isSubMenuOpen {
    display: block;
}

.MainMenu-SubMenuWrapper:not(.MainMenu-SubMenuWrapper_current.MainMenu-SubMenuWrapper_isSubMenuOpen) {
    display: none;
}

.MainMenu-SubMenuContent {
    position: relative;
    margin: auto;
    max-width: 100%;
}

@media (width >=744px) {
    .MainMenu-SubMenuContent {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .MainMenu-SubMenuContent {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .MainMenu-SubMenuContent {
        max-width: calc(var(--spacing) * 1036);
    }
}

.MainMenu-SubMenu {
    padding-inline: calc(var(--spacing) * 0);
}

@media (width >=1200px) {
    .MainMenu-SubMenu {
        padding-inline: calc(var(--spacing) * 16);
    }
}

.MainMenu-TitleWrapper {
    cursor: pointer;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    white-space: nowrap;
}

.MainMenu-SearchButton {
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    justify-content: center;
}

.MainMenu-SearchButtonIcon {
    display: inline-block;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    cursor: pointer;
}

.MainMenu-SearchWrapper {
    display: flex;
    height: calc(var(--spacing) * 48);
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=1200px) {
    .MainMenu-SearchWrapper {
        padding-inline: calc(var(--spacing) * 32);
    }
}

.MainMenu-SearchWrapper:not(.MainMenu-SearchWrapper_isOpen) {
    display: none;
}

.MainMenu-SearchCloseButton {
    margin-right: calc(var(--spacing) * 24);
    display: flex;
    justify-content: center;
}

.MainMenu-SearchCloseIcon {
    display: inline-block;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
}

.MainMenu-SearchBarWrapper {
    flex-grow: 1;
}

.MainMenu-SearchBarInput,
.MainMenu-SearchBarSearchButton {
    height: calc(var(--spacing) * 46);
}

@media (width >=1200px) {
    .extended-breakpoints .MainMenu-SubMenuContent {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MainMenu-SubMenuContent {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MainMenu-SubMenu {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MainMenu-SearchWrapper {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.SecondaryMenu {
    display: flex;
    height: calc(var(--spacing) * 40);
    justify-content: center;
    padding-block: calc(var(--spacing) * 12);
}

.SecondaryMenu-Link {
    margin-inline: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.NavBase {
    max-width: 100%;
}

@media (width >=744px) {
    .NavBase {
        margin: auto;
    }
}

@media (width >=744px) {
    .NavBase {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .NavBase {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .NavBase {
        max-width: calc(var(--spacing) * 1036);
    }
}

.NavBase-Content {
    position: relative;
}

.NavBase-HeaderWrapper {
    position: relative;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
}

.NavBase-MegaMenuButton {
    margin-right: calc(var(--spacing) * 24);
    display: flex;
    align-items: center;
}

@media (width >=744px) {
    .NavBase-MegaMenuButton {
        margin-right: calc(var(--spacing) * 48);
    }
}

.NavBase-MegaMenuIcon,
.NavBase-SearchIcon,
.NavBase-LogoMegaMenuIcon {
    display: inline-block;
}

.NavBase-SearchButtonDesktop {
    display: none;
    align-items: center;
}

@media (width >=1024px) {
    .NavBase-SearchButtonDesktop {
        display: flex;
    }
}

.NavBase-SearchButtonTablet {
    display: none;
    align-items: center;
}

@media (width >=744px) {
    .NavBase-SearchButtonTablet {
        display: flex;
    }
}

@media (width >=1024px) {
    .NavBase-SearchButtonTablet {
        display: none;
    }
}

.NavBase-LogoWrapper {
    grid-column: span 3 / span 3;
    display: flex;
    align-items: center;
}

.NavBase-LogoImage {
    max-height: calc(var(--spacing) * 32);
    max-width: calc(var(--spacing) * 136);
}

@media (width >=744px) {
    .NavBase-LogoImage {
        max-height: calc(var(--spacing) * 56);
    }
}

@media (width >=744px) {
    .NavBase-LogoImage {
        max-width: 280px;
    }
}

@media (width >=1024px) {
    .NavBase-LogoImage {
        max-height: calc(var(--spacing) * 100);
    }
}

@media (width >=1024px) {
    .NavBase-LogoImage {
        max-width: calc(var(--spacing) * 600);
    }
}

.NavBase-RegisterWrapper {
    grid-column: span 2 / span 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.NavBase-RegisterSearchButton {
    display: none;
}

.NavBase-SearchWrapper {
    position: absolute;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=1200px) {
    .NavBase-SearchWrapper {
        padding-inline: calc(var(--spacing) * 32);
    }
}

.NavBase-SearchWrapper:not(.NavBase-SearchWrapper_isOpen) {
    display: none;
}

.NavBase-SearchBackground {
    background-color: var(--color-white);
}

.NavBase-SearchCloseButton {
    position: relative;
    margin-right: calc(var(--spacing) * 24);
}

.NavBase-SearchBarWrapper {
    position: relative;
    height: calc(var(--spacing) * 40);
    flex-grow: 1;
}

@media (width >=1200px) {
    .extended-breakpoints .NavBase {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .NavBase {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .NavBase-SearchWrapper {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.NewsletterSignupPromo-WrappedButton {
    width: 100%;
    justify-content: center;
}

.SignupNewsletter-Content {
    position: relative;
    background-color: var(--color-white);
    text-align: left;
}

.SignupNewsletter-FormContainer {
    flex: 1;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 32);
    min-width: 50%;
}

@media (min-width: 768px) {
    .SignupNewsletter-FormContainer {
        padding-inline: calc(var(--spacing) * 24);
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (min-width: 1024px) {
    .SignupNewsletter-FormContainer {
        padding-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-FormContainer .row {
    margin-bottom: calc(var(--spacing) * 24);
}

.SignupNewsletter-Submit button {
    width: 100%;
    border-radius: var(--radius-xs);
    background-color: color-mix(in oklab,
            var(--color-brand-primary-4) 80%,
            transparent);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
    text-transform: uppercase;
}

@media (hover: hover) {
    .SignupNewsletter-Submit button:hover {
        background-color: color-mix(in oklab,
                var(--color-brand-primary-5) 100%,
                transparent);
    }
}

@media (min-width: 768px) {
    .SignupNewsletter-Submit button {
        width: auto;
    }
}

.SignupNewsletter-Select {
    display: flex;
    flex-direction: column;
}

.SignupNewsletter-Select label {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.SignupNewsletter-SelectLabelSpan {
    margin-left: calc(var(--spacing) * 4);
    color: color-mix(in oklab, var(--color-error) 100%, transparent);
}

.SignupNewsletter-Input,
.SignupNewsletter-SelectElement {
    position: relative;
    height: calc(var(--spacing) * 40);
    border-radius: var(--radius-3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-5);
    padding-inline: calc(var(--spacing) * 16);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.SignupNewsletter-Input {
    display: flex;
    flex-direction: column;
}

.SignupNewsletter-Input label {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.SignupNewsletter-Input label span {
    margin-left: calc(var(--spacing) * 4);
}

.SignupNewsletter-Input label span {
    color: color-mix(in oklab, var(--color-brand-tertiary-1) 100%, transparent);
}

.SignupNewsletter-Input select {
    margin-top: calc(var(--spacing) * 10);
    display: block;
    width: 100%;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-family: var(--font-secondary);
}

.SignupNewsletter-TextInputLabelSpan {
    margin-left: calc(var(--spacing) * 4);
    color: color-mix(in oklab, var(--color-error) 100%, transparent);
}

.SignupNewsletter-ValidationHeader {
    flex-basis: 100%;
    margin-bottom: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 16);
    text-align: center;
    font-family: var(--font-secondary);
    color: var(--color-error);
}

.SignupNewsletter-Consent [type="checkbox"] {
    margin-right: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 2px;
}

.SignupNewsletter-Consent [type="checkbox"]:checked {
    border-style: var(--tw-border-style);
    border-width: 0px;
}

.SignupNewsletter-Consent {
    flex-basis: 50%;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    padding-inline: calc(var(--spacing) * 16);
    font-family: var(--font-secondary);
}

@media (min-width: 768px) {
    .SignupNewsletter-Consent {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (min-width: 1024px) {
    .SignupNewsletter-Consent {
        padding-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-Consent a {
    text-decoration-line: underline;
}

@media (hover: hover) {
    .SignupNewsletter-Consent a:hover {
        text-decoration-line: none;
    }
}

.SignupNewsletter-Consent [type="radio"] {
    margin-right: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
}

.SignupNewsletter-Consent [type="checkbox"] {
    margin-right: calc(var(--spacing) * 14);
}

.SignupNewsletter-Consent p {
    margin-bottom: calc(var(--spacing) * 16);
}

.SignupNewsletter-Consent label {
    margin-right: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
}

.SignupNewsletter-ConsentWrapper {
    position: relative;
    margin-bottom: calc(var(--spacing) * 32);
    text-align: center;
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-brand-primary-4);
    padding: 0 80px;
}

.SignupNewsletter-ConsentWrapper p {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: left;
    font-family: var(--font-secondary);
}

.SignupNewsletter-ConsentWrapper label {
    margin-right: calc(var(--spacing) * 12);
}

.SignupNewsletter-ConsentWrapper label input {
    margin-right: calc(var(--spacing) * 12);
    font-family: var(--font-secondary);
}

.SignupNewsletter-Newsletter {
    min-width: calc(50% - 32px);
    margin-inline: calc(var(--spacing) * 16);
    flex: 1;
}

@media (width >=744px) {
    .SignupNewsletter-Newsletter {
        margin-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SignupNewsletter-Newsletter {
        margin-inline: calc(var(--spacing) * 40);
    }
}

@media (min-width: 744px) {
    .SignupNewsletter-Newsletter {
        min-width: calc(50% - 48px);
    }
}

@media (min-width: 1024px) {
    .SignupNewsletter-Newsletter {
        min-width: calc(50% - 80px);
    }
}

.SignupNewsletter-NewsletterItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-bottom: calc(var(--spacing) * 0);
}

.SignupNewsletter-NewsletterInputContainer [type="checkbox"] {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-7);
    color: var(--color-brand-tertiary-2);
}

.SignupNewsletter-NewsletterInputContainer [type="checkbox"]:checked {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: var(--color-brand-primary-3);
}

.SignupNewsletter-NewsletterConsentContainer {
    font-family: var(--font-secondary);
}

.SignupNewsletter-NewsletterItemTitle {
    margin-bottom: calc(var(--spacing) * 8);
    display: block;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.SignupNewsletter-NewsletterFrequency {
    display: flex;
}

.SignupNewsletter-NewsletterFrequency p:empty {
    margin-top: calc(var(--spacing) * 0);
}

.SignupNewsletter-NewsletterFrequency a:empty {
    margin-top: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
}

.SignupNewsletter-NewsletterSuccess button {
    width: 100%;
    border-radius: var(--radius-xs);
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
}

@media (hover: hover) {
    .SignupNewsletter-NewsletterSuccess button:hover {
        background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    }
}

@media (min-width: 768px) {
    .SignupNewsletter-NewsletterSuccess button {
        width: auto;
    }
}

@media (min-width: 768px) {
    .SignupNewsletter-NewsletterSuccess {
        margin-inline: calc(var(--spacing) * 24);
    }
}

@media (min-width: 1024px) {
    .SignupNewsletter-NewsletterSuccess {
        margin-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-NewsletterSuccess h1 {
    font-family: var(--font-primary);
}

.SignupNewsletter-NewsletterSuccess p {
    margin-bottom: calc(var(--spacing) * 16);
    font-family: var(--font-secondary);
}

.SignupNewsletter-NewsletterSuccess button {
    margin-bottom: calc(var(--spacing) * 32);
}

.SignupNewsletter-Spinner {
    margin: 5em;
    padding: 5em;
    display: grid;
    place-items: center;
}

.SignupNewsletter-SpinnerLoading {
    width: 40px;
    height: 40px;
    --c: linear-gradient(currentColor 0 0);
    --r1: radial-gradient(farthest-side at bottom, currentColor 93%, #0000);
    --r2: radial-gradient(farthest-side at top, currentColor 93%, #0000);
    background: var(--c), var(--r1), var(--r2), var(--c), var(--r1), var(--r2),
        var(--c), var(--r1), var(--r2);
    background-repeat: no-repeat;
    animation: elnSpinner 1s infinite alternate;
}

@keyframes elnSpinner {

    0%,
    25% {
        background-size: 8px 0, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px, 8px 0,
            8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(50% - 2px), 0 calc(50% + 2px), 50% 50%,
            50% calc(50% - 2px), 50% calc(50% + 2px), 100% 50%, 100% calc(50% - 2px),
            100% calc(50% + 2px);
    }

    50% {
        background-size: 8px 100%, 8px 4px, 8px 4px, 8px 0, 8px 4px, 8px 4px, 8px 0,
            8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%,
            50% calc(50% - 2px), 50% calc(50% + 2px), 100% 50%, 100% calc(50% - 2px),
            100% calc(50% + 2px);
    }

    75% {
        background-size: 8px 100%, 8px 4px, 8px 4px, 8px 100%, 8px 4px, 8px 4px,
            8px 0, 8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%,
            50% calc(0% - 2px), 50% calc(100% + 2px), 100% 50%, 100% calc(50% - 2px),
            100% calc(50% + 2px);
    }

    95%,
    to {
        background-size: 8px 100%, 8px 4px, 8px 4px, 8px 100%, 8px 4px, 8px 4px,
            8px 100%, 8px 4px, 8px 4px;
        background-position: 0 50%, 0 calc(0% - 2px), 0 calc(100% + 2px), 50% 50%,
            50% calc(0% - 2px), 50% calc(100% + 2px), 100% 50%, 100% calc(0% - 2px),
            100% calc(100% + 2px);
    }
}

.SignupNewsletter-Header {
    margin-bottom: calc(var(--spacing) * 32);
    padding-inline: calc(var(--spacing) * 16);
    text-align: center;
}

@media (width >=744px) {
    .SignupNewsletter-Header {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SignupNewsletter-Header {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .SignupNewsletter-Header {
        padding-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-HeaderTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .SignupNewsletter-HeaderTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.SignupNewsletter-HeaderSubtitle {
    margin-top: calc(var(--spacing) * 8);
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .SignupNewsletter-HeaderSubtitle {
        margin-top: calc(var(--spacing) * 4);
    }
}

@media (width >=1200px) {
    .SignupNewsletter-HeaderSubtitle {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.SignupNewsletterModal {
    display: none;
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
}

.SignupNewsletterModal-Wrapper {
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 800px !important;
    overflow-y: auto;
    max-height: 90%;
    max-width: 80%;
    transform: translate(-50%, -50%);
    background-color: var(--color-white);
}

@media (width >=1200px) {
    .SignupNewsletterModal-Wrapper {
        top: 50%;
    }
}

@media (width >=1200px) {
    .SignupNewsletterModal-Wrapper {
        left: 50%;
    }
}

@media (width >=1200px) {
    .SignupNewsletterModal-Wrapper {
        height: auto;
    }
}

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

.SignupNewsletterModal-Wrapper::-webkit-scrollbar {
    display: none;
}

.SignupNewsletterModal-Header {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 0);
}

.SignupNewsletterModal-Footer .SignupNewsletterModal-Button {
    cursor: pointer;
    color: var(--color-brand-primary-1);
}

.SignupNewsletterModal-Close {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    background-color: var(--color-black);
}

.SignupNewsletterModal-Footer {
    margin-bottom: calc(var(--spacing) * 32);
    text-align: center;
}

.SignupNewsletterModal-Button {
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-brand-tertiary-2);
    text-decoration-line: underline;
}

@media (hover: hover) {
    .SignupNewsletterModal-Button:hover {
        text-decoration-line: none;
    }
}

.SubscribeBannerTopicPage-Title {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.SubscribeBannerTopicPage-Message {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBannerTopicPage-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBannerTopicPage-Message {
        padding-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBannerTopicPage-Message {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBannerTopicPage-Button {
        padding-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Content {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Content {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {

    .extended-breakpoints .SubscribeBanner_variant_vertical .SubscribeBanner-Title,
    .extended-breakpoints .SubscribeBanner_variant_horizontal .SubscribeBanner-Title {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .SubscribeBanner_variant_vertical .SubscribeBanner-Title,
    .extended-breakpoints .SubscribeBanner_variant_horizontal .SubscribeBanner-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBanner-Message {
        padding-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBanner-Message {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBanner-Button {
        padding-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubscribeBanner_variant_horizontal_sidebar .SubscribeBanner-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ContentPreview {
    height: 100%;
    width: 100%;
}

.ContentPreview-Wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.ContentPreview-Wrapper_variant_topFeatured {
    display: flex;
    height: fit-content;
    height: var(--spacing-fit);
    flex-direction: column;
}

.ContentPreview-Wrapper_variant_cardRecipe .ContentPreview-Category {
    text-transform: none;
}

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

.ContentPreview-Image {
    width: 100%;
    object-fit: cover;
}

.ContentPreview-Category {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 8);
}

.ContentPreview-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 5);
}

.ContentPreview-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.ArticlePreview-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .ArticlePreview-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticlePreview-Title_displayOption_mobile {
    display: block;
}

@media (width >=744px) {
    .ArticlePreview-Title_displayOption_mobile {
        display: none;
    }
}

.ArticlePreview-Title_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .ArticlePreview-Title_displayOption_default {
        display: block;
    }
}

.ArticlePreview-Summary {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .ArticlePreview-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ArticlePreview-Footer {
    display: flex;
    align-items: center;
}

.ArticlePreview-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ArticlePreview-FooterSeparator {
    padding-inline: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ArticlePreview-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .ArticlePreview-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.ContentCard {
    display: flex;
    height: 100%;
    width: 100%;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}

.ContentCard-Body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 12);
}

.ContentCard-Title {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.ContentCard-Title_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .ContentCard-Title_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=744px) {
    .ContentCard-Title_displayOption_default {
        text-overflow: ellipsis;
    }
}

.ContentCard-Title_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .ContentCard-Title_displayOption_mobile {
        display: none;
    }
}

.ContentCard-Separator {
    margin-right: calc(var(--spacing) * 4);
    margin-left: calc(var(--spacing) * 4);
}

.ContentCard-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentCard-Footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 8);
}

.ContentCard-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCard-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.HorizontalCard {
    display: flex;
}

.HorizontalCard-ImageWrapper {
    position: relative;
}

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

.HorizontalCard-Image {
    height: calc(var(--spacing) * 144);
    width: calc(var(--spacing) * 144);
    object-fit: cover;
}

.HorizontalCard-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 4);
}

.HorizontalCard-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.HorizontalCard-ContentWrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 8);
}

.HorizontalCard-KeywordWrapper {
    margin-bottom: calc(var(--spacing) * 4);
}

.HorizontalCard-Keyword {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    overflow-wrap: anywhere;
}

.HorizontalCard-TitleWrapper {
    display: none;
    flex: 1;
}

@media (width >=744px) {
    .HorizontalCard-TitleWrapper {
        display: block;
    }
}

.HorizontalCard-MobileTitleWrapper {
    display: block;
    flex: 1;
}

@media (width >=744px) {
    .HorizontalCard-MobileTitleWrapper {
        display: none;
    }
}

.HorizontalCard-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    text-overflow: ellipsis;
}

.HorizontalCard-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCard-Title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCard-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCard-Image {
        height: calc(var(--spacing) * 198);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCard-Image {
        width: calc(var(--spacing) * 198);
    }
}

.ListPreview {
    position: relative;
    padding-block: calc(var(--spacing) * 24);
}

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

.ListPreview-Container {
    display: flex;
}

.ListPreview-Container:hover .ListPreview-ResourceIconWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
}

.ListPreview-Summary {
    margin-top: calc(var(--spacing) * 16);
    display: none;
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {
    .ListPreview-Summary {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .ListPreview-Summary {
        display: block;
    }
}

@media (width >=744px) {
    .ListPreview-Summary_lineClamp_3 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=744px) {
    .ListPreview-Summary_lineClamp_5 {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
}

.ListPreview-ResourceSummary {
    margin-top: calc(var(--spacing) * 8);
    display: none;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-8);
}

@media (width >=744px) {
    .ListPreview-ResourceSummary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (width >=744px) {
    .ListPreview-ResourceSummary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ListPreview-ImageWrapper {
    position: relative;
}

.ListPreview-Image {
    height: calc(var(--spacing) * 120);
    width: calc(var(--spacing) * 120);
    object-fit: cover;
}

@media (width >=744px) {
    .ListPreview-Image {
        width: calc(var(--spacing) * 150);
    }
}

.ListPreview-ResourceImage {
    height: auto !important;
    width: calc(var(--spacing) * 120);
    border-radius: var(--radius-sm);
    object-fit: cover;
}

@media (width >=744px) {
    .ListPreview-ResourceImage {
        width: calc(var(--spacing) * 150);
    }
}

.ListPreview-Image_publication {
    height: auto;
    width: 120px;
}

@media (width >=744px) {
    .ListPreview-Image_publication {
        height: auto;
    }
}

@media (width >=744px) {
    .ListPreview-Image_publication {
        width: calc(var(--spacing) * 150);
    }
}

.ListPreview-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    padding: calc(var(--spacing) * 5);
}

.ListPreview-ResourceIconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 0);
    display: none;
    height: 100%;
    width: 100%;
}

.ListPreview-ResourceIcon {
    background-color: #8b0000;
    padding-inline: calc(var(--spacing) * 22);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
}

.ListPreview-ContentWrapper {
    margin-left: calc(var(--spacing) * 16);
    display: flex;
    flex: 1;
    flex-direction: column;
}

@media (width >=744px) {
    .ListPreview-ContentWrapper {
        margin-left: calc(var(--spacing) * 24);
    }
}

.ListPreview-ResourceContentWrapper {
    margin-left: calc(var(--spacing) * 16);
    flex: 1;
}

@media (width >=744px) {
    .ListPreview-ResourceContentWrapper {
        margin-left: calc(var(--spacing) * 24);
    }
}

.ListPreview-KeywordWrapper {
    margin-bottom: calc(var(--spacing) * 4);
}

.ListPreview-TitleWrapper {
    display: none;
    flex: 1;
}

@media (width >=744px) {
    .ListPreview-TitleWrapper {
        display: block;
    }
}

.ListPreview-MobileTitleWrapper {
    display: block;
    flex: 1;
}

@media (width >=744px) {
    .ListPreview-MobileTitleWrapper {
        display: none;
    }
}

.ListPreview-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .ListPreview-Title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=1024px) {
    .ListPreview-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ListPreview-Sponsor {
    margin-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-8);
}

@media (width >=744px) {
    .ListPreview-Sponsor {
        margin-block: calc(var(--spacing) * 12);
    }
}

.ListPreview-Footer {
    display: flex;
    align-items: center;
}

.ListPreview-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ListPreview-FooterSeparator {
    padding-inline: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ListPreview-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

.ListPreview-ContributorsWrapper {
    margin-top: calc(var(--spacing) * 12);
}

.ListPreview-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.ListPreview-ImageOverlay {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    text-transform: uppercase;
    --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);
}

@media (width >=1512px) {
    .extended-breakpoints .ListPreview-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListPreview-Image {
        height: calc(var(--spacing) * 160);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListPreview-Image {
        width: calc(var(--spacing) * 200);
    }
}

.VerticalCard {
    display: flex;
    height: 100%;
    width: 100%;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}

.VerticalCard-Body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 12);
}

.VerticalCard-Title {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.VerticalCard-Title_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .VerticalCard-Title_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=744px) {
    .VerticalCard-Title_displayOption_default {
        text-overflow: ellipsis;
    }
}

.VerticalCard-Title_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .VerticalCard-Title_displayOption_mobile {
        display: none;
    }
}

.VerticalCard-Footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 8);
}

.VerticalCard-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.VerticalCard-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

.VerticalCard-SeriesType {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .VerticalCard-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

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

.ContributorFocusedCard-Wrapper {
    display: flex;
    align-items: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 24);
}

.ContributorFocusedCard-Body {
    margin-right: calc(var(--spacing) * 16);
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    align-items: center;
}

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

.ContributorFocusedCard-Avatar {
    display: inline-block;
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    border-style: var(--tw-border-style);
    border-width: 1px;
    object-fit: cover;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.ContributorFocusedCard-InfoWrapper {
    display: flex;
    flex-shrink: 1;
    flex-grow: 1;
    flex-direction: column;
}

.ContributorFocusedCard-ContributorName {
    display: inline-block;
}

.ContributorFocusedCard-ContributorTitle {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ContributorFocusedCard-ContentWrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing) * 24);
}

.ContributorFocusedCard-TitleWrapper {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 24);
    flex: 1;
}

.ContributorFocusedCard-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .ContributorFocusedCard-Title {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.ContributorFocusedCard-Footer {
    display: flex;
    align-items: center;
}

.ContributorFocusedCard-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContributorFocusedCard-FooterSeparator {
    padding-inline: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContributorFocusedCard-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

@media (width >=1512px) {

    .extended-breakpoints .ContributorFocusedCard-Title,
    .extended-breakpoints .ContributorFocusedCard-ContributorName {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorFocusedCard-Avatar {
        height: calc(var(--spacing) * 96);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContributorFocusedCard-Avatar {
        width: calc(var(--spacing) * 96);
    }
}

.TopFeaturedPreview-TitleWrapper {
    display: none;
}

@media (width >=744px) {
    .TopFeaturedPreview-TitleWrapper {
        display: block;
    }
}

@media (width >=744px) {
    .TopFeaturedPreview-MobileTitleWrapper {
        display: none;
    }
}

.TopFeaturedPreview-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-inline: calc(var(--spacing) * 24);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .TopFeaturedPreview-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.TopFeaturedPreview-Summary {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    padding-inline: calc(var(--spacing) * 24);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .TopFeaturedPreview-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.TopFeaturedPreview-Footer {
    margin-top: calc(var(--spacing) * 16);
    display: flex;
    align-items: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .TopFeaturedPreview-Footer {
        margin-top: calc(var(--spacing) * 24);
    }
}

.TopFeaturedPreview-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.TopFeaturedPreview-FooterSeparator {
    padding-inline: calc(var(--spacing) * 8);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {
    .TopFeaturedPreview-FooterSeparator {
        padding-inline: calc(var(--spacing) * 12);
    }
}

.TopFeaturedPreview-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeaturedPreview-Title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeaturedPreview-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeaturedPreview-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ListCardWithSummary {
    position: relative;
    padding-block: calc(var(--spacing) * 24);
}

.ListCardWithSummary-ImageAndTitleWrapper {
    display: flex;
}

.ListCardWithSummary-ImageSection {
    position: relative;
}

.ListCardWithSummary-ImageContainer {
    margin-right: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 120);
}

@media (width >=744px) {
    .ListCardWithSummary-ImageContainer {
        width: 276px;
    }
}

@media (width >=1024px) {
    .ListCardWithSummary-ImageContainer {
        width: 222px;
    }
}

@media (width >=1200px) {
    .ListCardWithSummary-ImageContainer {
        width: 235px;
    }
}

.ListCardWithSummary-ImageAspectWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 1;
}

.ListCardWithSummary-ImageAspectWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ListCardWithSummary-ImageAspectWrapper {
    --tw-aspect-h: 1;
}

@media (width >=744px) {
    .ListCardWithSummary-ImageAspectWrapper {
        position: relative;
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        --tw-aspect-w: 16;
    }

    .ListCardWithSummary-ImageAspectWrapper>* {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media (width >=744px) {
    .ListCardWithSummary-ImageAspectWrapper {
        --tw-aspect-h: 9;
    }
}

.ListCardWithSummary-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ListCardWithSummary-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 8);
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    padding: calc(var(--spacing) * 5);
}

.ListCardWithSummary-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.ListCardWithSummary-KeywordWrapper {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
}

.ListCardWithSummary-Title {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .ListCardWithSummary-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ListCardWithSummary-Title_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .ListCardWithSummary-Title_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

@media (width >=744px) {
    .ListCardWithSummary-Title_displayOption_default {
        text-overflow: ellipsis;
    }
}

.ListCardWithSummary-Title_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .ListCardWithSummary-Title_displayOption_mobile {
        display: none;
    }
}

.ListCardWithSummary-Summary {
    margin-block: calc(var(--spacing) * 12);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    white-space: pre-wrap;
}

.ListCardWithSummary-Footer {
    display: flex;
    align-items: center;
}

.ListCardWithSummary-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ListCardWithSummary-FooterSeparator {
    padding-inline: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ListCardWithSummary-ReadTimeWrapper {
    display: flex;
    align-items: center;
}

.ListCardWithSummary-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

.ListCardWithSummary-ContributorsWrapper {
    margin-top: calc(var(--spacing) * 16);
}

.ListCardWithSummary .Contributors-ContributorsCount,
.ListCardWithSummary .Contributors-AvatarWrapper,
.ListCardWithSummary .Contributors-InfoWrapper,
.ListCardWithSummary .Contributors_variant_slimline .Contributors-ByText,
.ListCardWithSummary .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-MoreText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {

    .ListCardWithSummary .Contributors-AvatarWrapper,
    .ListCardWithSummary .Contributors-InfoWrapper,
    .ListCardWithSummary .Contributors_variant_slimline .Contributors-ByText,
    .ListCardWithSummary .Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-MoreText {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.ListCardWithSummary .Contributors_variant_slimline .Contributors-InfoWrapper {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: unset;
}

@media (width >=1200px) {
    .extended-breakpoints .ListCardWithSummary-ImageContainer {
        width: calc(var(--spacing) * 259);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListCardWithSummary-ImageContainer {
        width: calc(var(--spacing) * 320);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListCardWithSummary-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListCardWithSummary-Summary {
        margin-block: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListCardWithSummary-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ContentCardSpotlight {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ContentCardSpotlight {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .ContentCardSpotlight {
        align-items: center;
    }
}

@media (width >=744px) {
    .ContentCardSpotlight {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .ContentCardSpotlight {
        row-gap: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .ContentCardSpotlight {
        column-gap: calc(var(--spacing) * 32);
    }
}

.ContentCardSpotlight-ImageSection {
    position: relative;
}

.ContentCardSpotlight-ImageContainer {
    width: 100%;
}

@media (width >=744px) {
    .ContentCardSpotlight-ImageContainer {
        width: 396px;
    }
}

@media (width >=1024px) {
    .ContentCardSpotlight-ImageContainer {
        width: 632px;
    }
}

@media (width >=1200px) {
    .ContentCardSpotlight-ImageContainer {
        width: 680px;
    }
}

.ContentCardSpotlight-ImageAspectWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.ContentCardSpotlight-ImageAspectWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ContentCardSpotlight-ImageAspectWrapper {
    --tw-aspect-h: 9;
}

.ContentCardSpotlight-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ContentCardSpotlight-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 8);
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    padding: calc(var(--spacing) * 5);
}

.ContentCardSpotlight-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.ContentCardSpotlight-KeywordWrapper {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
}

.ContentCardSpotlight-Title {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .ContentCardSpotlight-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.ContentCardSpotlight-Title_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .ContentCardSpotlight-Title_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=744px) {
    .ContentCardSpotlight-Title_displayOption_default {
        text-overflow: ellipsis;
    }
}

@media (width >=1024px) {
    .ContentCardSpotlight-Title_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

.ContentCardSpotlight-Title_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .ContentCardSpotlight-Title_displayOption_mobile {
        display: none;
    }
}

.ContentCardSpotlight-Summary {
    margin-block: calc(var(--spacing) * 16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .ContentCardSpotlight-Summary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
}

@media (width >=1024px) {
    .ContentCardSpotlight-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ContentCardSpotlight-Footer {
    display: flex;
    align-items: center;
}

.ContentCardSpotlight-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentCardSpotlight-FooterSeparator {
    padding-inline: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentCardSpotlight-ReadTimeWrapper {
    display: flex;
    align-items: center;
}

.ContentCardSpotlight-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

.BrandSection {
    position: relative;
    grid-column: span 12 / span 12;
    margin-top: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .BrandSection {
        margin-top: calc(var(--spacing) * 0);
    }
}

.BrandSection-Background {
    position: absolute;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

.BrandSection-LinksWrapper {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: center;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .BrandSection-LinksWrapper {
        display: flex;
    }
}

@media (width >=744px) {
    .BrandSection-LinksWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.BrandSection-Link {
    grid-column: span 3 / span 3;
    display: flex;
    align-items: center;
}

.BrandSection-LinkTitle {
    font-family: var(--font-secondary);
    color: var(--color-white);
}

.BrandSection-LinkImage {
    max-height: calc(var(--spacing) * 100);
}

@media (width >=744px) {
    .BrandSection-LinkImage {
        max-height: calc(var(--spacing) * 47);
    }
}

@media (width >=1024px) {
    .BrandSection-LinkImage {
        max-height: calc(var(--spacing) * 74);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .BrandSection-LinksWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

.CopyrightsSection {
    position: relative;
    grid-column: span 12 / span 12;
    padding-block: calc(var(--spacing) * 16);
    color: var(--color-white);
}

.CopyrightsSection-Background {
    position: absolute;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    background-color: var(--color-black);
}
.CopyrightsSection-Wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (width >=1024px) {
    .CopyrightsSection-Wrapper {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .CopyrightsSection-Wrapper {
        justify-content: space-between;
    }
}

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

.CopyrightsSection-BusinessImage {
    margin-bottom: calc(var(--spacing) * 16);
    max-height: calc(var(--spacing) * 50);
}

@media (width >=1024px) {
    .CopyrightsSection-BusinessImage {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

:where(.CopyrightsSection-TextWrapper > :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)));
}

@media (width >=1024px) {
    .CopyrightsSection-TextWrapper {
        flex: 1;
    }
}

.CopyrightsSection-Text {
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .CopyrightsSection-Text {
        display: flex;
    }
}

@media (width >=1024px) {
    .CopyrightsSection-Text {
        justify-content: center;
    }
}

.CopyrightsSection-TextBlock {
    display: none;
    height: calc(var(--spacing) * 1);
}

@media (width >=1024px) {
    .CopyrightsSection-TextBlock {
        display: block;
    }
}

@media (width >=1024px) {
    .CopyrightsSection-TextBlock {
        width: 20%;
    }
}

.CopyrightsSection-LinksWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (width >=1024px) {
    .CopyrightsSection-LinksWrapper {
        justify-content: center;
    }
}

.CopyrightsSection-LinksWrapper_hasLinks {
    margin-top: calc(var(--spacing) * 16);
}

.CopyrightsSection-Link {
    padding-left: calc(var(--spacing) * 8);
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
}

.CopyrightsSection-LinkSeparator {
    padding-left: calc(var(--spacing) * 8);
}

.Footer {
    max-width: 1036px;
    position: relative;
    margin: auto;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 12);
    padding-top: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .Footer {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .Footer {
        padding-top: calc(var(--spacing) * 40);
    }
}
@media (width < 744px) {
    .Footer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .CopyrightsSection{
        margin-top: 5px;
    }
}
.Footer-Background {
    position: absolute;
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 180deg;
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

.Footer-LogoContainer {
    position: relative;
    grid-column: span 12 / span 12;
    grid-row: span 6 / span 6;
}

@media (width >=1024px) {
    .Footer-LogoContainer {
        grid-column: span 3 / span 3;
    }
}

@media (width >=744px) {
    .Footer-LogoContainer_length_1 {
        grid-column: span 6 / span 6;
    }
}

@media (width >=744px) {
    .Footer-LogoContainer_length_1 {
        margin-left: calc(var(--spacing) * 0);
    }
}

.Footer-LogoImage {
    margin-inline: auto;
    max-height: calc(var(--spacing) * 80);
    max-width: calc(var(--spacing) * 175);
}

@media (width >=1024px) {
    .Footer-LogoImage {
        margin-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .Footer-LogoImage {
        max-height: calc(var(--spacing) * 100);
    }
}

@media (width >=1024px) {
    .Footer-LogoImage {
        width: 100%;
    }
}

@media (width >=1024px) {
    .Footer-LogoImage {
        padding-top: calc(var(--spacing) * 4);
    }
}

@media (width >=744px) {
    .Footer-LogoImage_length_1 {
        width: calc(2 / 3 * 100%);
    }
}

.Footer-RegistrationWrapper {
    padding-top: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .Footer-RegistrationWrapper {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Footer {
        column-gap: calc(var(--spacing) * 40);
    }
}

.LinkSection {
    position: relative;
    grid-column: span 6 / span 6;
    grid-row: span 6 / span 6;
    padding-top: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .LinkSection {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .LinkSection {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .LinkSection {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .LinkSection_length_4 {
        grid-column: span 2 / span 2;
    }
}

@media (width >=1024px) {
    .LinkSection_length_4 {
        grid-column: span 1 / span 1;
    }
}

@media (width >=744px) {
    .LinkSection_length_3 {
        grid-column: span 3 / span 3;
    }
}

@media (width >=1024px) {
    .LinkSection_length_3 {
        grid-column: span 2 / span 2;
    }
}

@media (width >=744px) {
    .LinkSection_length_2 {
        grid-column: span 4 / span 4;
    }
}

@media (width >=1024px) {
    .LinkSection_length_2 {
        grid-column: span 3 / span 3;
    }
}

@media (width >=744px) {
    .LinkSection_length_1 {
        grid-column: span 3 / span 3;
    }
}

@media (width >=1024px) {
    .LinkSection_length_1 {
        grid-column-start: 7;
    }
}

.LinkSection-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .LinkSection-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.LinkSection-LinksWrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 0);
    row-gap: calc(var(--spacing) * 15);
}

.LinkSection-Link {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .LinkSection-Title {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkSection-Link {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.RegistrationSection {
    position: relative;
    grid-column-start: 7;
    grid-row: span 3 / span 3;
    min-width: max-content;
    padding-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .RegistrationSection {
        grid-column-start: 10;
    }
}

.RegistrationSection-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .RegistrationSection-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .RegistrationSection-Title {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.SocialSection {
    position: relative;
    grid-column-start: 7;
    grid-row: span 2 / span 2;
    min-width: max-content;
}

@media (width >=744px) {
    .SocialSection {
        padding-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .SocialSection {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.SocialSection-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .SocialSection-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SocialSection-Title {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.SubMenu {
    width: 100%;
}

.SubMenu-Container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .SubMenu-Container {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .SubMenu-Container {
        column-gap: calc(var(--spacing) * 32);
    }
}

.SubMenu-RelatedTopics,
.SubMenu-RecentText {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SubMenu-RecentTopicTerm:hover {
    text-decoration-line: underline;
}

.SubMenu-ItemLink {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.SubMenu-CasualLinkWrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .SubMenu-CasualLinkWrapper {
        column-gap: calc(var(--spacing) * 32);
    }
}

.SubMenu-RecentContentWrapper {
    grid-column: span 1 / span 1;
}

.SubMenu-RecentContentHeading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SubMenu-ContentWrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .SubMenu-ContentWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.SubMenu-MoreContent {
    display: flex;
    width: max-content;
    align-items: center;
    column-gap: calc(var(--spacing) * 9);
}

.SubMenu-MoreContent:hover {
    text-decoration-line: underline;
}

.SubMenu-MoreContent_noRecent {
    margin-left: auto;
}

.SubMenu-RelatedTopicsWrapper {
    grid-column: span 1 / span 1;
}

.SubMenu-SeeMoreText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.SubMenu-SeeMoreIcon {
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 10);
}

.SubMenu-CasualLinkList {
    grid-column: span 1 / span 1;
}

.SubMenu-CasualLinkItem {
    margin-bottom: calc(var(--spacing) * 8);
}

@media (width >=1512px) {

    .extended-breakpoints .SubMenu-RelatedTopics,
    .extended-breakpoints .SubMenu-RecentText {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubMenu-ItemLink {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SubMenu-ContentWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .SubMenu-CasualLinkWrapper,
    .extended-breakpoints .SubMenu-Container {
        column-gap: calc(var(--spacing) * 40);
    }
}

.CookieBanner {
    position: fixed;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 9999999;
    display: flex;
    justify-content: center;
}

.CookieBanner-Wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

:where(.CookieBanner-Wrapper > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
}

.CookieBanner-Wrapper {
    padding: calc(var(--spacing) * 24);
}

.CookieBanner-Text {
    flex: 1;
}

.CookieBanner-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    cursor: pointer;
    --tw-leading: 1;
    line-height: 1;
}

.CookieBanner-Icon {
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
}

.CookieBanner-Link {
    text-decoration-line: underline;
}

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

@media (width >=1024px) {
    :where(.ContentModule-Wrapper > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 27) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 27) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.ContentImage-Wrapper {
    margin-inline: auto;
    width: auto;
    min-width: 300px;
}

.ContentImage-Wrapper .ContentImage-Image {
    margin-inline: auto;
}

.ContentImage-Wrapper .ContentImage-Link {
    text-align: left;
}

.ContentParagraph .ContentParagraph-Image,
.ContentText .ContentParagraph-Image,
.ContentImage-Image .ContentParagraph-Image {
    margin-inline: auto;
}

.ContentParagraph_align_left,
.ContentText_align_left,
.ContentImage-Image_align_left {
    text-align: left;
}

.ContentParagraph_align_center,
.ContentText_align_center,
.ContentImage-Image_align_center {
    text-align: center;
}

.ContentParagraph_align_right,
.ContentText_align_right,
.ContentImage-Image_align_right {
    text-align: right;
}

.ContentParagraph_align_justify,
.ContentText_align_justify,
.ContentImage-Image_align_justify {
    text-align: justify;
}

.CodeBlock {
    display: block;
    overflow-x: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 16);
    white-space: pre;
}

.CodeBlock .ContentText {
    font-family: var(--font-mono);
}

@media (width >=1024px) {
    .CodeBlock .ContentText {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.CodeBlock .ContentText-BodyTextChunk {
    font-family: var(--font-mono);
}

.ContentText {
    overflow-wrap: break-word;
}

.ContentText_variant_h1 {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

@media (width >=1024px) {
    .ContentText_variant_h1 {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.ContentText_variant_h2 {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .ContentText_variant_h2 {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ContentText_variant_h3 {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .ContentText_variant_h3 {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.ContentText_variant_h4 {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .ContentText_variant_h4 {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.ContentText_variant_h5 {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .ContentText_variant_h5 {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ContentText_variant_bodySmall {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .ContentText_variant_bodySmall {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ContentText_variant_bodyNormal {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .ContentText_variant_bodyNormal {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ContentText-BodyTextChunk_italic,
.ContentImage-Wrapper_italic {
    font-style: italic;
}

.ContentText-BodyTextChunk_bold,
.ContentImage-Wrapper_bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.ContentText-BodyTextChunk_strike,
.ContentImage-Wrapper_strike {
    text-decoration-line: line-through;
}

.ContentText-BodyTextChunk_underline,
.ContentText-BodyTextChunk_link,
.ContentImage-Wrapper_underline,
.ContentImage-Wrapper_link {
    text-decoration-line: underline;
}

.Carousel .ContentText-BodyTextChunk_link {
    color: var(--color-white);
    text-decoration-line: underline;
}

.Carousel .ContentText-BodyTextChunk_bold,
.Carousel .ContentText_variant_h1,
.Carousel .ContentText_variant_h2,
.Carousel .ContentText_variant_h3,
.Carousel .ContentText_variant_h4 {
    color: var(--color-white);
}

.ContentImage-Link,
.ContentParagraph-Caption {
    margin-top: calc(var(--spacing) * 8);
    display: block;
}

.ContentTable-HeaderCellWrapper {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 14);
}

.ContentTable-SortIcon {
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 8);
    cursor: pointer;
}

.ContentTable-SortIcon:not(.ContentTable-SortIcon_isActive) {
    opacity: 50%;
}

.ContentText-BodyTextChunk_superscript,
.ContentText-BodyTextChunk_subscript {
    position: relative;
    vertical-align: baseline;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1024px) {

    .ContentText-BodyTextChunk_superscript,
    .ContentText-BodyTextChunk_subscript {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.ContentText-BodyTextChunk_subscript {
    bottom: -0.25em;
}

.ContentText-BodyTextChunk_superscript {
    top: -0.5em;
}

@media (width >=1512px) {
    .extended-breakpoints .ContentText_variant_bodyNormal {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentText_variant_h2 {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

@media (width >=1512px) {
    :where(.extended-breakpoints .ContentModule-Wrapper > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 30) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 30) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.CategoryHeader {
    width: 100%;
}

@media (width >=1024px) {
    .CategoryHeader {
        padding-bottom: calc(var(--spacing) * 24);
    }
}

.CategoryHeader-Description {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 32);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .CategoryHeader-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.CategoryHeader-ShowMoreWrapper {
    position: relative;
    display: flex;
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .CategoryHeader-ShowMoreWrapper {
        display: none;
    }
}

.CategoryHeader-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .CategoryHeader-Title_primary {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.CategoryHeader-TitleLogo {
    display: block;
    max-height: calc(var(--spacing) * 30);
    max-width: calc(var(--spacing) * 136);
}

@media (width >=1024px) {
    .CategoryHeader-TitleLogo {
        max-height: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .CategoryHeader-TitleLogo {
        max-width: calc(var(--spacing) * 190);
    }
}

.CategoryHeader-ShowMore {
    display: flex;
    cursor: pointer;
}

.CategoryHeader-ShowMoreIconWrapper {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    align-self: center;
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
}

.CategoryHeader-ShowMoreIcon {
    display: block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
}

.CategoryHeader-SubCategoriesWrapper {
    position: absolute;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    display: none;
}

@media (width >=1024px) {
    .CategoryHeader-SubCategoriesWrapper {
        position: static;
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategoriesWrapper {
        display: block;
    }
}

.CategoryHeader-SubCategoriesWrapper_showed {
    display: block;
}

.CategoryHeader-SubCategories {
    margin: auto;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.CategoryHeader-SubCategory {
    gap: calc(var(--spacing) * 24);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .CategoryHeader-SubCategory {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .CategoryHeader-SubCategory {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .CategoryHeader-Description {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .CategoryHeader-Title {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .CategoryHeader-Title_primary {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

.extended-breakpoints .CategoryHeader-Description {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .CategoryHeader-TitleLogo {
        max-height: calc(var(--spacing) * 50);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .CategoryHeader-TitleLogo {
        max-width: calc(var(--spacing) * 244);
    }
}

.DataTable-Wrapper {
    width: 100%;
    max-width: 345px;
}

@media (width >=744px) {
    .DataTable-Wrapper {
        max-width: 696px;
    }
}

@media (width >=1024px) {
    .DataTable-Wrapper {
        max-width: 960px;
    }
}

@media (width >=1200px) {
    .DataTable-Wrapper {
        max-width: 1036px;
    }
}

.DataTable-Title {
    width: 100%;
    text-align: left;
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

@media (width >=744px) {
    .DataTable-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1024px) {
    .DataTable-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1024px) {
    .DataTable-Title {
        --tw-leading: var(--leading-snug);
        line-height: var(--leading-snug);
    }
}

.DataTable-Summary {
    margin-top: calc(var(--spacing) * 16);
    width: 100%;
    max-width: 330px;
    text-align: left;
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    overflow-wrap: break-word;
}

@media (width >=744px) {
    .DataTable-Summary {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .DataTable-Summary {
        max-width: 100%;
    }
}

@media (width >=744px) {
    .DataTable-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1024px) {
    .DataTable-Summary {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.DataTable-Body {
    margin-top: calc(var(--spacing) * 32);
}

.DataTable-Body .ContentModule-Wrapper>*:first-child {
    margin-top: calc(var(--spacing) * 0);
}

.DataTable-Content {
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
}

@media (width >=1024px) {
    .DataTable-Content {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.DataTable-Content a {
    color: var(--color-brand-primary-1);
}

@media (width >=1024px) {
    .DataTable-Content_center * {
        text-align: center;
    }
}

@media (width >=1024px) {
    .DataTable-Content_left * {
        text-align: left;
    }
}

.DataTable-Footnote {
    margin-top: calc(var(--spacing) * 12);
    width: 100%;
    max-width: 330px;
    text-align: left;
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    overflow-wrap: break-word;
}

@media (width >=744px) {
    .DataTable-Footnote {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .DataTable-Footnote {
        max-width: 100%;
    }
}

@media (width >=1024px) {
    .DataTable-Footnote {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1024px) {
    .DataTable-Footnote {
        --tw-leading: var(--leading-normal);
        line-height: var(--leading-normal);
    }
}

.DataTable-ButtonsContainer {
    margin-top: calc(var(--spacing) * 32);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .DataTable-ButtonsContainer {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .DataTable-ButtonsContainer {
        margin-top: calc(var(--spacing) * 48);
    }
}

.DataTable-ButtonWrapper .Button .primary-Icon {
    background-color: var(--color-white);
}

.DataTable-ButtonWrapper .Button-Icon {
    display: inline-block;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
}

.DataTable-ButtonWrapper .Button-ContentWrapper {
    text-transform: capitalize;
}

.DataTable-Body+DataTable-ButtonsContainer {
    margin-top: calc(var(--spacing) * 48);
}

@media (width >=1024px) {
    .DataTable-Body+DataTable-ButtonsContainer {
        margin-top: calc(var(--spacing) * 60);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .DataTable-Wrapper {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Wrapper {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Title {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Summary {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Summary {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Content {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Body {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Footnote {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .DataTable-Footnote {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.EventExternalItem {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
}

.EventExternalItem-ImageWrapper {
    width: calc(var(--spacing) * 120);
    flex-shrink: 0;
    flex-grow: 0;
}

@media (width >=744px) {
    .EventExternalItem-ImageWrapper {
        width: calc(var(--spacing) * 180);
    }
}

.EventExternalItem-Image {
    width: 100%;
    border-radius: var(--radius-sm);
    object-fit: cover;
}

.EventExternalItem-TextWrapper {
    position: relative;
    margin-left: calc(var(--spacing) * 16);
    flex-shrink: 1;
    flex-grow: 1;
}

@media (width >=744px) {
    .EventExternalItem-TextWrapper {
        margin-left: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .EventExternalItem-TextWrapper {
        margin-left: calc(var(--spacing) * 24);
    }
}

.EventExternalItem-EventLocation {
    margin-top: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-4);
    line-height: var(--leading-4);
}

.EventExternalItem-Title {
    margin-bottom: calc(var(--spacing) * 8);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    --tw-leading: var(--leading-6);
    line-height: var(--leading-6);
}

@media (width >=744px) {
    .EventExternalItem-Title {
        --tw-leading: var(--leading-6);
        line-height: var(--leading-6);
    }
}

@media (width >=1024px) {
    .EventExternalItem-Title {
        --tw-leading: var(--leading-6);
        line-height: var(--leading-6);
    }
}

.EventExternalItem-EventDate {
    position: static;
    display: flex;
    align-items: center;
    --tw-leading: var(--leading-4);
    line-height: var(--leading-4);
}

.EventList-Wrapper {
    grid-column: span 12 / span 12;
}

@media (width >=744px) {
    .EventList-Wrapper {
        grid-column: span 6 / span 6;
    }
}

@media (width >=1024px) {
    .EventList-Wrapper {
        grid-column: span 6 / span 6;
    }
}

.EventList-Event:not(.EventList-Event_isLast) {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1512px) {
    .extended-breakpoints .EventList-Event:not(.extended-breakpoints .EventList-Event_isLast) {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

.HighlightContents {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .HighlightContents {
        gap: calc(var(--spacing) * 32);
    }
}

.HighlightContents-Wrapper {
    grid-column: span 12 / span 12;
}

@media (width >=1024px) {
    .HighlightContents-Wrapper {
        grid-column: span 4 / span 4;
    }
}

.HighlightContents-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .HighlightContents-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.HighlightContents-ItemsWrapper {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .HighlightContents-ItemsWrapper {
        gap: calc(var(--spacing) * 24);
    }
}

.HighlightContents-DivEmpty {
    display: none;
}

@media (width >=744px) {
    .HighlightContents-DivEmpty {
        grid-column: span 3 / span 3;
    }
}

@media (width >=744px) {
    .HighlightContents-DivEmpty {
        display: block;
    }
}

@media (width >=1024px) {
    .HighlightContents-DivEmpty {
        display: none;
    }
}

.HighlightContents-Content {
    grid-column: span 12 / span 12;
}

@media (width >=744px) {
    .HighlightContents-Content {
        grid-column: span 6 / span 6;
    }
}

@media (width >=1024px) {
    .HighlightContents-Content {
        grid-column: span 12 / span 12;
    }
}

.HighlightContents-ActionLink {
    margin-top: calc(var(--spacing) * 16);
    width: 100%;
    justify-content: center;
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents-Title {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents-ItemsWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents-ActionLink {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents-ActionLink {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents-ActionLink {
        padding-block: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HighlightContents-ActionLink {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.EventInternalBanner {
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .EventInternalBanner {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .EventInternalBanner {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .EventInternalBanner-Wrapper {
        display: flex;
    }
}

@media (width >=1024px) {
    .EventInternalBanner-Wrapper {
        display: flex;
    }
}

.EventInternalBanner-ImageWrapper {
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 0);
    width: calc(2 / 3 * 100%);
}

@media (width >=744px) {
    .EventInternalBanner-ImageWrapper {
        margin-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .EventInternalBanner-ImageWrapper {
        margin-block: auto;
    }
}

@media (width >=744px) {
    .EventInternalBanner-ImageWrapper {
        width: calc(1 / 3 * 100%);
    }
}

.EventInternalBanner-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.EventInternalBanner-ContentWrapper {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .EventInternalBanner-ContentWrapper {
        margin-block: auto;
    }
}

@media (width >=744px) {
    .EventInternalBanner-ContentWrapper {
        margin-left: calc(var(--spacing) * 40);
    }
}

@media (width >=744px) {
    .EventInternalBanner-ContentWrapper {
        width: calc(2 / 3 * 100%);
    }
}

@media (width >=1024px) {
    .EventInternalBanner-ContentWrapper {
        margin-left: calc(var(--spacing) * 64);
    }
}

.EventInternalBanner-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .EventInternalBanner-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.EventInternalBanner-LocationAndDateInfo {
    display: flex;
    flex-direction: column;
}

@media (width >=744px) {
    .EventInternalBanner-LocationAndDateInfo {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .EventInternalBanner-LocationAndDateInfo {
        text-align: left;
    }
}

.EventInternalBanner-EventDate {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    white-space: pre-line;
    text-transform: uppercase;
}

@media (width >=744px) {
    .EventInternalBanner-EventDate {
        white-space: normal;
    }
}

.EventInternalBanner-Separator {
    margin-inline: calc(var(--spacing) * 6);
    display: none;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .EventInternalBanner-Separator {
        display: inline-block;
    }
}

.EventInternalBanner-EventLocation {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    white-space: pre-line;
    text-transform: uppercase;
}

@media (width >=744px) {
    .EventInternalBanner-EventLocation {
        white-space: normal;
    }
}

.EventInternalBanner-Description {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.EventInternalBanner-ButtonWrapper {
    margin-top: calc(var(--spacing) * 24);
    display: none;
}

@media (width >=1024px) {
    .EventInternalBanner-ButtonWrapper {
        display: block;
    }
}

@media (width >=1024px) {
    .EventInternalBanner-ButtonMobileWrapper {
        display: none;
    }
}

.EventInternalBanner-Buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    .EventInternalBanner-Buttons {
        justify-content: flex-start;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventInternalBanner {
        padding: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventInternalBanner-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .EventInternalBanner-EventDate,
    .extended-breakpoints .EventInternalBanner-EventLocation {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventInternalBanner-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventInternalBanner-ImageWrapper {
        width: calc(1 / 3 * 100%);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventInternalBanner-Buttons {
        gap: calc(var(--spacing) * 24);
    }
}

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

@media (width >=1024px) {
    .LatestFeatured {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .LatestFeatured {
        column-gap: calc(var(--spacing) * 32);
    }
}

.LatestFeatured_moduleHeight_short {
    row-gap: calc(var(--spacing) * 48);
}

@media (width >=1024px) {
    .LatestFeatured_moduleHeight_short {
        row-gap: calc(var(--spacing) * 0);
    }
}

.LatestFeatured-ColumnList {
    grid-column: span 3 / span 3;
}

@media (width >=1024px) {
    .LatestFeatured-ColumnList {
        grid-column: span 1 / span 1;
    }
}

.LatestFeatured-ColumnList_left {
    grid-column: span 3 / span 3;
}

@media (width >=1024px) {
    .LatestFeatured-ColumnList_left {
        grid-column: span 2 / span 2;
    }
}

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

.LatestFeatured-ContentItem_left:last-child {
    --tw-border-style: none;
    border-style: none;
}

.LatestFeatured-Ad {
    margin-top: calc(var(--spacing) * 48);
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    width: 100%;
    justify-content: center;
}

@media (width >=1024px) {
    .LatestFeatured-Ad {
        margin-top: calc(var(--spacing) * 0);
    }
}

.LatestFeatured-Ad:not(.LatestFeatured-Ad_show) {
    margin-bottom: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
    overflow: hidden;
}

.LatestFeatured-Title {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .LatestFeatured-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.LatestFeatured-Title_withoutAd {
    margin-top: calc(var(--spacing) * 48);
}

@media (width >=1024px) {
    .LatestFeatured-Title_right {
        margin-top: calc(var(--spacing) * 0);
    }
}

.LatestFeatured-Content_left {
    margin-top: calc(var(--spacing) * -24);
}

.LatestFeatured-Content:not(.LatestFeatured-Content_left) {
    display: grid;
    row-gap: calc(var(--spacing) * 24);
}

.LatestFeatured-Content_displayType_contentFocused {
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .LatestFeatured-Content_displayType_contentFocused {
        display: grid;
    }
}

@media (width >=744px) {
    .LatestFeatured-Content_displayType_contentFocused {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .LatestFeatured-Content_displayType_contentFocused {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.LatestFeatured-Link {
    justify-content: center;
}

@media (width >=1512px) {
    .extended-breakpoints .LatestFeatured {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LatestFeatured-Title {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LatestFeatured-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LatestFeatured-Link {
        margin-top: calc(var(--spacing) * 8);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LatestFeatured-Link_right {
        margin-top: calc(var(--spacing) * 32);
    }
}

.EventFeature-Wrapper_hasBackgroundImage {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

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

.EventFeature-LogoSection {
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 0);
    align-self: center;
}

.EventFeature-Logo {
    width: 100%;
    object-fit: contain;
}

.EventFeature-Date {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.EventFeature-Date_displayOption_logo {
    margin-top: calc(var(--spacing) * 16);
    display: none;
    text-align: center;
}

@media (width >=744px) {
    .EventFeature-Date_displayOption_logo {
        display: block;
    }
}

@media (width >=1024px) {
    .EventFeature-Date_displayOption_logo {
        display: none;
    }
}

.EventFeature-Date_displayOption_content {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .EventFeature-Date_displayOption_content {
        display: none;
    }
}

@media (width >=1024px) {
    .EventFeature-Date_displayOption_content {
        display: block;
    }
}

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

.EventFeature-Description {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .EventFeature-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.EventFeature-Description_isConstrained {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.EventFeature-ButtonLink {
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.EventsPromotions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: calc(var(--spacing) * 24);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .EventsPromotions {
        display: grid;
    }
}

@media (width >=744px) {
    .EventsPromotions {
        grid-template-columns: 216px 1fr;
    }
}

@media (width >=744px) {
    .EventsPromotions {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .EventsPromotions {
        grid-template-columns: 304px 1fr;
    }
}

@media (width >=1024px) {
    .EventsPromotions {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .EventsPromotions {
        grid-template-columns: 324px 1fr;
    }
}

@media (width >=1200px) {
    .EventsPromotions {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 216px;
    }
}

@media (width >=1024px) {
    .EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 304px;
    }
}

@media (width >=1200px) {
    .EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 324px;
    }
}

@media (width >=744px) {
    .EventsPromotions_isArticleFooter {
        grid-template-columns: 216px 1fr;
    }
}

@media (width >=744px) {
    .EventsPromotions_isArticleFooter {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .EventsPromotions_isArticleFooter {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .EventsPromotions_isArticleFooter.EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 216px;
    }
}

@media (width >=1024px) {
    .EventsPromotions_isSidebar {
        display: flex;
    }
}

@media (width >=1024px) {
    .EventsPromotions_isSidebar {
        flex-direction: column;
    }
}

@media (width >=1024px) {
    .EventsPromotions_isSidebar {
        padding: calc(var(--spacing) * 24);
    }
}

.EventsPromotions_isLightText {
    --tw-border-style: none;
    border-style: none;
}

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

@media (width >=744px) {
    .EventsPromotions-LogoSection_isRightLogo {
        order: 2;
    }
}

@media (width >=1024px) {
    .EventsPromotions-LogoSection_isRightLogo.EventsPromotions-LogoSection_isSidebar {
        order: 1;
    }
}

.EventsPromotions-Image {
    height: 100%;
    width: 100%;
    object-position: center;
}

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

.EventsPromotions-ContentSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (width >=744px) {
    .EventsPromotions-ContentSection_isRightLogo {
        order: 1;
    }
}

@media (width >=1024px) {
    .EventsPromotions-ContentSection_isRightLogo.EventsPromotions-ContentSection_isSidebar {
        order: 2;
    }
}

.EventsPromotions-Title {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.EventsPromotions-Description {
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .EventsPromotions-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.EventsPromotions-Description_isSidebar,
.EventsPromotions-Description_isArticleFooter {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.EventsPromotions-CtaButton {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .extended-breakpoints .EventsPromotions {
        grid-template-columns: 356px 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions {
        grid-template-columns: 440px 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions:not(.extended-breakpoints .EventsPromotions_isArticleFooter) {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions:not(.extended-breakpoints .EventsPromotions_isArticleFooter) {
        padding: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 356px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 440px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions-Description {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .EventsPromotions-Title,
    .extended-breakpoints .EventsPromotions-CtaButton {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions-Description_isSidebar {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions-Description_isArticleFooter {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .EventsPromotions_isArticleFooter {
        grid-template-columns: 216px 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions_isArticleFooter {
        grid-template-columns: 288px 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions_isArticleFooter {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions_isArticleFooter .EventsPromotions-Title {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .EventsPromotions_isArticleFooter.EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 216px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EventsPromotions_isArticleFooter.EventsPromotions_isRightLogo {
        grid-template-columns: 1fr 288px;
    }
}

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

@media (width >=1024px) {
    .ContentCards {
        flex-direction: row;
    }
}

.ContentCards_sidebar .ContentCards-ContentPreview_column {
    width: 100%;
}

.ContentCards_sidebar .ContentCards-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.ContentCards-Ad_isAdRendered_show {
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 32);
    padding-inline: calc(var(--spacing) * 12);
}

@media (width >=1024px) {
    .ContentCards-Ad_isAdRendered_show {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .ContentCards-Ad_isAdRendered_show {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .ContentCards-Ad_isAdRendered_show .ContentCards-Ad_right {
        margin-left: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ContentCards-Ad_isAdRendered_show .ContentCards-Ad_left {
        margin-right: calc(var(--spacing) * 32);
    }
}

.ContentCards-Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ContentCards-Header_recipe {
    margin-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .ContentCards-Header_recipe {
        margin-top: calc(var(--spacing) * 32);
    }
}

.ContentCards-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .ContentCards-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ContentCards-LinkText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentCards-LinkIcon {
    display: inline-block;
}

.ContentCards-Content {
    gap: calc(var(--spacing) * 24);
}

@media (width >=1024px) {

    .ContentCards-Content_vertical.ContentCards-Content_left,
    .ContentCards-Content_vertical.ContentCards-Content_right,
    .ContentCards-Content_horizontal.ContentCards-Content_left,
    .ContentCards-Content_horizontal.ContentCards-Content_right {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .ContentCards-Content_vertical.ContentCards-Content_none {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ContentCards-Content_recipe {
    margin-top: calc(var(--spacing) * 32);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (width >=1024px) {
    .ContentCards-Content_recipe {
        margin-top: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .ContentCards-Content_horizontal.ContentCards-Content_none {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .ContentCards-Content_vertical {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1200px) {
    .ContentCards-Content_vertical {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .ContentCards-Content_horizontal {
        gap: calc(var(--spacing) * 32);
    }
}

.ContentCards-ContentPreview_column {
    width: 100%;
    max-width: 100%;
}

.ContentCards-ContentPreview_recipe .ContentPreview-Image {
    aspect-ratio: 16/9;
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .ContentCards-ContentPreview .HorizontalCard-Title,
    .extended-breakpoints .ContentCards-ContentPreview .VerticalCard-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards-ContentPreview_horizontal .HorizontalCard-Title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards-ContentPreview_horizontal .HorizontalCard-Image {
        height: calc(var(--spacing) * 198);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards-ContentPreview_horizontal .HorizontalCard-Image {
        width: calc(var(--spacing) * 198);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards-Content_horizontal {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards-Content_vertical {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards_sidebar .ContentCards-Content {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContentCards_sidebar .ContentCards-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentCards_sidebar .ContentCards-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.ContentRibbon {
    flex: 1;
}

.ContentRibbon-Header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.ContentRibbon-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .ContentRibbon-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ContentRibbon-Link {
    display: none;
    align-items: center;
}

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

@media (width >=744px) {
    .ContentRibbon-Link {
        display: inline-flex;
    }
}

.ContentRibbon-LinkText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentRibbon-LinkIcon {
    display: inline-block;
}

.ContentRibbon-Content {
    width: 100%;
}

.ContentRibbon .swiper-slide {
    max-width: 256px;
}

@media (width >=1024px) {
    .ContentRibbon .swiper-slide {
        max-width: 240px;
    }
}

@media (width >=1200px) {
    .ContentRibbon .swiper-slide {
        max-width: 220px;
    }
}

.ContentRibbon .swiper-button-next,
.ContentRibbon .swiper-button-prev {
    width: calc(var(--spacing) * 42);
}

.ContentRibbon .swiper-button-next:after,
.ContentRibbon .swiper-button-prev:after {
    content: var(--tw-content);
    display: none;
}

.ContentRibbon .swiper-button-next {
    background: linear-gradient(270deg, #000, #0000);
}

.ContentRibbon .swiper-button-prev {
    background: linear-gradient(90deg, #000, #0000);
}

.ContentRibbon .VerticalCard-SponsoredContent {
    margin-bottom: calc(var(--spacing) * 4);
}

.ContentRibbon .VerticalCard-Body {
    flex: none;
}

.ContentRibbon .VerticalCard-Title {
    font-family: var(--font-primary);
}

.ContentRibbon .VerticalCard-Title:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

.ContentRibbon .VerticalCard-Title:nth-last-child(2) {
    margin-bottom: calc(var(--spacing) * 0);
}

.ContentRibbon .Button {
    margin-top: calc(var(--spacing) * 16);
    width: 100%;
}

@media (width >=744px) {
    .ContentRibbon .Button {
        display: none;
    }
}

.ContentRibbon .Button-ContentWrapper {
    display: flex;
    width: 100%;
    justify-content: center;
}

.ContentRibbon .ArrowLeft,
.ContentRibbon .ArrowRight {
    display: inline-block;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    background-color: var(--color-white);
    opacity: 50%;
}

.ContentRibbon .swiper-button-next:hover .ArrowRight,
.ContentRibbon .swiper-button-prev:hover .ArrowLeft {
    opacity: 100%;
}

@media (width >=1512px) {
    .extended-breakpoints .ContentRibbon-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContentRibbon .swiper-slide {
        max-width: calc(var(--spacing) * 240);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentRibbon .swiper-slide {
        max-width: calc(var(--spacing) * 304);
    }
}

.TopFeatured {
    display: flex;
}

.TopFeatured_variant_recent {
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .TopFeatured_variant_recent {
        row-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .TopFeatured_variant_recent {
        flex-wrap: nowrap;
    }
}

@media (width >=1024px) {
    .TopFeatured_variant_recent {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .TopFeatured_variant_recent {
        gap: calc(var(--spacing) * 32);
    }
}

.TopFeatured_variant_featured {
    flex-direction: column;
}

@media (width >=744px) {
    .TopFeatured_variant_featured {
        flex-direction: row;
    }
}

.TopFeatured_variant_featuredWithAds {
    flex-direction: column;
    align-items: flex-start;
    column-gap: calc(var(--spacing) * 42);
    row-gap: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .TopFeatured_variant_featuredWithAds {
        flex-direction: row;
    }
}

.TopFeatured_variant_featuredWithAds .TopFeatured-FeatureItem {
    flex: auto;
}

.TopFeatured_variant_featuredWithAds .TopFeatured-FeatureItems {
    flex: auto;
    flex-direction: column;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-FeatureItems {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-FeatureItems {
        gap: calc(var(--spacing) * 32);
    }
}

.TopFeatured_variant_featuredWithAds .TopFeatured-FeatureItemsWrapper {
    display: flex;
    width: 100%;
    flex: auto;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-FeatureItemsWrapper {
        row-gap: calc(var(--spacing) * 40);
    }
}

.TopFeatured_variant_featuredWithAds .TopFeatured-RetangleAds {
    margin: calc(var(--spacing) * 0);
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-RetangleAds {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-RetangleAds {
        align-items: flex-start;
    }
}

@media (width >=744px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-RetangleAds {
        justify-content: space-around;
    }
}

@media (width >=1024px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-RetangleAds {
        width: calc(var(--spacing) * 300);
    }
}

@media (width >=1024px) {
    .TopFeatured_variant_featuredWithAds .TopFeatured-RetangleAds {
        flex-direction: column;
    }
}

.TopFeatured-FeatureItem {
    flex: 1;
}

.TopFeatured-FeatureItems {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.TopFeatured-WrapContentPreview {
    flex: 1;
}

.TopFeatured-WrapLatestNews {
    order: 9999;
    height: fit-content;
    height: var(--spacing-fit);
    width: 100%;
}

@media (width >=744px) {
    .TopFeatured-WrapLatestNews {
        order: -9999;
    }
}

@media (width >=744px) {
    .TopFeatured-WrapLatestNews {
        width: calc(var(--spacing) * 216);
    }
}

@media (width >=1024px) {
    .TopFeatured-WrapLatestNews {
        width: calc(var(--spacing) * 222);
    }
}

@media (width >=1200px) {
    .TopFeatured-WrapLatestNews {
        width: calc(var(--spacing) * 235);
    }
}

.TopFeatured-WrapLatestNewsTop {
    padding: calc(var(--spacing) * 16);
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.TopFeatured-LatestNewsItem {
    padding: calc(var(--spacing) * 16);
    font-family: var(--font-secondary);
}

.TopFeatured-LatestNewsItemImageWrapper {
    display: none;
}

.TopFeatured-LatestNewsItemTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 100%;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

.TopFeatured-LatestNewsItemDate {
    margin-top: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.TopFeatured-WrapContentPreviewHorizontal2 {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .TopFeatured-WrapContentPreviewHorizontal2 {
        width: 100%;
    }
}

@media (width >=744px) {
    .TopFeatured-WrapContentPreviewHorizontal2_isAdsRendered_show {
        width: 50%;
    }
}

@media (width >=1024px) {
    .TopFeatured-WrapContentPreviewHorizontal2_isAdsRendered_show {
        width: 100%;
    }
}

.TopFeatured-WrapContentPreviewHorizontal {
    display: flex;
    height: fit-content;
    height: var(--spacing-fit);
    width: 100%;
    flex-direction: column;
}

@media (width >=744px) {
    .TopFeatured-WrapContentPreviewHorizontal {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .TopFeatured-WrapContentPreviewHorizontal {
        width: calc(var(--spacing) * 304);
    }
}

@media (width >=1024px) {
    .TopFeatured-WrapContentPreviewHorizontal {
        flex-direction: column;
    }
}

@media (width >=1200px) {
    .TopFeatured-WrapContentPreviewHorizontal {
        width: calc(var(--spacing) * 324);
    }
}

.TopFeatured-WrapContentPreviewHorizontal_variant_recent {
    display: flex;
    flex-direction: column;
}

@media (width >=744px) {
    .TopFeatured-WrapContentPreviewHorizontal_variant_recent {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .TopFeatured-WrapContentPreviewHorizontal_variant_recent {
        gap: calc(var(--spacing) * 42);
    }
}

@media (width >=1024px) {
    .TopFeatured-WrapContentPreviewHorizontal_variant_recent {
        flex-direction: column;
    }
}

@media (width >=1024px) {
    .TopFeatured-WrapContentPreviewHorizontal_variant_recent {
        gap: calc(var(--spacing) * 32);
    }
}

.TopFeatured-WrapContentPreviewHorizontal:not(.TopFeatured-WrapContentPreviewHorizontal_isAdsRendered_show).TopFeatured-WrapContentPreviewHorizontal_variant_recent {
    margin-bottom: calc(var(--spacing) * 24);
    gap: calc(var(--spacing) * 0);
}

.TopFeatured-ContentPreviewHorizontal_variant_recent {
    height: auto;
}

.TopFeatured-RetangleAds {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    .TopFeatured-RetangleAds {
        margin-block: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .TopFeatured-RetangleAds {
        width: 50%;
    }
}

@media (width >=1024px) {
    .TopFeatured-RetangleAds {
        width: 100%;
    }
}

.TopFeatured-RetangleAds_isShowAd {
    margin-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .TopFeatured-RetangleAds_isShowAd {
        margin-block: calc(var(--spacing) * 0);
    }
}

.TopFeatured-RetangleAds:not(.TopFeatured-RetangleAds_isShowAd) {
    margin-block: calc(var(--spacing) * 0);
}

.TopFeatured-CtaButtonWrapper {
    display: flex;
    padding-block: calc(var(--spacing) * 8);
}

.TopFeatured-CtaButton {
    display: inline-flex;
    align-items: center;
}

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

.TopFeatured-CtaButton .Button-Icon {
    margin-top: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured_variant_recent {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-Title {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .TopFeatured-WrapContentPreviewHorizontal {
        width: calc(var(--spacing) * 356);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-WrapContentPreviewHorizontal {
        width: calc(var(--spacing) * 440);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-WrapContentPreviewHorizontal:not(.extended-breakpoints .TopFeatured-WrapContentPreviewHorizontal_isAdsRendered_show).extended-breakpoints .TopFeatured-WrapContentPreviewHorizontal_variant_recent {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-WrapContentPreviewHorizontal_variant_recent {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-WrapContentPreviewHorizontal2 {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .TopFeatured-WrapLatestNews {
        width: calc(var(--spacing) * 259);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-WrapLatestNews {
        width: calc(var(--spacing) * 320);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItem {
        display: flex;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItem {
        gap: calc(var(--spacing) * 16);
    }
}

.extended-breakpoints .TopFeatured-LatestNewsItemImageWrapper {
    flex-shrink: 0;
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItemImageWrapper {
        display: block;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItemImageWrapper {
        height: calc(var(--spacing) * 64);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItemImageWrapper {
        width: calc(var(--spacing) * 64);
    }
}

.extended-breakpoints .TopFeatured-LatestNewsItemImage {
    object-fit: cover;
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItemImage {
        height: 100%;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItemImage {
        width: 100%;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItemTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-LatestNewsItemTitle {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-WrapLatestNewsTop {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TopFeatured-CtaButtonWrapper {
        padding-block: calc(var(--spacing) * 16);
    }
}

.FeatureItem-HeaderContainer {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .FeatureItem-HeaderContainer {
        top: calc(var(--spacing) * 1);
    }
}

@media (width >=744px) {
    .FeatureItem-HeaderContainer {
        right: calc(var(--spacing) * 1);
    }
}

@media (width >=744px) {
    .FeatureItem-HeaderContainer {
        left: calc(var(--spacing) * 1);
    }
}

.FeatureItem-IconWrapper {
    padding: calc(var(--spacing) * 5);
    opacity: 75%;
}

.FeatureItem-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    background-color: var(--color-white);
}

.FeatureItem-FooterContainer {
    position: absolute;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .FeatureItem-FooterContainer {
        right: calc(var(--spacing) * 1);
    }
}

@media (width >=744px) {
    .FeatureItem-FooterContainer {
        bottom: calc(var(--spacing) * 1);
    }
}

@media (width >=744px) {
    .FeatureItem-FooterContainer {
        left: calc(var(--spacing) * 1);
    }
}

@media (width >=1024px) {
    .FeatureItem-FooterContainer {
        padding: calc(var(--spacing) * 24);
    }
}

.FeatureItem-ContributorWrapper,
.FeatureItem-ContributorWrapper .Contributors-InfoWrapper,
.FeatureItem-ContributorWrapper .Contributors-ByText,
.FeatureItem-ContributorWrapper .Contributors-ContributorTitle {
    color: var(--color-white);
}

.FeatureItem-ContributorWrapper .Contributors-ContributorTitle {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.FeatureItem-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .FeatureItem-Title {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1024px) {
    .FeatureItem-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.FeatureItem-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    text-transform: uppercase;
}

.FeatureItem-FeatureItemWrapper {
    position: relative;
    margin-bottom: calc(var(--spacing) * 2);
    cursor: pointer;
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    color: var(--color-white);
}

@media (width >=744px) {
    .FeatureItem-FeatureItemWrapper {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .FeatureItem-FeatureItemWrapper {
        padding: calc(var(--spacing) * 1);
    }
}

@media (width >=744px) {
    .FeatureItem-FeatureItemWrapper_isBigFeature {
        height: 100%;
    }
}

.FeatureItem-FeatureItemWrapper:not(.FeatureItem-FeatureItemWrapper_isBigFeature):last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

.FeatureItem-FeatureImage {
    height: 100%;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}

.FeatureItem-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 4;
}

.FeatureItem-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.FeatureItem-ImageContainer {
    width: 100%;
    --tw-aspect-h: 3;
}

@media (width >=744px) {
    .FeatureItem-ImageContainer {
        position: relative;
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        --tw-aspect-w: 16;
    }

    .FeatureItem-ImageContainer>* {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media (width >=744px) {
    .FeatureItem-ImageContainer {
        --tw-aspect-h: 9;
    }
}

@media (width >=744px) {
    .FeatureItem-ImageContainer_isBigFeature {
        height: 100%;
    }
}

.FeatureItem-FooterWrapper {
    display: flex;
    align-items: center;
}

.FeatureItem-FooterWrapper_contributors {
    justify-content: space-between;
}

.FeatureItem-FooterWrapper:not(.FeatureItem-FooterWrapper_contributors) {
    justify-content: flex-end;
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureItem-Title {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

.SortModule {
    display: inline-grid;
    width: 50%;
}

@media (width >=1024px) {
    .SortModule {
        display: block;
    }
}

@media (width >=1024px) {
    .SortModule {
        width: auto;
    }
}

.SortModule-DesktopScreenWrapper {
    display: none;
    flex-shrink: 0;
    font-family: var(--font-primary);
}

@media (width >=1024px) {
    .SortModule-DesktopScreenWrapper {
        display: inline-flex;
    }
}

.SortModule-HeadWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.SortModule-Head {
    display: flex;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--radius-xs);
    --tw-outline-style: none;
    outline-style: none;
}

@media (forced-colors: active) {
    .SortModule-Head {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }
}

.SortModule-Title {
    padding-right: calc(var(--spacing) * 8);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SortModule-CheckedItem {
    padding-right: calc(var(--spacing) * 4);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SortModule-ChevronIcon {
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.SortModule-ChevronIcon_isChevronUp {
    rotate: -180deg;
}

.SortModule-ContentWrapper {
    position: relative;
    left: calc(var(--spacing) * 24);
    z-index: 10;
    margin-top: calc(var(--spacing) * 3);
    --tw-shadow: 0px 5px 20px var(--tw-shadow-color, #00000033);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
}

.SortModule-CircleIcon {
    margin-right: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * -1);
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-9);
    --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);
}

.SortModule-CircleIcon:checked {
    margin-top: calc(var(--spacing) * 5);
    margin-right: calc(var(--spacing) * 13);
    margin-bottom: calc(var(--spacing) * 4);
    margin-left: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(5px + 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);
}

.SortModule-MobileScreenWrapper {
    margin-left: calc(var(--spacing) * 12);
    display: inline-grid;
}

@media (width >=1024px) {
    .SortModule-MobileScreenWrapper {
        display: none;
    }
}

.SortModule-SortButtonMobile {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 32);
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.SortModule-TitleMobile {
    margin-right: calc(var(--spacing) * 4);
}

.SortModule-SortIconMobile {
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.SortModule-CircleIconMobile {
    position: absolute;
    top: calc(var(--spacing) * 11);
    right: calc(var(--spacing) * 5);
    display: inline-block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
}

.SortModule-Modal {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    display: flex;
    display: none;
    height: 100vh;
    width: 100vw;
    flex-direction: column;
}

.SortModule-Modal_isOpen {
    display: block;
}

.SortModule-ModalWrapper {
    height: 100vh;
    background-color: var(--color-white);
}

.SortModule-ModalHeader {
    display: flex;
    height: calc(var(--spacing) * 51);
    width: 100%;
    align-items: center;
}

.SortModule-ModalCloseIcon {
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
}

.SortModule-ModalSortBy {
    margin-inline: auto;
    justify-self: center;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.SortModule-ModalItemsWrapper {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
}

.SortModule-ModalDropdownItem {
    margin-bottom: calc(var(--spacing) * 16);
}

.SortModule-ModalServiceBlock {
    height: calc(var(--spacing) * 48);
}

@media (width >=744px) {
    .SortModule-ModalServiceBlock {
        height: calc(var(--spacing) * 0);
    }
}

.SortModule-ModalFooter {
    position: fixed;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    height: calc(var(--spacing) * 50);
}

.SortModule-ModalResetButtonWrapper,
.SortModule-ModalApplyButtonWrapper {
    display: flex;
    height: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.SortModule-ModalResetButton,
.SortModule-ModalApplyButton {
    height: 100%;
    width: 100%;
    justify-content: center;
}

.Sidebar {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.Sidebar-SidebarItem {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .Sidebar-SidebarItem .SubscribeBanner.SubscribeBanner_isWallPaperActive {
        margin-inline: calc(var(--spacing) * -0);
    }
}

@media (width >=1200px) {
    .Sidebar-SidebarItem .SubscribeBanner.SubscribeBanner_isWallPaperActive {
        margin-inline: calc(var(--spacing) * -0);
    }
}

.Sidebar>.Sidebar-SidebarItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .Sidebar-SidebarItem {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

.ContentSpotlight {
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 0);
    row-gap: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .ContentSpotlight {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .ContentSpotlight {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ContentSpotlight {
        row-gap: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .ContentSpotlight {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ContentSpotlight_hasAd {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: 255px;
    }
}

@media (width >=1024px) {
    .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: 211px;
    }
}

@media (width >=1200px) {
    .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: 255px;
    }
}

@media (width >=1200px) {
    .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: 228px;
    }
}

.ContentSpotlight_hasAd .ContentSpotlight-ContentBodyWrapper {
    display: none;
}

.ContentSpotlight-ArticleWrapper {
    grid-column: span 2 / span 2;
    align-content: center;
}

.ContentSpotlight-Article {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
}

@media (width >=744px) {
    .ContentSpotlight-Article {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.ContentSpotlight-Article_isReversed .ContentSpotlight-ImageContainer {
    order: -9999;
}

@media (width >=744px) {
    .ContentSpotlight-Article_isReversed .ContentSpotlight-ImageContainer {
        order: 9999;
    }
}

.ContentSpotlight-Article_isReversed .ContentSpotlight-ContentContainer {
    order: 9999;
}

@media (width >=744px) {
    .ContentSpotlight-Article_isReversed .ContentSpotlight-ContentContainer {
        order: -9999;
    }
}

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

.ContentSpotlight-Article_isSidebar .ContentSpotlight-ImageContainer {
    order: -9999;
}

.ContentSpotlight-Article_isSidebar .ContentSpotlight-ContentContainer {
    order: 9999;
}

.ContentSpotlight-Article_isSidebar .ContentSpotlight-ContentHeading {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.ContentSpotlight-ImageContainer {
    order: -9999;
}

.ContentSpotlight-KeywordList {
    position: absolute;
    z-index: 10;
    padding: calc(var(--spacing) * 8);
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
}

.ContentSpotlight-Image {
    height: 100%;
    width: 100%;
    overflow: hidden;
    object-fit: cover;
}

.ContentSpotlight-ContentContainer {
    order: 9999;
    flex: 1;
    align-items: flex-start;
}

.ContentSpotlight-ContentContainer_textAlignment_center {
    align-items: center;
}

.ContentSpotlight-ContentContainer_textAlignment_center .ContentSpotlight-ContentSummary,
.ContentSpotlight-ContentContainer_textAlignment_center .ContentSpotlight-ContentHeading,
.ContentSpotlight-ContentContainer_textAlignment_center .ContentSpotlight-ContentBody {
    text-align: center;
}

.ContentSpotlight-ContentContainer_textAlignment_center .ContentSpotlight-ButtonContainer {
    justify-content: center;
}

.ContentSpotlight-ContentContainerWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: 243px;
    }
}

@media (width >=744px) {
    .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: 234px;
    }
}

@media (width >=744px) {
    .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight-ContentContainerWrapper_isSidebar) {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: 375px;
    }
}

@media (width >=1024px) {
    .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: 322px;
    }
}

@media (width >=1200px) {
    .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: 375px;
    }
}

@media (width >=1200px) {
    .ContentSpotlight-ContentContainerWrapper:not(.ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: 347px;
    }
}

.ContentSpotlight-ContentSummary {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: left;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentSpotlight-ContentHeading {
    text-align: left;
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=1024px) {
    .ContentSpotlight-ContentHeading {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.ContentSpotlight-ContentHeading,
.ContentSpotlight-ContentBody {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
}

.ContentSpotlight-ContentBody {
    text-align: left;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.ContentSpotlight-ContentBodyWrapper {
    display: none;
}

@media (width >=1024px) {
    .ContentSpotlight-ContentBodyWrapper {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ContentSpotlight-ContentBodyWrapper {
        display: block;
    }
}

.ContentSpotlight-ContentBodyWrapper_isSidebar {
    display: none;
}

.ContentSpotlight-ButtonContainer {
    margin-top: calc(var(--spacing) * 24);
    display: flex;
    align-items: center;
}

.ContentSpotlight-AdContainer {
    order: 9999;
    grid-column: span 1 / span 1;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    .ContentSpotlight-AdContainer {
        grid-row: span 1 / span 1;
    }
}

.ContentSpotlight-AdContainer_adPosition_left {
    order: -9999;
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: calc(var(--spacing) * 379);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: calc(var(--spacing) * 379);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: calc(var(--spacing) * 468);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: calc(var(--spacing) * 468);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar) .ContentSpotlight-ContentHeading {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight-ContentContainerWrapper_isSidebar .ContentSpotlight-ContentHeading {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: calc(var(--spacing) * 255);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: calc(var(--spacing) * 249);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        max-height: calc(var(--spacing) * 308);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper:not(.extended-breakpoints .ContentSpotlight_hasAd .ContentSpotlight-ContentContainerWrapper_isSidebar) {
        min-height: calc(var(--spacing) * 308);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentSpotlight-ContentBody {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.HeroContentSpotlight {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .HeroContentSpotlight {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .HeroContentSpotlight {
        align-items: center;
    }
}

@media (width >=744px) {
    .HeroContentSpotlight {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .HeroContentSpotlight {
        row-gap: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .HeroContentSpotlight {
        column-gap: calc(var(--spacing) * 32);
    }
}

.HeroContentSpotlight_isReversed {
    flex-direction: row-reverse;
}

.HeroContentSpotlight_isReversed .HeroContentSpotlight-TitleSection {
    margin-right: auto;
    margin-left: calc(var(--spacing) * 0);
}

.HeroContentSpotlight_isSidebar {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing) * 16);
}

.HeroContentSpotlight_isSidebar .HeroContentSpotlight-ImageContainer {
    width: 100%;
}

.HeroContentSpotlight-ImageSection {
    position: relative;
}

.HeroContentSpotlight-ImageContainer {
    width: 100%;
}

@media (width >=744px) {
    .HeroContentSpotlight-ImageContainer {
        width: 396px;
    }
}

@media (width >=1024px) {
    .HeroContentSpotlight-ImageContainer {
        width: 632px;
    }
}

@media (width >=1200px) {
    .HeroContentSpotlight-ImageContainer {
        width: 680px;
    }
}

.HeroContentSpotlight-ImageAspectWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.HeroContentSpotlight-ImageAspectWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.HeroContentSpotlight-ImageAspectWrapper {
    --tw-aspect-h: 9;
}

.HeroContentSpotlight-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.HeroContentSpotlight-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 8);
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    padding: calc(var(--spacing) * 5);
}

.HeroContentSpotlight-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.HeroContentSpotlight-KeywordWrapper {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
}

.HeroContentSpotlight-Title {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .HeroContentSpotlight-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.HeroContentSpotlight-Title_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .HeroContentSpotlight-Title_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=744px) {
    .HeroContentSpotlight-Title_displayOption_default {
        text-overflow: ellipsis;
    }
}

@media (width >=1024px) {
    .HeroContentSpotlight-Title_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

.HeroContentSpotlight-Title_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .HeroContentSpotlight-Title_displayOption_mobile {
        display: none;
    }
}

.HeroContentSpotlight-Summary {
    margin-block: calc(var(--spacing) * 16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .HeroContentSpotlight-Summary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
}

@media (width >=1024px) {
    .HeroContentSpotlight-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.HeroContentSpotlight-Footer {
    display: flex;
    align-items: center;
}

.HeroContentSpotlight-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.HeroContentSpotlight-FooterSeparator {
    padding-inline: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.HeroContentSpotlight-ReadTimeWrapper {
    display: flex;
    align-items: center;
}

.HeroContentSpotlight-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .HeroContentSpotlight {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroContentSpotlight-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroContentSpotlight-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .HeroContentSpotlight-ImageContainer {
        width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroContentSpotlight-ImageContainer {
        width: calc(var(--spacing) * 920);
    }
}

.VideoSpotlight-Article {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-black);
}

@media (width >=1024px) {
    .VideoSpotlight-Article {
        flex-direction: row;
    }
}

.VideoSpotlight .VideoPlayer-Wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

@media (width >=1024px) {
    .VideoSpotlight .VideoPlayer-Wrapper {
        width: calc(var(--spacing) * 632);
    }
}

@media (width >=1200px) {
    .VideoSpotlight .VideoPlayer-Wrapper {
        width: calc(var(--spacing) * 680);
    }
}

.VideoSpotlight .VideoPlayer-ThumbnailImage {
    aspect-ratio: 16/9;
    width: 100%;
    border-radius: 0;
    object-fit: cover;
}

.VideoSpotlight .Media-Iframe,
.VideoSpotlight .VideoSpotlight-Image {
    border-radius: 0;
}

.VideoSpotlight-VideoInfoContainer {
    display: inline-block;
    width: 100%;
    align-items: center;
    padding: calc(var(--spacing) * 16);
    vertical-align: middle;
}

@media (width >=744px) {
    .VideoSpotlight-VideoInfoContainer {
        padding: calc(var(--spacing) * 24);
    }
}

.VideoSpotlight-ImageContainer {
    width: 100%;
}

@media (width >=744px) {
    .VideoSpotlight-ImageContainer {
        width: auto;
    }
}

.VideoSpotlight-VideoBodyWrapper {
    margin-top: calc(var(--spacing) * 24);
    display: none;
}

@media (width >=1024px) {
    .VideoSpotlight-VideoBodyWrapper {
        display: block;
    }
}

.VideoSpotlight-VideoHeadingWrapper .VideoSpotlight-VideoLabel {
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.VideoSpotlight-VideoHeading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-family: var(--font-primary);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.VideoSpotlight-VideoBody {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .VideoSpotlight_variant_reversed .VideoSpotlight-Article {
        flex-direction: row-reverse;
    }
}

.VideoSpotlight_mode_dark {
    background-color: var(--color-black);
}

.VideoSpotlight_mode_dark .VideoSpotlight-VideoHeading {
    color: var(--color-white);
}

.VideoSpotlight_mode_dark .VideoSpotlight-VideoBody {
    color: var(--color-gray-1);
}

@media (width >=1512px) {
    .extended-breakpoints .VideoSpotlight-VideoHeading {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoSpotlight-VideoBody {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .VideoSpotlight .VideoPlayer-Wrapper {
        width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoSpotlight .VideoPlayer-Wrapper {
        width: calc(var(--spacing) * 918);
    }
}

.FeatureSeries {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .FeatureSeries {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .FeatureSeries {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .FeatureSeries {
        gap: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .FeatureSeries {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .FeatureSeries {
        gap: calc(var(--spacing) * 64);
    }
}

.FeatureSeries-LogoSectionRoot {
    grid-column: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 1;
    display: flex;
    align-items: center;
}

@media (width >=744px) {
    .FeatureSeries-LogoSectionRoot {
        grid-column: span 1 / span 1;
    }
}

@media (width >=744px) {
    .FeatureSeries-LogoSectionRoot {
        grid-row-start: auto;
    }
}

.FeatureSeries-LogoSectionContent {
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .FeatureSeries-LogoSectionContent {
        padding-top: calc(var(--spacing) * 32);
    }
}

.FeatureSeries-LogoSection {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .FeatureSeries-LogoSection {
        align-items: flex-start;
    }
}

@media (width >=744px) {
    .FeatureSeries-LogoSection {
        padding-block: calc(var(--spacing) * 32);
    }
}

.FeatureSeries-LogoAspect {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 2;
}

.FeatureSeries-LogoAspect>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.FeatureSeries-LogoAspect {
    --tw-aspect-h: 1;
}

.FeatureSeries-LogoLink {
    display: flex;
    align-items: center;
}

.FeatureSeries-Logo {
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.FeatureSeries-Description {
    text-align: left;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .FeatureSeries-Description {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.FeatureSeries-ActionsWrapper {
    margin-top: calc(var(--spacing) * 24);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .FeatureSeries-ActionsWrapper {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .FeatureSeries-ActionsWrapper {
        justify-content: flex-start;
    }
}

.FeatureSeries-Content {
    grid-column: span 2 / span 2;
}

@media (width >=744px) {
    .FeatureSeries-Content {
        grid-column: span 1 / span 1;
    }
}

.FeatureSeries-ContentList {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 24);
}

.FeatureSeries-ContentList_withBackground {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.extended-breakpoints .FeatureSeries {
    margin-inline: auto;
    background-color: transparent;
}

@media (width >=1200px) {
    .extended-breakpoints .FeatureSeries {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .FeatureSeries {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeries {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .FeatureSeries :before {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeries-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.extended-breakpoints .FeatureSeries-Wrapper {
    position: relative;
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeries-ActionsWrapper {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeries-ActionsWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeries-LogoSectionContent {
        padding-top: calc(var(--spacing) * 40);
    }
}

.ListItem {
    padding: calc(var(--spacing) * 24);
}

.ListItem-VariantWrapper {
    position: relative;
}

.ListItem-Sponsored {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ListItem-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.ListItem-Description {
    display: inline-block;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ListItem-Keyword {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.ListItem-Footer {
    display: flex;
    align-items: center;
}

.ListItem-Date {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ListItem-Separator {
    margin-inline: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ListItem-Icon {
    position: relative;
    top: calc(var(--spacing) * 1);
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.ListItem-Time {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .ListItem-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListItem-Description {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.FeatureSeriesV2-Background {
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .FeatureSeriesV2-Background {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .FeatureSeriesV2-Background {
        padding-block: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .FeatureSeriesV2-Background {
        padding: calc(var(--spacing) * 32);
    }
}

.FeatureSeriesV2-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
}

@media (width >=1024px) {
    .FeatureSeriesV2-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.FeatureSeriesV2-ContentWrapper {
    margin-bottom: calc(var(--spacing) * 8);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (width >=744px) {
    .FeatureSeriesV2-ContentWrapper {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .FeatureSeriesV2-ContentWrapper {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .FeatureSeriesV2-ContentWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.FeatureSeriesV2-Col {
    grid-column: span 2 / span 2;
}

@media (width >=744px) {
    .FeatureSeriesV2-Col {
        grid-column: span 1 / span 1;
    }
}

.FeatureSeriesV2-ButtonWrapper {
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.extended-breakpoints .FeatureSeriesV2 {
    background-color: transparent;
}

@media (width >=1200px) {
    .extended-breakpoints .FeatureSeriesV2 {
        margin-inline: auto;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .FeatureSeriesV2 {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeriesV2 {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeriesV2-Title {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeriesV2-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .FeatureSeriesV2-Col .ContentGroup-Title,
    .extended-breakpoints .FeatureSeriesV2-Col .ContentFeatured-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeriesV2-Col .ContentFeatured-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeriesV2-ContentWrapper {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureSeriesV2-ContentWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

.extended-breakpoints .FeatureSeriesV2-Background {
    position: relative;
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

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

.ContentFeatured-ImageWrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.ContentFeatured-Aspect {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.ContentFeatured-Aspect>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ContentFeatured-Aspect {
    --tw-aspect-h: 9;
}

.ContentFeatured-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ContentFeatured-Keyword {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 8);
}

.ContentFeatured-Overlay {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 8);
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    padding: calc(var(--spacing) * 5);
}

.ContentFeatured-Title {
    width: 100%;
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
}

@media (width >=1024px) {
    .ContentFeatured-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.ContentFeatured-Summary {
    display: none;
    width: 100%;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

@media (width >=1024px) {
    .ContentFeatured-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ContentFeatured-Bottom {
    width: 100%;
    text-align: left;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.ContentFeatured-Line {
    padding-inline: calc(var(--spacing) * 12);
}

.ContentFeatured-Line_hidden {
    display: none;
}

.ContentFeatured-Icon {
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.ContentGroup {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ContentGroup {
        margin-top: calc(var(--spacing) * 0);
    }
}

.ContentGroup-ItemWrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-block: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ContentGroup-ItemWrapper {
        padding-block: calc(var(--spacing) * 12);
    }
}

@media (width >=1024px) {
    .ContentGroup-ItemWrapper {
        padding-block: calc(var(--spacing) * 16);
    }
}

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

.ContentGroup-Keyword {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .ContentGroup-Keyword {
        display: block;
    }
}

.ContentGroup-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    flex: 1;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .ContentGroup-Title {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .ContentGroup-Title {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ContentGroup-DateWrapper {
    display: flex;
    display: none;
    align-items: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .ContentGroup-DateWrapper {
        display: flex;
    }
}

.ContentGroup-Line {
    padding-inline: calc(var(--spacing) * 12);
    color: var(--color-gray-8);
}

.ContentGroup-Link {
    display: flex;
}

.ContentGroup-Icon {
    display: inline-block;
    height: calc(var(--spacing) * 14);
}

.ContentGroup-ArticleLine {
    padding-inline: calc(var(--spacing) * 12);
    color: var(--color-gray-8);
}

.ContentGroup-ArticleLine_hidden {
    display: none;
}

.FeaturedContentHub-Header {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    justify-content: space-between;
}

@media (width >=744px) {
    .FeaturedContentHub-Header {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.FeaturedContentHub-Title {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .FeaturedContentHub-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.FeaturedContentHub-Link {
    display: none;
    align-items: center;
}

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

@media (width >=744px) {
    .FeaturedContentHub-Link {
        display: inline-flex;
    }
}

.FeaturedContentHub-LinkText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.FeaturedContentHub-LinkIcon {
    margin-left: calc(var(--spacing) * 8);
    display: none;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    background-color: var(--color-black);
}

@media (width >=744px) {
    .FeaturedContentHub-LinkIcon {
        display: inline-block;
    }
}

.FeaturedContentHub-ContentWrapper {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .FeaturedContentHub-ContentWrapper {
        display: grid;
    }
}

@media (width >=744px) {
    .FeaturedContentHub-ContentWrapper {
        grid-template-columns: 276px 1fr;
    }
}

@media (width >=1024px) {
    .FeaturedContentHub-ContentWrapper {
        grid-template-columns: 386px 1fr;
    }
}

@media (width >=1200px) {
    .FeaturedContentHub-ContentWrapper {
        grid-template-columns: 413px 1fr;
    }
}

@media (width >=1200px) {
    .FeaturedContentHub-ContentWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeaturedContentHub-Header {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .FeaturedContentHub-ContentWrapper {
        grid-template-columns: 453px 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeaturedContentHub-ContentWrapper {
        grid-template-columns: 560px 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeaturedContentHub-ContentWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeaturedContentHub-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.FeaturedContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 24);
}

.FeaturedContent-ImageWrapper {
    position: relative;
    width: 100%;
}

.FeaturedContent-Aspect {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 3;
}

.FeaturedContent-Aspect>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.FeaturedContent-Aspect {
    width: 100%;
    --tw-aspect-h: 2;
}

.FeaturedContent-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.FeaturedContent-Keyword {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 8);
}

.FeaturedContent-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    width: 100%;
    padding-inline: calc(var(--spacing) * 24);
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .FeaturedContent-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.FeaturedContent-Summary {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    width: 100%;
    padding-inline: calc(var(--spacing) * 24);
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

@media (width >=1200px) {
    .FeaturedContent-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.FeaturedContent-PublishDateWrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 8);
}

.FeaturedContent-PublishDate {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .FeaturedContent-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .FeaturedContent-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.SupplementContent {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 24);
}

.SupplementContent-Wrapper,
.SupplementContent-ItemWrapper {
    display: flex;
    flex-direction: column;
}

.SupplementContent-ItemWrapper_content {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-3);
    padding-bottom: calc(var(--spacing) * 24);
}

.SupplementContent-ItemWrapperInner {
    display: flex;
    flex-direction: row;
    gap: calc(var(--spacing) * 24);
}

.SupplementContent-TextPreview {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    align-self: flex-start;
}

@media (width >=1024px) {
    .SupplementContent-TextPreview {
        display: grid;
    }
}

@media (width >=1024px) {
    .SupplementContent-TextPreview {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
}

.SupplementContent-ImageLink {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    justify-content: center;
}

@media (width < 279px) {
    .SupplementContent-ImageLink {
        display: none;
    }
}

.SupplementContent-Image {
    height: calc(var(--spacing) * 120);
    width: calc(var(--spacing) * 120);
    object-fit: cover;
}

@media (width >=744px) {
    .SupplementContent-Image {
        width: calc(var(--spacing) * 150);
    }
}

.SupplementContent-Keyword {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.SupplementContent-Title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: var(--font-primary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .SupplementContent-Title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (width >=1024px) {
    .SupplementContent-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.SupplementContent-Summary {
    display: none;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

@media (width >=1024px) {
    .SupplementContent-Summary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

.SupplementContent-PublishDateWrapper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.SupplementContent-PublishDate {
    padding-top: calc(var(--spacing) * 4);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .SupplementContent-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SupplementContent-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.GatedForm {
    position: relative;
    text-align: center;
}

@media (width >=744px) {
    .GatedForm {
        margin: auto;
    }
}

@media (width >=744px) {
    .GatedForm {
        width: calc(10 / 12 * 100%);
    }
}

.GatedForm-Title {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .GatedForm-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.GatedForm-Description {
    margin-bottom: calc(var(--spacing) * 24);
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .GatedForm-Description {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.GatedForm-ValidationError {
    text-align: left;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-brand-tertiary-1);
}

.GatedForm-ValidationHeader {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: left;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-error);
}

.GatedForm-Submit {
    margin-top: calc(var(--spacing) * 32);
    cursor: pointer;
    background-color: var(--color-brand-primary-1);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
}

.GatedForm-BaseInput[type="phonenumber"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-5);
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 8);
}

.GatedForm-BaseInput[type="phonenumber"]:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
}

.GatedForm-TextInput,
.GatedForm-Select {
    padding-bottom: calc(var(--spacing) * 24);
    text-align: left;
}

.GatedForm-Label {
    display: block;
    padding-bottom: calc(var(--spacing) * 8);
    text-align: left;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.GatedForm-BaseInput,
.GatedForm-SelectElement {
    position: relative;
    height: calc(var(--spacing) * 40);
    width: 100%;
    border-radius: var(--radius-3);
    border-color: var(--color-gray-5);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.GatedForm-SelectMultiple {
    height: calc(var(--spacing) * 120);
}

.GatedForm-Consent {
    position: relative;
    margin-top: calc(var(--spacing) * 16);
    margin-left: calc(var(--spacing) * 24);
    text-align: left;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.GatedForm-Consent .GatedForm-BaseLabel {
    margin-top: calc(var(--spacing) * 16);
    margin-right: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
    display: inline-block;
}

.GatedForm-Consent .GatedForm-BaseInput[type="checkbox"] {
    position: absolute;
    left: calc(var(--spacing) * -24);
}

.GatedForm-BaseInput[type="checkbox"] {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
}

.GatedForm-BaseInput[type="radio"] {
    position: relative;
    left: calc(var(--spacing) * 0);
    margin-right: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-radius: calc(infinity * 1px);
}

.GatedForm-BaseLabel {
    margin-right: calc(var(--spacing) * 16);
}

.GatedForm-Newsletter {
    display: flex;
    padding-bottom: calc(var(--spacing) * 24);
}

.GatedForm-NewsletterValidationError {
    text-align: left;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-brand-tertiary-1);
}

.GatedForm-ConsentLink {
    text-decoration-line: underline;
}

.GatedForm-RadioOptionElement {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.GatedForm-RadioOptionElement>label {
    margin-left: calc(var(--spacing) * 8);
}

.GatedForm-Checkbox {
    margin-top: calc(var(--spacing) * 8);
    text-align: left;
}

.GatedForm-Checkbox .GatedForm-BaseInput[type="checkbox"] {
    margin-right: calc(var(--spacing) * 8);
}

.GatedForm-Checkbox .GatedForm-BaseLabel {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.GatedForm-ConsentContainer {
    margin-top: calc(var(--spacing) * 16);
    text-align: left;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.GatedForm-ConsentContainer .GatedForm-BaseLabel {
    margin-top: calc(var(--spacing) * 8);
    display: inline-flex;
}

.GatedForm-ConsentContainer .GatedForm-BaseInput {
    margin-right: calc(var(--spacing) * 8);
}

.GatedForm-HubspotHelperTextWrapper {
    padding-top: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .GatedForm-Title {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GatedForm-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GatedForm-Submit {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GatedForm-Submit {
        padding-block: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GatedForm-Submit {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.CommodityPrices {
    margin-bottom: calc(var(--spacing) * 40);
    width: 100%;
}

.CommodityPrices-Title {
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
}

.CommodityPrices-Title_level_level1,
.CommodityPrices-Title_level_level3,
.CommodityPrices-Title_level_default {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 12);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {

    .CommodityPrices-Title_level_level1,
    .CommodityPrices-Title_level_level3,
    .CommodityPrices-Title_level_default {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.CommodityPrices-Title_level_level2 {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .CommodityPrices-Title_level_level2 {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.CommodityPrices-MarketInfoWrapper_variant_default {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
}

.CommodityPrices-MarketInfoWrapper_level_level1 {
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .CommodityPrices-MarketInfoWrapper_level_level1 {
        padding-top: calc(var(--spacing) * 32);
    }
}

.CommodityPrices-MarketInfoWrapper_level_level2 {
    padding-top: calc(var(--spacing) * 32);
}

.CommodityPrices-MarketInfoWrapper_level_level3 {
    padding-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .CommodityPrices-MarketInfoWrapper_level_level3 {
        padding-top: calc(var(--spacing) * 24);
    }
}

.CommodityPrices-MarketInfoWrapper_level_default {
    padding-top: calc(var(--spacing) * 16);
}

.CommodityPrices-MarketOverview {
    overflow: auto;
    white-space: nowrap;
}

.CommodityPrices-MarketOverview_variant_default {
    padding-inline: calc(var(--spacing) * 16);
}

.CommodityPrices-ButtonsWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .CommodityPrices-ButtonsWrapper {
        flex-direction: row;
    }
}

.CommodityPrices-Button {
    margin-top: calc(var(--spacing) * 24);
    display: flex;
    justify-content: center;
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 7);
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .CommodityPrices-Button_secondary {
        margin-left: calc(var(--spacing) * 16);
    }
}

.CommodityPrices-SponsorAdWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    .CommodityPrices-SponsorAdWrapper {
        margin-left: calc(var(--spacing) * 44);
    }
}

.CommodityPrices-SponsorAdTitle {
    margin-right: calc(var(--spacing) * 12);
    margin-bottom: calc(var(--spacing) * 40);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.CommodityPrices-SponsorAd {
    margin-bottom: calc(var(--spacing) * 40);
}

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

@media (width >=744px) {
    .CommodityPrices-CopyrightWrapper {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .CommodityPrices-CopyrightWrapper {
        align-items: center;
    }
}

@media (width >=744px) {
    .CommodityPrices-CopyrightWrapper {
        justify-content: space-between;
    }
}

.CommodityPrices-CopyrightWrapper_level_level1 {
    --tw-border-style: none;
    border-style: none;
    padding: calc(var(--spacing) * 16);
}

.CommodityPrices-CopyrightWrapper_level_level2 {
    --tw-border-style: none;
    border-style: none;
    padding-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .CommodityPrices-CopyrightWrapper_level_level2 {
        padding-top: calc(var(--spacing) * 32);
    }
}

.CommodityPrices-CopyrightWrapper_level_level3 {
    --tw-border-style: none;
    border-style: none;
}

.CommodityPrices-CopyrightWrapper_level_default {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 16);
}

.CommodityPrices-CopyrightImage {
    height: calc(var(--spacing) * 15);
    width: calc(var(--spacing) * 96);
    min-width: calc(var(--spacing) * 96);
    object-fit: cover;
}

.CommodityPrices-CopyrightNotice {
    margin-top: calc(var(--spacing) * 16);
    text-align: left;
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
}

@media (width >=744px) {
    .CommodityPrices-CopyrightNotice {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .CommodityPrices-CopyrightNotice {
        margin-left: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .CommodityPrices-CopyrightNotice {
        text-align: right;
    }
}

.ChangeLocation {
    margin: auto;
    display: block;
    align-items: center;
    justify-content: center;
}

:where(.ChangeLocation > :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)));
}

.ChangeLocation {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 16);
    text-align: center;
}

@media (width >=744px) {
    .ChangeLocation {
        display: flex;
    }
}

@media (width >=744px) {
    :where(.ChangeLocation > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=744px) {
    :where(.ChangeLocation > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=744px) {
    .ChangeLocation {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ChangeLocation {
        max-height: calc(var(--spacing) * 72);
    }
}

.ChangeLocation-Discover {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .ChangeLocation-Discover {
        white-space: nowrap;
    }
}

.ChangeLocation-Topic {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.WeatherWidget {
    margin-inline: auto;
    width: calc(var(--spacing) * 330);
    border-radius: var(--radius-sm);
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .WeatherWidget {
        width: calc(var(--spacing) * 336);
    }
}

@media (width >=1024px) {
    .WeatherWidget {
        width: 100%;
    }
}

.WeatherWidget-WeatherWrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.WeatherWidget-WeatherWrapper_hidden {
    display: none;
}

.WeatherWidget-CurrentCondition {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.WeatherWidget-Location {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.WeatherWidget-ChangeLocationButton {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 16);
    cursor: pointer;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    text-decoration-line: underline;
}

.WeatherWidget-WeatherInfo {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 8);
}

.WeatherWidget-CurrentTemperature {
    font-size: var(--text-tx30);
    line-height: var(--tw-leading, var(--text-tx30--line-height));
}

.WeatherWidget-WeatherIcon {
    height: calc(var(--spacing) * 52);
    max-height: calc(var(--spacing) * 52);
    width: calc(var(--spacing) * 52);
    max-width: calc(var(--spacing) * 52);
}

.WeatherWidget-WeatherInfoDetail {
    text-align: right;
}

.WeatherWidget-DayTemperature,
.WeatherWidget-NightTemperature {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.WeatherWidget-WindSpeed {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.WeatherWidget-WindIcon {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 14);
}

.WeatherWidget-DetailWeatherLink {
    margin-top: calc(var(--spacing) * 16);
    display: flex;
    cursor: pointer;
    align-items: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.WeatherWidget-ChevronRightIcon {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 8);
}

.WeatherWidget-SponsorWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.WeatherWidget-SponsorWrapper_isSponsorRender {
    margin-top: calc(var(--spacing) * 16);
}

.WeatherWidget-SponsorTitle {
    margin-right: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.WeatherWidget-SponsorAd {
    width: auto;
}

.WeatherWidget-ChangeLocation {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.WeatherWidget-ChangeLocation_hidden {
    display: none;
}

.WeatherWidget-CloseChangeLocation {
    display: flex;
    width: 100%;
    justify-content: flex-start;
}

.WeatherWidget-CloseChangeLocationButton {
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    text-align: left;
}

.WeatherWidget-CloseChangeLocationIcon {
    background-color: var(--color-gray-9);
}

.WeatherWidget-ChangeLocationWrapper {
    margin-inline: calc(var(--spacing) * 8);
    margin-top: calc(var(--spacing) * 52);
}

.WeatherWidget-ChangeLocationTextNote {
    margin-top: calc(var(--spacing) * 20);
    margin-bottom: calc(var(--spacing) * 60);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.WeatherWidget-LoadingIndicatorWrapper {
    width: 100%;
}

.WeatherWidget-LoadingIndicatorWithDotsWrapper {
    margin-block: calc(var(--spacing) * 15);
}

.LoggedInDropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.LoggedInDropdown-Toggle {
    display: inline-flex;
    align-items: center;
}

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

.LoggedInDropdown-ToggleIcon {
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
}

.LoggedInDropdown-ToggleText {
    display: none;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    -webkit-user-select: none;
    user-select: none;
}

@media (width >=744px) {
    .LoggedInDropdown-ToggleText {
        display: inline-block;
    }
}

.LoggedInDropdown-Chevron {
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
}

.LoggedInDropdown-Menu {
    visibility: hidden;
    position: absolute;
    top: calc(var(--spacing) * 28);
    right: calc(var(--spacing) * 0);
    z-index: 50;
    min-width: calc(var(--spacing) * 160);
    transform-origin: top;
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

:where(.LoggedInDropdown-Menu > :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)));
}

.LoggedInDropdown-Menu {
    overflow: hidden;
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: all;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
}

.LoggedInDropdown-Menu_open {
    visibility: visible;
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
}

.LoggedInDropdown-MenuItem {
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 16);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
}

.LoggedInMegaMenu {
    display: flex;
}

.LoggedInMegaMenu-Buttons {
    display: none;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

:where(.LoggedInMegaMenu-Buttons > :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)));
}

@media (width >=744px) {
    .LoggedInMegaMenu-Buttons {
        display: flex;
    }
}

.LoggedInMegaMenu-Button {
    display: flex;
    cursor: pointer;
    align-items: center;
}

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

.LoggedInMegaMenu-Button {
    padding-inline: calc(var(--spacing) * 2);
}

.LoggedInMegaMenu-ButtonIcon {
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
}

.LoggedInMegaMenu-ButtonText {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    -webkit-user-select: none;
    user-select: none;
}

.LoggedInMegaMenu-ButtonsMobile {
    display: flex;
    max-height: calc(var(--spacing) * 50);
    min-height: calc(var(--spacing) * 50);
    flex: 1;
}

@media (width >=744px) {
    .LoggedInMegaMenu-ButtonsMobile {
        display: none;
    }
}

.LoggedInMegaMenu-ButtonMobile {
    flex: 1;
    justify-content: center;
    text-transform: capitalize;
}

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

@media (width >=1024px) {
    .Resources_article {
        margin-top: calc(var(--spacing) * 40);
    }
}

.Resources-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.Resources-Header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 12);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .Resources-Header {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.Resources-ContentWrapper {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
    row-gap: calc(var(--spacing) * 8);
}

@media (width >=1200px) {
    .Resources-ContentWrapper {
        column-gap: calc(var(--spacing) * 32);
    }
}

.Resources-ItemWrapper {
    grid-column: span 12 / span 12;
}

@media (width >=1024px) {
    .Resources-ItemWrapper {
        grid-column: span 4 / span 4;
    }
}

.Resources-ItemWrapper_article {
    grid-column: span 12 / span 12;
}

@media (width >=1024px) {
    .Resources-ItemWrapper_article {
        grid-column: span 6 / span 6;
    }
}

.Resources .ContentList {
    --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);
}

.Resources .ContentList-Header {
    --tw-border-style: none;
    border-style: none;
    padding-top: calc(var(--spacing) * 32);
    padding-right: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 24);
    padding-left: calc(var(--spacing) * 0);
}

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

.Resources .ContentList-ListItem {
    --tw-border-style: none;
    border-style: none;
    padding-top: calc(var(--spacing) * 0);
    padding-right: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 16);
    padding-left: calc(var(--spacing) * 0);
}

.Resources .ContentList-ListItemDate {
    padding-top: calc(var(--spacing) * 8);
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-ContentWrapper {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-Header {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-HeaderText {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-Summary {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .Resources-ItemWrapper .ContentList-Header {
        padding-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .Resources-ItemWrapper .ContentList-Header {
        padding-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-ItemWrapper .ContentList-Header {
        padding-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-ItemWrapper .ContentList-Header {
        padding-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-ItemWrapper .ContentList-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources-ItemWrapper .ContentList-ListItem {
        padding-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .Resources-ItemWrapper .ContentList-ListItemTitle,
    .extended-breakpoints .Resources-ItemWrapper .ContentList-CTAText {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources .SearchSummary-ResultsDesktopText {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources .ListPreview-ResourceImage {
        width: calc(var(--spacing) * 200);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources .ListPreview-ResourceSummary {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Resources .ListPreview-Sponsor {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.MagazinePromo {
    width: 100%;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .MagazinePromo {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .MagazinePromo {
        padding-block: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .MagazinePromo {
        padding-inline: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .MagazinePromo {
        padding-inline: calc(var(--spacing) * 64);
    }
}

.MagazinePromo-Body {
    margin-top: calc(var(--spacing) * 16);
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
    padding: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .MagazinePromo-Body {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .MagazinePromo-Body {
        padding: calc(var(--spacing) * 32);
    }
}

.MagazinePromo-ImageSection {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.MagazinePromo-ImageWrapper {
    width: calc(8 / 12 * 100%);
}

@media (width >=744px) {
    .MagazinePromo-ImageWrapper {
        width: 100%;
    }
}

.MagazinePromo-ImageAspectWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 5;
}

.MagazinePromo-ImageAspectWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.MagazinePromo-ImageAspectWrapper {
    --tw-aspect-h: 6;
}

.MagazinePromo-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.MagazinePromo-ContentSection {
    grid-column: span 1 / span 1;
    width: 100%;
}

@media (width >=744px) {
    .MagazinePromo-ContentSection {
        grid-column: span 2 / span 2;
    }
}

@media (width >=744px) {
    .MagazinePromo-ContentSection {
        display: flex;
    }
}

@media (width >=744px) {
    .MagazinePromo-ContentSection {
        height: 100%;
    }
}

@media (width >=744px) {
    .MagazinePromo-ContentSection {
        flex-direction: column;
    }
}

@media (width >=1024px) {
    .MagazinePromo-ContentSection {
        height: auto;
    }
}

.MagazinePromo-ContentTitLe {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .MagazinePromo-ContentTitLe {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.MagazinePromo-Summary {
    width: 100%;
}

.MagazinePromo-RelatedContentMobile {
    grid-column: span 1 / span 1;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (width >=744px) {
    .MagazinePromo-RelatedContentMobile {
        grid-column: span 3 / span 3;
    }
}

@media (width >=744px) {
    .MagazinePromo-RelatedContentMobile {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .MagazinePromo-RelatedContentMobile {
        column-gap: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .MagazinePromo-RelatedContentMobile {
        display: none;
    }
}

.MagazinePromo-RelatedContentDesktop {
    grid-column: span 3 / span 3;
    margin-top: calc(var(--spacing) * 24);
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    .MagazinePromo-RelatedContentDesktop {
        display: grid;
    }
}

.MagazinePromo-RelatedItem {
    grid-column: span 1 / span 1;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-block: calc(var(--spacing) * 8);
}

.MagazinePromo-RelatedItemCategory {
    width: 100%;
}

.MagazinePromo-RelatedItemTitle {
    margin-top: calc(var(--spacing) * 4);
    width: 100%;
    overflow-wrap: break-word;
}

.MagazinePreview {
    height: 100%;
    min-width: calc(var(--spacing) * 160);
}

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

.MagazinePreviewSmall-Wrapper {
    margin: auto;
    height: 175px;
    width: 135px;
    flex-shrink: 0;
    flex-grow: 0;
}

.MagazinePreviewSmall-Image {
    height: 100%;
    object-fit: cover;
}

.MagazinePreviewSmall-Title {
    margin-block: calc(var(--spacing) * 8);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    flex-grow: 1;
    text-align: center;
    --tw-leading: var(--leading-5);
    line-height: var(--leading-5);
}

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

@media (width >=744px) {
    .MagazinePreviewLarge {
        flex-direction: row;
    }
}

.MagazinePreviewLarge-ImageLink {
    height: auto;
    width: calc(var(--spacing) * 200);
    flex-shrink: 0;
    flex-grow: 0;
}

.MagazinePreviewLarge-Image {
    height: auto;
    width: 100%;
}

.MagazinePreviewLarge-Info {
    margin-top: calc(var(--spacing) * 24);
    flex-shrink: 1;
    flex-grow: 1;
}

@media (width >=744px) {
    .MagazinePreviewLarge-Info {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .MagazinePreviewLarge-Info {
        margin-left: calc(var(--spacing) * 24);
    }
}

.MagazinePreviewLarge-InfoWrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.MagazinePreviewLarge-Keyword {
    margin-bottom: calc(var(--spacing) * 4);
}

.MagazinePreviewLarge-Summary {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.MagazinePreviewLarge-ButtonWrapper {
    margin-top: calc(var(--spacing) * 24);
    display: flex;
    height: 100%;
}

.MagazinePreviewLarge-ButtonLink {
    align-self: flex-end;
}

.PublicationPromo {
    width: 100%;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .PublicationPromo {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .PublicationPromo {
        padding-block: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .PublicationPromo {
        padding-inline: calc(var(--spacing) * 32);
    }
}

.PublicationPromo-Body {
    margin-top: calc(var(--spacing) * 16);
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .PublicationPromo-Body {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .PublicationPromo-Body {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .PublicationPromo-Body {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .PublicationPromo-Body {
        row-gap: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .PublicationPromo-Body {
        padding: calc(var(--spacing) * 32);
    }
}

.PublicationPromo-Heading {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
}

@media (width >=1024px) {
    .PublicationPromo-Heading {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.PublicationPromo-ImageSection {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.PublicationPromo-ImageWrapper {
    width: 250px;
}

@media (width >=744px) {
    .PublicationPromo-ImageWrapper {
        width: 100%;
    }
}

.PublicationPromo-ImageAspectWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 5;
}

.PublicationPromo-ImageAspectWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.PublicationPromo-ImageAspectWrapper {
    --tw-aspect-h: 6;
}

.PublicationPromo-Image {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.PublicationPromo-ContentSection {
    grid-column: span 1 / span 1;
    width: 100%;
}

@media (width >=744px) {
    .PublicationPromo-ContentSection {
        grid-column: span 2 / span 2;
    }
}

@media (width >=744px) {
    .PublicationPromo-ContentSection {
        display: flex;
    }
}

@media (width >=744px) {
    .PublicationPromo-ContentSection {
        height: 100%;
    }
}

@media (width >=744px) {
    .PublicationPromo-ContentSection {
        flex-direction: column;
    }
}

@media (width >=1024px) {
    .PublicationPromo-ContentSection {
        height: auto;
    }
}

.PublicationPromo-ContentTitLe {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 12);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {
    .PublicationPromo-ContentTitLe {
        margin-top: calc(var(--spacing) * 8);
    }
}

@media (width >=744px) {
    .PublicationPromo-ContentTitLe {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .PublicationPromo-ContentTitLe {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1024px) {
    .PublicationPromo-ContentTitLe {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.PublicationPromo-Label {
    display: none;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .PublicationPromo-Label {
        display: block;
    }
}

@media (width >=1024px) {
    .PublicationPromo-Label {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.PublicationPromo-Summary {
    display: none;
    width: 100%;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .PublicationPromo-Summary {
        display: block;
    }
}

@media (width >=1024px) {
    .PublicationPromo-Summary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.PublicationPromo-RelatedContentMobile {
    grid-column: span 1 / span 1;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (width >=744px) {
    .PublicationPromo-RelatedContentMobile {
        grid-column: span 3 / span 3;
    }
}

@media (width >=744px) {
    .PublicationPromo-RelatedContentMobile {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .PublicationPromo-RelatedContentMobile {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .PublicationPromo-RelatedContentMobile {
        display: none;
    }
}

.PublicationPromo-RelatedContentDesktop {
    grid-column: span 3 / span 3;
    margin-top: calc(var(--spacing) * 24);
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .PublicationPromo-RelatedContentDesktop {
        display: grid;
    }
}

.PublicationPromo-RelatedItem {
    grid-column: span 1 / span 1;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-black);
    padding-block: calc(var(--spacing) * 12);
}

.PublicationPromo-RelatedItemCategory {
    width: 100%;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.PublicationPromo-RelatedItemTitle {
    margin-top: calc(var(--spacing) * 8);
    width: 100%;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    overflow-wrap: break-word;
}

@media (width >=1024px) {
    .PublicationPromo-RelatedItemTitle {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.PublicationPromo-Button {
    margin-top: calc(var(--spacing) * 16);
}

.PublicationPromoSidebar {
    width: 100%;
    background-color: var(--color-gray-2);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 32);
}

.PublicationPromoSidebar-Heading {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}

.PublicationPromoSidebar-Body {
    margin-top: calc(var(--spacing) * 16);
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 12);
}

@media (width >=744px) {
    .PublicationPromoSidebar-Body {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .PublicationPromoSidebar-Body {
        align-items: flex-start;
    }
}

@media (width >=1024px) {
    .PublicationPromoSidebar-Body {
        flex-direction: column;
    }
}

@media (width >=1024px) {
    .PublicationPromoSidebar-Body {
        padding-bottom: calc(var(--spacing) * 12);
    }
}

.PublicationPromoSidebar-ImageSection {
    display: flex;
    width: 250px;
    flex-direction: column;
    align-items: center;
}

@media (width >=744px) {
    .PublicationPromoSidebar-ImageSection {
        margin-right: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .PublicationPromoSidebar-ImageSection {
        width: 244px;
    }
}

@media (width >=1024px) {
    .PublicationPromoSidebar-ImageSection {
        width: 224px;
    }
}

@media (width >=1200px) {
    .PublicationPromoSidebar-ImageSection {
        width: 244px;
    }
}

.PublicationPromoSidebar-ContentSection {
    width: auto;
}

@media (width >=744px) {
    .PublicationPromoSidebar-ContentSection {
        width: 348px;
    }
}

@media (width >=1024px) {
    .PublicationPromoSidebar-ContentSection {
        width: auto;
    }
}

.PublicationPromoSidebar-Summary,
.PublicationPromoSidebar-Label {
    display: none;
}

.PublicationPromoSidebar-ImageWrapper {
    margin-bottom: calc(var(--spacing) * 16);
    width: 100%;
}

.PublicationPromoSidebar-ContentTitLe {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .PublicationPromoSidebar-ContentTitLe {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .PublicationPromoSidebar-ContentTitLe {
        margin-top: calc(var(--spacing) * 24);
    }
}

.PublicationPromoSidebar-RelatedItem {
    grid-column: span 1 / span 1;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-black);
    padding-block: calc(var(--spacing) * 12);
}

.PublicationPromoSidebar-RelatedItemCategory {
    width: 100%;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.PublicationPromoSidebar-RelatedItemTitle {
    margin-top: calc(var(--spacing) * 8);
    width: 100%;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    overflow-wrap: break-word;
}

.extended-breakpoints .PublicationPromo {
    position: relative;
    left: 50%;
    width: 100vw;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-ContentTitLe {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationPromo-Summary,
    .extended-breakpoints .PublicationPromo-RelatedItemTitle {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-RelatedContentDesktop {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-RelatedItem {
        padding-block: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-Body {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-Body {
        padding: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-Heading {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-Button {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {

    .extended-breakpoints .PublicationPromo-Heading,
    .extended-breakpoints .PublicationPromo-Body {
        margin-inline: auto;
    }
}

@media (width >=1200px) {

    .extended-breakpoints .PublicationPromo-Heading,
    .extended-breakpoints .PublicationPromo-Body {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationPromo-Heading,
    .extended-breakpoints .PublicationPromo-Body {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromo-RelatedContentDesktop {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromoSidebar-Heading {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PublicationPromoSidebar-ImageSection {
        width: 100%;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PublicationPromoSidebar-ImageSection {
        max-width: 276px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromoSidebar-ImageSection {
        max-width: 360px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromoSidebar-ContentTitLe {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationPromoSidebar-RelatedItemTitle {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

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

@media (width >=744px) {
    .Panels {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .Panels {
        flex-wrap: wrap;
    }
}

@media (width >=744px) {
    .Panels {
        align-items: flex-end;
    }
}

@media (width >=744px) {
    .Panels {
        justify-content: space-between;
    }
}

.Panels-Title {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=744px) {
    .Panels-Title {
        order: 1;
    }
}

@media (width >=1024px) {
    .Panels-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=744px) {
    .Panels-Wrapper {
        order: 3;
    }
}

@media (width >=744px) {
    .Panels-Wrapper {
        width: 100%;
    }
}

.Panels-Cards {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    row-gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .Panels-Cards {
        margin-inline: calc(var(--spacing) * -12);
    }
}

@media (width >=1200px) {
    .Panels-Cards {
        margin-inline: calc(var(--spacing) * -16);
    }
}

@media (width >=1200px) {
    .Panels-Cards {
        row-gap: calc(var(--spacing) * 32);
    }
}

.Panels-Cards_Count_1 {
    justify-content: normal;
}

@media (width >=1024px) {
    .Panels-Cards_Count_1 {
        justify-content: center;
    }
}

@media (width >=744px) {
    .Panels-Cards_Count_4 .PanelCard {
        flex-basis: 50%;
    }
}

@media (width >=1024px) {
    .Panels-Cards_Count_3 .PanelCard {
        flex-basis: 50%;
    }
}

@media (width >=1200px) {
    .Panels-Cards_Count_3 .PanelCard {
        flex-basis: calc(4 / 12 * 100%);
    }
}

@media (width >=1024px) {
    .Panels-Cards_Count_2 .PanelCard {
        flex-basis: 50%;
    }
}

.Panels-Cards_Count_1 .PanelCard {
    flex: 0 auto;
    flex-basis: 100%;
}

@media (width >=744px) {
    .Panels-Cards_Count_1 .PanelCard {
        flex-basis: 100%;
    }
}

.Panels-ActionLink {
    margin-top: calc(var(--spacing) * 24);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-9);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .Panels-ActionLink {
        order: 2;
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        margin: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        display: inline-flex;
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        width: auto;
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        border-style: var(--tw-border-style);
        border-width: 0px;
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        padding: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        font-size: var(--text-tx12);
        line-height: var(--tw-leading, var(--text-tx12--line-height));
    }
}

.Panels-LinkIcon {
    margin-left: calc(var(--spacing) * 8);
    display: none;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .Panels-LinkIcon {
        display: inline-block;
    }
}

.PanelCard {
    container-type: inline-size;
    flex: auto;
    flex-basis: 100%;
}

@media (width >=744px) {
    .PanelCard {
        flex-basis: 50%;
    }
}

@media (width >=744px) {
    .PanelCard {
        padding-inline: calc(var(--spacing) * 12);
    }
}

@media (width >=1200px) {
    .PanelCard {
        padding-inline: calc(var(--spacing) * 16);
    }
}

.PanelCard-Wrapper {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.PanelCard-Body {
    margin: calc(var(--spacing) * 24);
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 24);
}

@container (min-width: 28rem) {
    .PanelCard-Body {
        flex-direction: row;
    }
}

.PanelCard-Header {
    display: flex;
    align-items: center;
}

@container (min-width: 28rem) {
    .PanelCard-Header {
        flex-basis: 50%;
    }
}

.PanelCard-Footer {
    width: 100%;
}

.PanelCard-ImageWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 4;
}

.PanelCard-ImageWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.PanelCard-ImageWrapper {
    width: 100%;
    --tw-aspect-h: 3;
}

.PanelCard-Image {
    object-fit: contain;
}

.PanelCard-Content {
    display: flex;
    flex-direction: column;
}

@container (min-width: 28rem) {
    .PanelCard-Content {
        flex-basis: 50%;
    }
}

@container (min-width: 28rem) {
    .PanelCard-Content {
        justify-content: center;
    }
}

.PanelCard-Title {
    margin-bottom: calc(var(--spacing) * 8);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.PanelCard-SubTitle {
    margin-bottom: calc(var(--spacing) * 16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.PanelCard-Label {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.PanelCard-ActionLink {
    margin: calc(var(--spacing) * 24);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (hover: hover) {
    .PanelCard-ActionLink:hover {
        text-decoration-line: underline;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Panels-Cards {
        margin-inline: calc(var(--spacing) * -20);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Panels-Cards {
        row-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Panels-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PanelCard {
        padding-inline: calc(var(--spacing) * 20);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PanelCard-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PanelCard-SubTitle,
    .extended-breakpoints .PanelCard-ActionLink {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PanelCard-Label {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=744px) {
    .TwoColumnHighlight {
        display: grid;
    }
}

@media (width >=744px) {
    .TwoColumnHighlight {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .TwoColumnHighlight {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .TwoColumnHighlight {
        column-gap: calc(var(--spacing) * 32);
    }
}

.TwoColumnHighlight-Column {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    flex-direction: column;
    border-style: var(--tw-border-style);
    border-width: 1px;
}

.TwoColumnHighlight-ColumnTitle {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 16);
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.TwoColumnHighlight-ColumnItem {
    display: flex;
    flex-direction: column;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding: calc(var(--spacing) * 16);
}

.TwoColumnHighlight-ColumnItem:last-of-type {
    --tw-border-style: none;
    border-style: none;
}

.TwoColumnHighlight-ImageContainer {
    position: relative;
    margin-bottom: calc(var(--spacing) * 16);
    width: 100%;
}

.TwoColumnHighlight-ImageAspectWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.TwoColumnHighlight-ImageAspectWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.TwoColumnHighlight-ImageAspectWrapper {
    --tw-aspect-h: 9;
}

.TwoColumnHighlight-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.TwoColumnHighlight-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    padding: calc(var(--spacing) * 5);
}

.TwoColumnHighlight-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.TwoColumnHighlight-PrimaryItemCategory {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 8);
}

.TwoColumnHighlight-ItemTitle {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .TwoColumnHighlight-ItemTitle {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.TwoColumnHighlight-ItemTitle_itemType_primary {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .TwoColumnHighlight-ItemTitle_itemType_primary {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.TwoColumnHighlight-ItemTitle_itemType_primary.TwoColumnHighlight-ItemTitle_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemTitle_itemType_primary.TwoColumnHighlight-ItemTitle_displayOption_mobile {
        display: none;
    }
}

.TwoColumnHighlight-ItemTitle_itemType_primary.TwoColumnHighlight-ItemTitle_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemTitle_itemType_primary.TwoColumnHighlight-ItemTitle_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

.TwoColumnHighlight-ItemTitle_itemType_supplemental.TwoColumnHighlight-ItemTitle_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemTitle_itemType_supplemental.TwoColumnHighlight-ItemTitle_displayOption_mobile {
        display: none;
    }
}

.TwoColumnHighlight-ItemTitle_itemType_supplemental.TwoColumnHighlight-ItemTitle_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemTitle_itemType_supplemental.TwoColumnHighlight-ItemTitle_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.TwoColumnHighlight-ItemSummary {
    display: none;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemSummary {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemSummary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=1024px) {
    .TwoColumnHighlight-ItemSummary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.TwoColumnHighlight-ItemSummary_itemType_supplemental {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemSummary_itemType_supplemental {
        margin-top: calc(var(--spacing) * 8);
    }
}

@media (width >=744px) {
    .TwoColumnHighlight-ItemSummary_itemType_supplemental {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.TwoColumnHighlight-ColumnButtonWrapper {
    margin-top: auto;
    margin-bottom: calc(var(--spacing) * 0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 16);
}

.TwoColumnHighlight-SupplementalCategory {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
}

.TwoColumnHighlight .Button_size_medium {
    padding: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnHighlight {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnHighlight-ColumnTitle {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnHighlight-ItemTitle_itemType_supplemental {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnHighlight-ItemTitle_itemType_primary {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnHighlight-ItemSummary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnHighlight-ItemSummary_itemType_supplemental {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TwoColumnHighlight-ColumnButton {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

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

@media (width >=1024px) {
    .MicroList {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .MicroList {
        align-items: flex-start;
    }
}

.MicroList-ListWrapper {
    width: 328px;
}

@media (width >=744px) {
    .MicroList-ListWrapper {
        width: 696px;
    }
}

@media (width >=1024px) {
    .MicroList-ListWrapper {
        margin-right: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MicroList-ListWrapper {
        width: 632px;
    }
}

@media (width >=1200px) {
    .MicroList-ListWrapper {
        margin-right: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .MicroList-ListWrapper {
        width: 680px;
    }
}

.MicroList-Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: calc(var(--spacing) * 12);
}

.MicroList-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .MicroList-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.MicroList-ListLink {
    display: none;
}

@media (width >=744px) {
    .MicroList-ListLink {
        display: inline-flex;
    }
}

.MicroList-ListLinkText {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.MicroList-ListLinkIcon {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
}

.MicroList-AdWrapper {
    height: 250px;
    width: 300px;
    min-width: 300px;
}

@media (width >=1024px) {
    .MicroList-AdWrapper {
        position: sticky;
    }
}

@media (width >=1024px) {
    .MicroList-AdWrapper {
        top: calc(var(--spacing) * 0);
    }
}

.MicroList-Ad {
    min-width: 300px;
}

.MicroList-CardsWrapper {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .MicroList-CardsWrapper_first {
        padding-top: calc(var(--spacing) * 32);
    }
}

.MicroList-CardsWrapper_last {
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .MicroList-CardsWrapper_last {
        padding-bottom: calc(var(--spacing) * 0);
    }
}

.MicroList-Card {
    display: inline-flex;
    column-gap: calc(var(--spacing) * 24);
}

.MicroList-ImageContainer {
    height: 120px;
    width: 120px;
}

@media (width >=744px) {
    .MicroList-ImageContainer {
        width: 150px;
    }
}

.MicroList-ImageWrapper {
    height: 100%;
    width: 120px;
}

@media (width >=744px) {
    .MicroList-ImageWrapper {
        width: 150px;
    }
}

.MicroList-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.MicroList-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 5);
}

.MicroList-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
}

.MicroList-CardWrapper {
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 4);
}

.MicroList-CardTitle {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    text-overflow: ellipsis;
}

@media (width >=1024px) {
    .MicroList-CardTitle {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.MicroList-CardTitle_displayOption_mobile {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (width >=744px) {
    .MicroList-CardTitle_displayOption_mobile {
        display: none;
    }
}

.MicroList-CardTitle_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .MicroList-CardTitle_displayOption_default {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.MicroList-CardSummary {
    display: none;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    text-overflow: ellipsis;
}

@media (width >=744px) {
    .MicroList-CardSummary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-CardsWrapper {
        padding-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-CardsWrapper {
        padding-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-CardsWrapper_first {
        padding-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-CardsWrapper_last {
        padding-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-CardSummary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-CardTitle {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-ImageContainer {
        height: 160px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-ImageContainer {
        width: 200px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-ImageWrapper {
        height: 160px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-ImageWrapper {
        width: 200px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MicroList-ListWrapper {
        width: 744px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-ListWrapper {
        margin-right: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MicroList-ListWrapper {
        width: 1040px;
    }
}

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

.LinkedImage-Header {
    display: flex;
    gap: calc(var(--spacing) * 32);
    padding: calc(var(--spacing) * 16);
}

.LinkedImage-Title {
    flex-grow: 1;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .LinkedImage-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.LinkedImage-LogoListWrapper {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 16);
}

.LinkedImage-LogoList {
    margin-inline: auto;
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .LinkedImage-LogoList {
        display: flex;
    }
}

@media (width >=744px) {
    .LinkedImage-LogoList {
        max-width: calc(var(--spacing) * 664);
    }
}

@media (width >=744px) {
    .LinkedImage-LogoList {
        flex-wrap: wrap;
    }
}

@media (width >=1024px) {
    .LinkedImage-LogoList {
        max-width: 100%;
    }
}

.LinkedImage-LogoWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    .LinkedImage-LogoWrapper {
        width: 147.5px;
    }
}

@media (width >=1024px) {
    .LinkedImage-LogoWrapper {
        width: 134.33px;
    }
}

@media (width >=1200px) {
    .LinkedImage-LogoWrapper {
        width: 147px;
    }
}

.LinkedImage-Logo {
    height: auto;
    width: 100%;
    max-width: 100%;
    object-fit: contain;
}

@media (width >=744px) {
    .LinkedImage-Logo {
        max-height: 147.5px;
    }
}

@media (width >=1024px) {
    .LinkedImage-Logo {
        max-height: 134.33px;
    }
}

@media (width >=1200px) {
    .LinkedImage-Logo {
        max-height: 147px;
    }
}

@media (width >=744px) {
    .LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 204.66px;
    }
}

@media (width >=1024px) {
    .LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 213.5px;
    }
}

@media (width >=1200px) {
    .LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 232.5px;
    }
}

@media (width >=744px) {
    .LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 204.66px;
    }
}

@media (width >=1024px) {
    .LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 213.5px;
    }
}

@media (width >=1200px) {
    .LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 232.5px;
    }
}

.LinkedImage-MobileCtaWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .LinkedImage-MobileCtaWrapper {
        display: none;
    }
}

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

.LinkedImage-MobileCtaButton .Button-ContentWrapper {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.LinkedImage-MobileCtaButton .Button-Icon {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    background-color: var(--color-brand-primary-1);
}

.LinkedImage-DefaultCtaWrapper {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

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

@media (width >=744px) {
    .LinkedImage-DefaultCtaWrapper {
        display: inline-flex;
    }
}

.LinkedImage-DefaultCtaButton {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

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

.LinkedImage .Button_size_medium {
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.LinkedImage_moduleLocation_sidebar .LinkedImage-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=744px) {
    .LinkedImage_moduleLocation_sidebar .LinkedImage-LogoWrapper {
        width: 147.5px;
    }
}

@media (width >=1024px) {
    .LinkedImage_moduleLocation_sidebar .LinkedImage-LogoWrapper {
        width: 123px;
    }
}

@media (width >=1200px) {
    .LinkedImage_moduleLocation_sidebar .LinkedImage-LogoWrapper {
        width: 133px;
    }
}

@media (width >=744px) {
    .LinkedImage_moduleLocation_sidebar .LinkedImage-Logo {
        max-height: 147.5px;
    }
}

@media (width >=1024px) {
    .LinkedImage_moduleLocation_sidebar .LinkedImage-Logo {
        max-height: 123px;
    }
}

@media (width >=1200px) {
    .LinkedImage_moduleLocation_sidebar .LinkedImage-Logo {
        max-height: 133px;
    }
}

.LinkedImage_moduleLocation_sidebar .LinkedImage-DefaultCtaWrapper {
    display: none;
}

.LinkedImage_moduleLocation_sidebar .LinkedImage-MobileCtaWrapper {
    display: flex;
}

@media (width >=744px) {
    .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 319px;
    }
}

@media (width >=1024px) {
    .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 270px;
    }
}

@media (width >=1200px) {
    .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 290px;
    }
}

@media (width >=744px) {
    .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 319px;
    }
}

@media (width >=1024px) {
    .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 270px;
    }
}

@media (width >=1200px) {
    .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 290px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage-Header {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage-LogoListWrapper {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage-LogoWrapper {
        width: 163px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage-LogoWrapper {
        width: 205px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage-Logo {
        max-height: 163px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage-Logo {
        max-height: 205px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 256.5px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 319.5px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 256.5px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 319.5px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar .LinkedImage-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar .LinkedImage-LogoWrapper {
        width: 149px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar .LinkedImage-LogoWrapper {
        width: 183px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar .LinkedImage-Logo {
        max-height: 149px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar .LinkedImage-Logo {
        max-height: 183px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 322px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-LogoWrapper {
        width: 390px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 322px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .LinkedImage_moduleLocation_sidebar.LinkedImage_isLarge .LinkedImage-Logo {
        max-height: 390px;
    }
}

.CardTime {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.CardTime-StartTime,
.CardTime-ReadTime {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
}

.CardTime-SeparatorLine {
    padding-inline: calc(var(--spacing) * 8);
}

@media (width >=1024px) {
    .CardTime-SeparatorLine {
        padding-inline: calc(var(--spacing) * 12);
    }
}

.VideoPlaylist {
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .VideoPlaylist {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .VideoPlaylist-Wrapper {
        display: flex;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-Wrapper {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .VideoPlaylist-Wrapper {
        overflow: hidden;
    }
}

@media (width >=1200px) {
    .VideoPlaylist-Wrapper {
        column-gap: calc(var(--spacing) * 32);
    }
}

.VideoPlaylist-CtaButtonWrapper {
    display: flex;
}

.VideoPlaylist-Title {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=744px) {
    .VideoPlaylist-Title {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .VideoPlaylist-Title {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .VideoPlaylist-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.VideoPlaylist-PlayerWrapper {
    position: relative;
}

@media (width >=1024px) {
    .VideoPlaylist-PlayerWrapper {
        flex-grow: 1;
    }
}

.VideoPlaylist-PlayerWrapper:hover {
    cursor: pointer;
}

.VideoPlaylist .VideoPlayer {
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 16);
}

.VideoPlaylist-KeywordWrapper {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
}

.VideoPlaylist-ActiveVideoLink {
    margin-bottom: calc(var(--spacing) * 16);
    display: block;
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=744px) {
    .VideoPlaylist-ActiveVideoLink {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1024px) {
    .VideoPlaylist-ActiveVideoLink {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.VideoPlaylist-ActiveVideoTitle {
    display: none;
}

@media (width >=1024px) {
    .VideoPlaylist-ActiveVideoTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.VideoPlaylist-ActiveVideoMobileTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

@media (width >=744px) {
    .VideoPlaylist-ActiveVideoMobileTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-ActiveVideoMobileTitle {
        display: none;
    }
}

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

.VideoPlaylist-VideoListWrapper::-webkit-scrollbar {
    display: none;
}

.VideoPlaylist-VideoListWrapper {
    position: relative;
}

@media (width >=1024px) {
    .VideoPlaylist-VideoListWrapper {
        flex-shrink: 0;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoListWrapper {
        flex-grow: 0;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoListWrapper {
        flex-basis: 190px;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoListWrapper {
        overflow-y: auto;
    }
}

@media (width >=1200px) {
    .VideoPlaylist-VideoListWrapper {
        flex-basis: 203px;
    }
}

.VideoPlaylist-VideoList {
    scrollbar-width: thin;
    -ms-overflow-style: thin;
}

.VideoPlaylist-VideoList::-webkit-scrollbar {
    display: thin;
}

.VideoPlaylist-VideoList {
    display: flex;
    column-gap: calc(var(--spacing) * 24);
    overflow-x: scroll;
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        position: absolute;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        right: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        width: 100%;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        flex-shrink: 0;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        flex-direction: column;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        row-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoList {
        overflow-x: hidden;
    }
}

.VideoPlaylist-VideoItem {
    width: 152px;
    flex-shrink: 0;
}

@media (width >=744px) {
    .VideoPlaylist-VideoItem {
        width: 224px;
    }
}

@media (width >=1024px) {
    .VideoPlaylist-VideoItem {
        width: 100%;
    }
}

.VideoPlaylist-VideoItem:hover {
    cursor: pointer;
}

.VideoPlaylist-VideoItemThumbnailAContainer {
    position: relative;
    margin-bottom: calc(var(--spacing) * 8);
    width: 100%;
}

.VideoPlaylist-VideoItemDuration {
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
}

.VideoPlaylist-VideoItemOverlay {
    display: none;
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
}

.VideoPlaylist-VideoItemOverlay_isActive {
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}

.VideoPlaylist .VideoPlayer-ThumbnailWrapper,
.VideoPlaylist .VideoPlayer-PlayerAcpect,
.VideoPlaylist-VideoItemThumbnailAspect {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.VideoPlaylist .VideoPlayer-ThumbnailWrapper>*,
.VideoPlaylist .VideoPlayer-PlayerAcpect>*,
.VideoPlaylist-VideoItemThumbnailAspect>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.VideoPlaylist .VideoPlayer-ThumbnailWrapper,
.VideoPlaylist .VideoPlayer-PlayerAcpect,
.VideoPlaylist-VideoItemThumbnailAspect {
    --tw-aspect-h: 9;
}

.VideoPlaylist .VideoPlayer-ThumbnailImage {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.VideoPlaylist .VideoPlayer-IconWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

.VideoPlaylist-VideoItemThumbnail {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.VideoPlaylist-VideoItemLink {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.VideoPlaylist-VideoItemTitle {
    display: none;
}

@media (width >=1024px) {
    .VideoPlaylist-VideoItemTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

.VideoPlaylist-VideoItemMobileTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (width >=1024px) {
    .VideoPlaylist-VideoItemMobileTitle {
        display: none;
    }
}

.VideoPlaylist-VideoItemInfo {
    position: absolute;
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    height: fit-content;
    height: var(--spacing-fit);
    width: fit-content;
    width: var(--spacing-fit);
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    padding: calc(var(--spacing) * 4);
}

.VideoPlaylist-VideoItemInfo_isActive {
    display: none;
}

.VideoPlaylist-VideoItemIcon {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    background-color: var(--color-white);
}

.VideoPlaylist-CtaButton {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 32);
}

.VideoPlaylist-ActiveVideoFooter {
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
    align-items: center;
}

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

.VideoPlaylist-ActiveVideoFooter {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 8);
}

@media (width >=1024px) {
    .VideoPlaylist-ActiveVideoFooter {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.VideoPlaylist-ActiveVideoDate,
.VideoPlaylist-ActiveVideoSeparator,
.VideoPlaylist-ActiveVideoViewTime {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.VideoPlaylist-LoadingIndicatorWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.VideoPlaylist-LoadingIndicatorWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.VideoPlaylist-LoadingIndicatorWrapper {
    position: absolute;
    z-index: 20;
    margin-bottom: calc(var(--spacing) * 16);
    width: 100%;
    background-color: var(--color-white);
    --tw-aspect-h: 9;
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist {
        padding: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-Wrapper {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist .VideoPlayer {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-Title {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-ActiveVideoLink {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-ActiveVideoLink {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-VideoItemLink {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-VideoList {
        row-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .VideoPlaylist-VideoListWrapper {
        flex-basis: calc(var(--spacing) * 227);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-VideoListWrapper {
        flex-basis: calc(var(--spacing) * 280);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .VideoPlaylist-CtaButton {
        margin-top: calc(var(--spacing) * 40);
    }
}

.VideoSidebar-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .VideoSidebar-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=744px) {
    .VideoSidebar-VideoList {
        display: flex;
    }
}

@media (width >=744px) {
    .VideoSidebar-VideoList {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .VideoSidebar-VideoList {
        display: block;
    }
}

.VideoSidebar-VideoItem {
    width: 100%;
}

@media (width >=744px) {
    .VideoSidebar-VideoItem {
        width: 50%;
    }
}

@media (width >=1024px) {
    .VideoSidebar-VideoItem {
        width: 100%;
    }
}

.VideoSidebar-VideoItem_isFirst {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .VideoSidebar-VideoItem_isFirst {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .VideoSidebar-VideoItem_isFirst {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.VideoSidebar-VideoItemThumbnail {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 8);
}

.VideoSidebar-VideoItemThumbnail:hover {
    cursor: pointer;
}

.VideoSidebar .VideoPlayer-ThumbnailWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.VideoSidebar .VideoPlayer-ThumbnailWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.VideoSidebar .VideoPlayer-ThumbnailWrapper {
    --tw-aspect-h: 9;
}

.VideoSidebar .VideoPlayer-ThumbnailImage {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.VideoSidebar .VideoPlayer-IconWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
}

.VideoSidebar-KeywordWrapper {
    display: flex;
}

.VideoSidebar-VideoItemLink {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.VideoSidebar-VideoItemTitle {
    display: none;
}

@media (width >=1024px) {
    .VideoSidebar-VideoItemTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

.VideoSidebar-VideoItemMobileTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (width >=1024px) {
    .VideoSidebar-VideoItemMobileTitle {
        display: none;
    }
}

.VideoSidebar-CtaButtonLink {
    margin-top: calc(var(--spacing) * 16);
    display: block;
}

.VideoSidebar-CtaButton {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.VideoSidebar-PlayerModal .Modal {
    background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
}

.VideoSidebar-PlayerModal .Modal-Window {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.VideoSidebar-PlayerModal .Modal-Window::-webkit-scrollbar {
    display: none;
}

.VideoSidebar-PlayerModal .Modal-Window {
    width: 100%;
    background-color: transparent;
}

@media (width >=1200px) {
    .VideoSidebar-PlayerModal .Modal-Window {
        width: 1036px;
    }
}

.VideoSidebar-PlayerModal .Modal-Content {
    padding: calc(var(--spacing) * 0);
}

.VideoSidebar-PlayerModal .Modal-CloseButton {
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .VideoSidebar-PlayerModal .Modal-CloseButton {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .VideoSidebar-PlayerModal .Modal-CloseButton {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .VideoSidebar-PlayerModal .Modal-CloseButton {
        padding-right: calc(var(--spacing) * 0);
    }
}

.VideoSidebar-PlayerModal .Modal-CloseIcon {
    background-color: var(--color-white);
}

.VideoSidebar-PlayerModal .VideoPlaylist {
    padding-block: calc(var(--spacing) * 0);
    --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);
}

@media (width >=744px) {
    .VideoSidebar-PlayerModal .VideoPlaylist {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .VideoSidebar-PlayerModal .VideoPlaylist {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .VideoSidebar-PlayerModal .VideoPlaylist {
        padding: calc(var(--spacing) * 0);
    }
}

.VideoSidebar-PlayerModal .VideoPlaylist-Title {
    margin: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .VideoSidebar-PlayerModal .VideoPlaylist-VideoListWrapper {
        flex-basis: 222px;
    }
}

@media (width >=1200px) {
    .VideoSidebar-PlayerModal .VideoPlaylist-VideoListWrapper {
        flex-basis: 235px;
    }
}

.VideoSidebar-PlayerModal .VideoPlaylist-VideoItem {
    width: 184px;
    flex-shrink: 0;
}

@media (width >=744px) {
    .VideoSidebar-PlayerModal .VideoPlaylist-VideoItem {
        width: 256px;
    }
}

@media (width >=1024px) {
    .VideoSidebar-PlayerModal .VideoPlaylist-VideoItem {
        width: 100%;
    }
}

.VideoSidebar-PlayerModal .VideoPlaylist_isDarkMode {
    background-color: transparent;
}

.ContentGrid-ContentGridTitle {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=744px) {
    .ContentGrid-ContentGridTitle {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ContentGrid-ContentGridTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ContentGrid-ContentGridWrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .ContentGrid-ContentGridWrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ContentGrid-ContentGridWrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.ContentGrid .Pagination-Wrapper {
    margin-top: calc(var(--spacing) * 56);
}

@media (width >=1024px) {
    .ContentGrid .Pagination-Wrapper {
        margin-top: calc(var(--spacing) * 64);
    }
}

.ErrorModal-Wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ErrorModal-Title {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ErrorModal-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ErrorModal-Description {
    padding-top: calc(var(--spacing) * 12);
    padding-bottom: calc(var(--spacing) * 40);
    text-align: center;
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

@media (width >=1024px) {
    .ErrorModal-Description {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.LoginButton {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    align-self: stretch;
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-8);
}

.LoginButton-Button {
    text-decoration-line: underline;
}

.IirisRecommend {
    display: none;
}

@media (width >=744px) {
    .IirisRecommend {
        display: block;
    }
}

.IirisRecommend h3:not(.IirisRecommend-Title) {
    display: none;
}

.HeaderModule-Wrapper {
    display: flex;
    aspect-ratio: 21/9;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    background-blend-mode: overlay;
}

@media (width >=744px) {
    .HeaderModule-Wrapper {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .HeaderModule-Wrapper {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .HeaderModule-Wrapper {
        max-width: calc(var(--spacing) * 1036);
    }
}

.HeaderModule-Title {
    padding: calc(var(--spacing) * 16);
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-leading: 150%;
    line-height: 150%;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}

@media (width >=744px) {
    .HeaderModule-Title {
        padding: calc(var(--spacing) * 40);
    }
}

@media (width >=744px) {
    .HeaderModule-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=744px) {
    .HeaderModule-Title {
        --tw-leading: 137.5%;
        line-height: 137.5%;
    }
}

@media (width >=1024px) {
    .HeaderModule-Title {
        padding: calc(var(--spacing) * 64);
    }
}

@media (width >=1024px) {
    .HeaderModule-Title {
        font-size: var(--text-tx48);
        line-height: var(--tw-leading, var(--text-tx48--line-height));
    }
}

@media (width >=1200px) {
    .HeaderModule-Title {
        font-size: var(--text-tx56);
        line-height: var(--tw-leading, var(--text-tx56--line-height));
    }
}

.HeaderModule-SocialShare {
    margin-top: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .HeaderModule-SocialShare {
        margin-top: calc(var(--spacing) * 32);
    }
}

.HeaderModule_isLight .HeaderModule-Wrapper {
    background-color: color-mix(in oklab, var(--color-gray-1) 60%, transparent);
}

.HeaderModule_isLight .HeaderModule-Title {
    color: var(--color-black);
}

@media (width >=1200px) {
    .extended-breakpoints .HeaderModule-Wrapper {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeaderModule-Wrapper {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeaderModule-Title {
        padding: calc(var(--spacing) * 80);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeaderModule-Title {
        font-size: var(--text-tx64);
        line-height: var(--tw-leading, var(--text-tx64--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeaderModule-SocialShare {
        margin-top: calc(var(--spacing) * 40);
    }
}

.TextBox-Wrapper {
    margin-inline: auto;
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
}

.TextBox-Title {
    margin-bottom: calc(var(--spacing) * 48);
    text-align: center;
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .TextBox-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.TextBox-Content {
    margin-bottom: calc(var(--spacing) * 48);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-leading: var(--leading-6);
    line-height: var(--leading-6);
}

@media (width >=1024px) {
    .TextBox-Content {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1024px) {
    .TextBox-Content {
        --tw-leading: var(--leading-7);
        line-height: var(--leading-7);
    }
}

.TextBox-Content * {
    text-align: left;
}

@media (width >=1024px) {
    .TextBox-Content * {
        text-align: center;
    }
}

.TextBox-Content_leftAlign * {
    text-align: left;
}

.TextBox-ButtonWrapper {
    display: flex;
    justify-content: center;
}

.TextBox-ButtonWrapper .Button {
    display: flex;
    align-items: center;
    justify-content: center;
}

:where(.TextBox-ButtonWrapper .Button > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
}

.TextBox-ButtonWrapper .Button {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    :where(.TextBox-ButtonWrapper .Button > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=744px) {
    .TextBox-ButtonWrapper .Button {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .TextBox-ButtonWrapper .Button {
        padding-block: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .TextBox-ButtonWrapper .Button {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .TextBox-Wrapper {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TextBox-Wrapper {
        max-width: calc(var(--spacing) * 1400);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TextBox-Title {
        font-size: var(--text-tx48);
        line-height: var(--tw-leading, var(--text-tx48--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .TextBox-Content {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.PullQuote-Wrapper {
    position: relative;
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-inline: calc(var(--spacing) * 15);
    padding-block: calc(var(--spacing) * 32);
    text-align: center;
    background-blend-mode: overlay;
}

@media (width >=744px) {
    .PullQuote-Wrapper {
        padding-inline: calc(var(--spacing) * 48);
    }
}

@media (width >=744px) {
    .PullQuote-Wrapper {
        padding-block: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .PullQuote-Wrapper {
        padding-inline: calc(var(--spacing) * 64);
    }
}

@media (width >=1024px) {
    .PullQuote-Wrapper {
        padding-block: calc(var(--spacing) * 64);
    }
}

.PullQuote-Quote {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {
    .PullQuote-Quote {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1024px) {
    .PullQuote-Quote {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.PullQuote-Byline {
    margin-top: calc(var(--spacing) * 32);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .PullQuote-Byline {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1024px) {
    .PullQuote-Byline {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .PullQuote-Byline {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.PullQuote-ButtonWrapper {
    display: flex;
    justify-content: center;
}

.PullQuote-ButtonWrapper .PullQuote-Button {
    margin-top: calc(var(--spacing) * 32);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    :where(.PullQuote-ButtonWrapper .PullQuote-Button > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=744px) {
    .PullQuote-ButtonWrapper .PullQuote-Button {
        padding-inline: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .PullQuote-ButtonWrapper .PullQuote-Button {
        padding-block: calc(var(--spacing) * 8);
    }
}

@media (width >=744px) {
    .PullQuote-ButtonWrapper .PullQuote-Button {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1024px) {
    .PullQuote-ButtonWrapper .PullQuote-Button {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    :where(.PullQuote-ButtonWrapper .PullQuote-Button > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=1024px) {
    .PullQuote-ButtonWrapper .PullQuote-Button {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .PullQuote-ButtonWrapper .PullQuote-Button {
        padding-block: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .PullQuote-ButtonWrapper .PullQuote-Button {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.PullQuote_isDark .PullQuote-Wrapper .PullQuote-Overlay {
    position: absolute;
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1;
}

.PullQuote_isDark .PullQuote-Wrapper .PullQuote-Content {
    position: relative;
    z-index: 2;
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        left: 50%;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        width: 100vw;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        max-width: none;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        padding-inline: calc(var(--spacing) * 154);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        padding-block: calc(var(--spacing) * 64);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PullQuote-Wrapper {
        padding-inline: calc(var(--spacing) * 164);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PullQuote-Quote {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PullQuote-Byline {
        font-size: var(--text-tx32);
        line-height: var(--tw-leading, var(--text-tx32--line-height));
    }
}

.MultiSponsorGrid {
    width: 100%;
}

@media (width >=744px) {
    .MultiSponsorGrid {
        max-width: 744px;
    }
}

@media (width >=1024px) {
    .MultiSponsorGrid {
        max-width: 1024px;
    }
}

@media (width >=1200px) {
    .MultiSponsorGrid {
        max-width: 1200px;
    }
}

@media (width >=1512px) {
    .MultiSponsorGrid {
        max-width: 1512px;
    }
}

.MultiSponsorGrid {
    margin-inline: auto;
}

.MultiSponsorGrid-GridWrapper {
    margin-bottom: calc(var(--spacing) * 40);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 24);
    padding-top: calc(var(--spacing) * 24);
}

.MultiSponsorGrid-GridWrapper .Sponsored {
    margin-bottom: calc(var(--spacing) * 0);
}

.MultiSponsorGrid-Title {
    text-align: center;
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    overflow-wrap: break-word;
}

.MultiSponsorGrid .Sponsored-ImageLinkWrapper {
    margin-inline: calc(var(--spacing) * 0);
}

@media (width >=1200px) {
    .extended-breakpoints .MultiSponsorGrid-GridWrapper .Sponsored {
        width: 100%;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MultiSponsorGrid-GridWrapper .Sponsored {
        max-width: calc(var(--spacing) * 160);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MultiSponsorGrid-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.HorizontalCardList-Header,
.HorizontalCardList-Card {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
}

.HorizontalCardList-Title {
    font-family: var(--font-primary);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-leading: calc(var(--spacing) * 40);
    line-height: calc(var(--spacing) * 40);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .HorizontalCardList-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1024px) {
    .HorizontalCardList-Title {
        --tw-leading: calc(var(--spacing) * 48);
        line-height: calc(var(--spacing) * 48);
    }
}

.HorizontalCardList-Subtitle {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-7);
}

.HorizontalCardList-Fallback {
    text-align: center;
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-8);
}

@media (width >=744px) {
    .HorizontalCardList-Fallback {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1024px) {
    .HorizontalCardList-Fallback {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.HorizontalCardList-Title,
.HorizontalCardList-Subtitle {
    padding-bottom: calc(var(--spacing) * 12);
    text-align: center;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.HorizontalCardList-Content {
    margin-top: calc(var(--spacing) * 28);
    margin-bottom: calc(var(--spacing) * 48);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .HorizontalCardList-Content {
        gap: calc(var(--spacing) * 48);
    }
}

.HorizontalCardList-Content .Button {
    text-transform: uppercase;
}

.HorizontalCardList-Header,
.HorizontalCardList-TopListItem,
.HorizontalCardList-Items,
.HorizontalCardList-Fallback {
    width: 330px;
}

@media (width >=744px) {

    .HorizontalCardList-Header,
    .HorizontalCardList-TopListItem,
    .HorizontalCardList-Items,
    .HorizontalCardList-Fallback {
        width: 696px;
    }
}

@media (width >=1024px) {

    .HorizontalCardList-Header,
    .HorizontalCardList-TopListItem,
    .HorizontalCardList-Items,
    .HorizontalCardList-Fallback {
        width: 632px;
    }
}

@media (width >=1200px) {

    .HorizontalCardList-Header,
    .HorizontalCardList-TopListItem,
    .HorizontalCardList-Items,
    .HorizontalCardList-Fallback {
        width: 680px;
    }
}

.HorizontalCardList-Navigation {
    margin-bottom: calc(var(--spacing) * 32);
}

.HorizontalCardList-ButtonWrapper {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .HorizontalCardList-ButtonWrapper {
        flex-direction: row;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCardList-Card:first-child {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .HorizontalCardList-Title {
        padding-bottom: calc(var(--spacing) * 8);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCardList-Title {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCardList-Fallback {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1200px) {

    .extended-breakpoints .HorizontalCardList-Header,
    .extended-breakpoints .HorizontalCardList-TopListItem,
    .extended-breakpoints .HorizontalCardList-Items,
    .extended-breakpoints .HorizontalCardList-Fallback {
        width: 744px;
    }
}

@media (width >=1512px) {

    .extended-breakpoints .HorizontalCardList-Header,
    .extended-breakpoints .HorizontalCardList-TopListItem,
    .extended-breakpoints .HorizontalCardList-Items,
    .extended-breakpoints .HorizontalCardList-Fallback {
        width: 920px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .HorizontalCardList-Content {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCardList-Content {
        gap: calc(var(--spacing) * 48);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .HorizontalCardList-Content .Pagination-Wrapper {
        margin-top: calc(var(--spacing) * 12);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HorizontalCardList-Content .Pagination-Wrapper {
        margin-top: calc(var(--spacing) * 4);
    }
}

.HeroModule {
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
    padding-bottom: calc(var(--spacing) * 20);
}

.HeroModule-ImageWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 3;
}

.HeroModule-ImageWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.HeroModule-ImageWrapper {
    position: relative;
    z-index: 1;
    margin-bottom: calc(var(--spacing) * 0);
    --tw-aspect-h: 1;
}

.HeroModule-ImageWrapper img {
    object-fit: cover;
    object-position: center;
}

.HeroModule-Content {
    max-width: none;
    padding-inline: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .HeroModule-Content {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .HeroModule-Content {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .HeroModule-Content {
        max-width: calc(var(--spacing) * 1036);
    }
}

.HeroModule-Content_withOverlay {
    position: relative;
    z-index: 2;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 0);
    width: 100%;
    max-width: none;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .HeroModule-Content_withOverlay {
        margin-top: -24px;
    }
}

@media (width >=744px) {
    .HeroModule-Content_withOverlay {
        max-width: calc(var(--spacing) * 664);
    }
}

@media (width >=744px) {
    .HeroModule-Content_withOverlay {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .HeroModule-Content_withOverlay {
        margin-top: -48px;
    }
}

@media (width >=1024px) {
    .HeroModule-Content_withOverlay {
        max-width: calc(var(--spacing) * 912);
    }
}

@media (width >=1024px) {
    .HeroModule-Content_withOverlay {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .HeroModule-Content_withOverlay {
        max-width: calc(var(--spacing) * 972);
    }
}

.HeroModule-Content_textCenter {
    text-align: center;
}

.HeroModule-Content_textCenter .HeroModule-Label {
    justify-content: center;
}

.HeroModule .Keyword {
    padding-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

.HeroModule-Title {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .HeroModule-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1024px) {
    .HeroModule-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.HeroModule-Hyperlink:hover .HeroModule-Title {
    text-decoration-line: underline;
}

.HeroModule-Hyperlink_inactiveLink {
    pointer-events: none;
}

.HeroModule-Label {
    display: flex;
    padding-top: calc(var(--spacing) * 12);
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-7);
}

.HeroModule-Divider {
    padding-inline: calc(var(--spacing) * 5);
}

.extended-breakpoints .HeroModule {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none;
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    padding-bottom: calc(var(--spacing) * 20);
}

.extended-breakpoints .HeroModule-Wrapper {
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .extended-breakpoints .HeroModule-Wrapper {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.extended-breakpoints .HeroModule-Content {
    margin-inline: auto;
    width: 100%;
}

@media (width >=1200px) {
    .extended-breakpoints .HeroModule-Content {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroModule-Content {
        max-width: calc(var(--spacing) * 1400);
    }
}

.extended-breakpoints .HeroModule-Content_withOverlay {
    margin-top: -16px;
}

@media (width >=744px) {
    .extended-breakpoints .HeroModule-Content_withOverlay {
        margin-top: -24px;
    }
}

@media (width >=1024px) {
    .extended-breakpoints .HeroModule-Content_withOverlay {
        margin-top: -48px;
    }
}

@media (width >=1024px) {
    .extended-breakpoints .HeroModule-Content_withOverlay {
        max-width: calc(var(--spacing) * 912);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .HeroModule-Content_withOverlay {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroModule-Content_withOverlay {
        margin-top: -56px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroModule-Content_withOverlay {
        max-width: calc(var(--spacing) * 1160);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroModule-Content_withOverlay {
        padding: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroModule .Keyword {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroModule-Title {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .HeroModule-Label {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.Layout {
    max-width: 100%;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .Layout {
        margin: auto;
    }
}

@media (width >=744px) {
    .Layout {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=744px) {
    .Layout {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .Layout {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .Layout {
        max-width: calc(var(--spacing) * 1120);
    }
}

@media (width >=1200px) {
    .Layout {
        padding-inline: calc(var(--spacing) * 42);
    }
}

.Layout-Section {
    min-height: 50vh;
    /* padding-top: calc(var(--spacing) * 16); */
    padding-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .Layout-Section {
        /* padding-top: calc(var(--spacing) * 24); */
    }
}

@media (width >=1024px) {
    .Layout-Section {
        /* padding-top: calc(var(--spacing) * 32); */
    }
}

.Layout-SocialShare {
    display: none;
}

.Layout-SocialLink {
    height: calc(var(--spacing) * 20);
}

.Layout-Register_variant_footer {
    display: block;
}

.Layout-NewsLetter_variant_footer {
    display: none;
}

.Layout-NewsLetter_variant_megaMenu {
    display: block;
}

@media (width >=1200px) {
    .extended-breakpoints .Layout {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .Layout {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Layout {
        max-width: calc(var(--spacing) * 1400);
    }
}

.BasicPage-Wrapper {
    margin-top: calc(var(--spacing) * 40);
    margin-bottom: calc(var(--spacing) * 64);
}

@media (width >=744px) {
    .BasicPage-Wrapper {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=744px) {
    .BasicPage-Wrapper {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .BasicPage-Wrapper {
        margin-top: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .BasicPage-Wrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.BasicPage-Ad {
    margin-top: calc(var(--spacing) * 0);
}

.BasicPage-HeadWrapper {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .BasicPage-HeadWrapper {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.BasicPage-Title {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .BasicPage-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.BasicPage-Title_displayOption_default {
    display: none;
}

@media (width >=744px) {
    .BasicPage-Title_displayOption_default {
        display: block;
    }
}

.BasicPage-Title_displayOption_mobile {
    display: block;
}

@media (width >=744px) {
    .BasicPage-Title_displayOption_mobile {
        display: none;
    }
}

.BasicPage-Summary {
    padding-top: calc(var(--spacing) * 16);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=1024px) {
    .BasicPage-Summary {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .BasicPage-Wrapper {
        margin-top: calc(var(--spacing) * 64);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .BasicPage-Title {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

.EventListTemplate-Breadcrumb {
    display: flex;
    flex-direction: row;
}

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

.EventListTemplate-Body {
    margin-top: calc(var(--spacing) * 32);
}

.EventListTemplate-Pagination {
    margin-top: calc(var(--spacing) * 64);
    margin-bottom: calc(var(--spacing) * 80);
}

.EventListTemplate-NewsletterSignUp {
    margin-top: calc(var(--spacing) * 40);
}

.ListContent-AdTop {
    margin-block: calc(var(--spacing) * 0);
}

.ListContent-AdDynamic {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .ListContent-AdDynamic {
        margin-top: calc(var(--spacing) * 40);
    }
}

.ListContent-Body {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ListContent-Title_featured {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .ListContent-Title_featured {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ListContent-Title_separator {
    margin-top: calc(var(--spacing) * 16);
}

.ListContent-MagazinePreview {
    margin-bottom: calc(var(--spacing) * 40);
}

.ListContent-Content_featured {
    width: 100%;
    padding-bottom: calc(var(--spacing) * 32);
}

.ListContent-ContentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .ListContent-ContentWrapper {
        flex-direction: row;
    }
}

.ListContent-ContentContainer {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .ListContent-ContentContainer {
        flex-direction: row;
    }
}

.ListContent-Pagination {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ListContent-Pagination {
        margin-top: calc(var(--spacing) * 40);
    }
}

.KeywordList-Head {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
}

.KeywordList .ListPreview-Image_publication {
    height: auto;
}

.Search-Ad {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .Search-Ad {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.Search-HeaderText {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=744px) {
    .Search-HeaderText {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .Search-HeaderText {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .Search-HeaderText {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.Search-SearchBarWrapper {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 24);
    width: 100%;
}

@media (width >=1024px) {
    .Search-SearchBarWrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .Search-SearchBarWrapper {
        width: calc(8 / 12 * 100%);
    }
}

.Search-NewsletterSignupPromoWrapper {
    margin-bottom: calc(var(--spacing) * 48);
}

@media (width >=1512px) {
    .extended-breakpoints .Search-HeaderText {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

.SearchFilterButton-ResetButton,
.SearchFilterButton-ApplyButton {
    height: 100%;
    width: 100%;
    justify-content: center;
}

.SearchResult {
    margin-bottom: calc(var(--spacing) * 40);
    display: grid;
    grid-template-columns: 304px 1fr 1fr;
    column-gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .SearchResult {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .SearchResult {
        margin-bottom: calc(var(--spacing) * 80);
    }
}

@media (width >=1200px) {
    .SearchResult {
        grid-template-columns: 324px 1fr 1fr;
    }
}

@media (width >=1200px) {
    .SearchResult {
        column-gap: calc(var(--spacing) * 32);
    }
}

.SearchResult-FilterWrapper {
    grid-column: span 3 / span 3;
    display: none;
    flex-direction: column;
}

@media (width >=1024px) {
    .SearchResult-FilterWrapper {
        grid-column: span 1 / span 1;
    }
}

@media (width >=1024px) {
    .SearchResult-FilterWrapper {
        display: block;
    }
}

@media (width >=1024px) {
    .SearchResult-FilterWrapper {
        display: flex;
    }
}

.SearchResult-ResultsWrapper {
    grid-column: span 3 / span 3;
}

@media (width >=1024px) {
    .SearchResult-ResultsWrapper {
        grid-column: span 2 / span 2;
    }
}

.SearchResult-ResultsSection {
    position: relative;
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .SearchResult-ResultsSection {
        padding-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SearchResult-ResultsSection {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.SearchResult-Loading {
    height: 100%;
    width: 100%;
    padding-block: calc(var(--spacing) * 40);
    text-align: center;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.SearchResult-NotFound {
    height: 100%;
    width: 100%;
    padding-top: calc(var(--spacing) * 16);
}

.SearchResult-NotFoundMessage {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .SearchResult-NotFoundMessage {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.SearchResult-PossibleReasonsList {
    list-style-type: none;
}

.SearchResult-PossibleReason {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
}

:where(.SearchResult-PossibleReason > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 9) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-x-reverse)));
}

.SearchResult-PossibleReason {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.SearchResult-PossibleReason:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .SearchResult-PossibleReason {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.SearchResult-PossibleReasonIcon {
    display: inline-block;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
}

.SearchResult-Content {
    visibility: visible;
}

.SearchResult-Content_loading {
    visibility: hidden;
}

.SearchResult-Ad {
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .SearchResult-Ad {
        padding-block: calc(var(--spacing) * 32);
    }
}

.SearchResult-AdWrapper {
    margin-block: calc(var(--spacing) * 16);
    width: 100vw;
}

@media (width >=1024px) {
    .SearchResult-AdWrapper {
        margin-block: calc(var(--spacing) * 32);
    }
}

.SearchResult-AdContent {
    margin: auto;
    width: 100%;
    background-color: var(--color-gray-1);
}

.SearchResult-AdContent_isWallPaperActive {
    max-width: calc(var(--spacing) * 1120);
}

.SearchResult-ContentPreview:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
}

.SearchResult-ContentPreview:last-child .ListPreview {
    padding-bottom: calc(var(--spacing) * 0);
}

.SearchResult .Pagination-Wrapper {
    padding-top: calc(var(--spacing) * 56);
}

@media (width >=1024px) {
    .SearchResult .Pagination-Wrapper {
        padding-top: calc(var(--spacing) * 64);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .SearchResult {
        grid-template-columns: 356px 1fr 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SearchResult {
        grid-template-columns: 440px 1fr 1fr;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SearchResult {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .extended-breakpoints .SearchResult-ResultsSection {
        padding-bottom: calc(var(--spacing) * 64);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SearchResult-NotFoundMessage {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SearchResult-PossibleReason {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SearchSummary-ResultsDesktopText {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1024px) {
    .extended-breakpoints .Pagination-Wrapper {
        padding-top: calc(var(--spacing) * 0);
    }
}

.SearchSummary-ShowingResultsWrapper {
    display: flex;
    justify-content: center;
}

.SearchSummary-LoadingIndicatorContainer {
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.SeriesListPage-Header {
    margin-top: calc(var(--spacing) * 32);
}

.SeriesListPage-TopAd {
    margin-block: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .SeriesListPage-TopAd {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SeriesListPage-TopAd {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.SeriesListPage-FeaturedContent {
    width: 100%;
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .SeriesListPage-FeaturedContent {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.SeriesListPage-BottomAd {
    margin-top: calc(var(--spacing) * 48);
    margin-bottom: calc(var(--spacing) * 0);
}

.SeriesListPage-LatestContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .SeriesListPage-LatestContent {
        flex-direction: row;
    }
}

.SeriesListPage-LatestContentWrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .SeriesListPage-LatestContentWrapper {
        flex-direction: row;
    }
}

.SeriesListPage-LatestContentItem {
    flex: 1;
}

.SeriesListPage-AdBeforeMainContent2 {
    max-width: calc(var(--spacing) * 680);
}

@media (width >=1512px) {
    .extended-breakpoints .SeriesListPage-SeriesName {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.HomePage {
    margin-bottom: calc(var(--spacing) * 32);
}

.HomePage-Ad {
    margin-top: calc(var(--spacing) * 0);
}

.HomePage-Wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing) * 48);
}

@media (width >=744px) {
    .HomePage-Wrapper {
        row-gap: calc(var(--spacing) * 64);
    }
}

.ArticleBase-AdTop {
    margin-block: calc(var(--spacing) * 0);
}

.ArticleBase-AdBottom {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .ArticleBase-AdBottom {
        margin-top: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .ArticleBase-AdBottom {
        margin-top: calc(var(--spacing) * 48);
    }
}

.ArticleBase-Header {
    margin-bottom: calc(var(--spacing) * 24);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
}

@media (width >=1024px) {
    .ArticleBase-Header {
        margin-bottom: calc(var(--spacing) * 12);
    }
}

@media (width >=1024px) {
    .ArticleBase-Header {
        gap: 10px;
    }
}

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

.ArticleBase-Topics::-webkit-scrollbar {
    display: none;
}

.ArticleBase-Topics {
    display: flex;
    flex-direction: row;
}

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

.ArticleBase-Topics {
    overflow-x: auto;
}

.ArticleBase-Topic {
    white-space: nowrap;
}

.ArticleBase-HeaderTitle {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    color: var(--color-black);
}

@media (width >=1024px) {
    .ArticleBase-HeaderTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.ArticleBase-DefaultTitle,
.ArticleBase-LargeTitle {
    /* display: none; */
}
@media (width < 744px) {
    .ArticleBase-HeaderTitle{
        margin-top: 15px;
        margin-bottom: 0 !important;
    }
    .ArticleBase-Header{
        margin-bottom: 10px;
    }
    .ContentText_variant_h2{
        margin-bottom: 10px;
    }
}

@media (width >=744px) {
    .ArticleBase-LargeTitle {
        display: block;
    }
}

.ArticleBase-MobileTitle {
    display: block;
}

@media (width >=744px) {
    .ArticleBase-MobileTitle {
        display: none;
    }
}

.ArticleBase-HeaderSummary {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .ArticleBase-HeaderSummary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ArticleBase-BodyContent {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 48);
}

@media (width >=744px) {
    .ArticleBase-BodyContent {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .ArticleBase-BodyContent {
        margin-top: calc(var(--spacing) * 40);
    }
}

.ArticleBase-Weather {
    margin-top: calc(var(--spacing) * 32);
    display: flex;
    justify-content: center;
}

.ArticleBase-Contributors {
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    justify-content: space-between;
}

@media (width >=1024px) {
    .ArticleBase-Contributors {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.ArticleBase-Download {
    margin-bottom: calc(var(--spacing) * 32);
}

.ArticleBase-Download_buttonSection {
    margin-top: calc(var(--spacing) * 32);
}

.ArticleBase-Sponsor {
    margin-bottom: calc(var(--spacing) * 32);
}

.ArticleBase-Disclaimer {
    margin-bottom: calc(var(--spacing) * 16);
    font-style: italic;
}

.ArticleBase-More {
    margin-bottom: calc(var(--spacing) * 32);
}

.ArticleBase-MoreTitle {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.ArticleBase-ContributorsWrapper {
    margin-bottom: calc(var(--spacing) * 40);
}

.ArticleBase-ContributorsTitle {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .ArticleBase-ContributorsTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticleBase-Footer {
    margin-bottom: calc(var(--spacing) * 40);
}

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

@media (width >=1024px) {
    .ArticleBase-Footer {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.ArticleBase-AdSponsored {
    display: grid;
}

.ArticleBase-Keywords {
    margin-right: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
}

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

.ArticleBase-SponsoredTitle {
    margin-top: calc(var(--spacing) * 40);
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ArticleBase-SponsoredTitle {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

.ArticleBase-SponsoredContent {
    margin-bottom: calc(var(--spacing) * 32);
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.ArticleBase-FeaturedImageWrapper {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ArticleBase-FeaturedImageWrapper {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ArticleBase-FeaturedImageWrapper .GatingSection-GatingControls {
    padding: calc(var(--spacing) * 24);
    background-color: #000000b3;
}

.ArticleBase-FeaturedImageWrapper .GatingSection-GatingMessage {
    white-space: pre-line;
}

.ArticleBase-FeaturedImage {
    max-height: 100%;
    overflow: hidden;
    object-fit: scale-down;
}

.ArticleBase-FeaturedImage_dark {
    --tw-brightness: brightness(0.3);
    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);
}

@media (width >=1024px) {
    .ArticleBase-Panels .Panels-Wrapper_Count_4 .PanelCard {
        flex-basis: 50%;
    }
}

.ArticleBase .EventList {
    margin-top: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .ArticleBase .EventList {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .ArticleBase .EventInternalBanner {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ArticleBase .EventInternalBanner-ContentWrapper {
        margin-left: calc(var(--spacing) * 40);
    }
}

.ArticleBase .EventInternalBanner-Title {
    margin-bottom: calc(var(--spacing) * 8);
}

@media (width >=1024px) {
    .ArticleBase .EventInternalBanner-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.ArticleBase .EventInternalBanner-Description {
    display: block;
}

.ArticleBase .EventInternalBanner-EventLocation,
.ArticleBase .EventInternalBanner-EventDate,
.ArticleBase .EventInternalBanner-Separator {
    padding: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-HeaderTitle {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .ArticleBase-HeaderSummary,
    .extended-breakpoints .ArticleBase-MoreTitle {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-ContributorsTitle {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

@media (width >=1512px) {
    :where(.extended-breakpoints .ArticleBase-ContributorsSummary > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-AdSponsored {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-BodySummary {
        margin-inline: auto;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-BodySummary {
        margin-left: calc(var(--spacing) * 88);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-BodySummary {
        width: 100%;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-BodySummary {
        max-width: calc(var(--spacing) * 744);
    }
}

@media (width >=1200px) {

    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h1,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h2,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h3,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h4,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h5 {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h1,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h2,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h3,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h4,
    .extended-breakpoints .ArticleBase-Body .ContentText_variant_h5 {
        padding-inline: calc(var(--spacing) * 88);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ArticleBase-BodyContent .ContentParagraph:not(.Table .ContentParagraph) {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleBase-BodyContent .ContentParagraph:not(.Table .ContentParagraph) {
        padding-inline: calc(var(--spacing) * 88);
    }
}

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

.ArticleJournal-JournalButton {
    display: flex;
    justify-content: center;
}

.ArticleJournal-JournalButton .Button-Icon {
    background-color: var(--color-black);
}

.ArticlePodcast-Media {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ArticlePodcast-Media {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ArticlePodcast-FeaturedImage .CaptionedContent-Content {
    height: 200px;
    --tw-aspect-h: 1;
}

.ArticlePodcast-FeaturedImage .ArticleBase-FeaturedImage {
    object-fit: cover;
}

.ArticlePodcast-FeaturedImage .GatingSection-GatingControls {
    padding-top: calc(var(--spacing) * 24);
}

.ArticleRecipe-ContributorsContainer {
    margin-top: calc(var(--spacing) * 8);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--color-gray-2);
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 24);
}

.ArticleRecipe-ContributorsContainer span {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ArticleRecipe-ContributorsContainer span {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticleRecipe-ContributorsContainer ul {
    margin-top: calc(var(--spacing) * 12);
    list-style-type: disc;
    padding-left: calc(var(--spacing) * 14);
    font-family: var(--font-secondary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    color: var(--color-gray-9);
}

.ArticleRecipe-ContributorsContainer ul li+li {
    margin-top: calc(var(--spacing) * 10);
}

.ArticleRecipe-InfoContainer {
    margin-top: calc(var(--spacing) * 40);
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 8);
}

@media (width >=1024px) {
    .ArticleRecipe-InfoContainer {
        flex-wrap: nowrap;
    }
}

.ArticleRecipe-InfoContainer_isNotFull {
    justify-content: center;
    gap: calc(var(--spacing) * 24);
}

.ArticleRecipe-InfoContainer div {
    flex: 0 auto;
    padding-block: calc(var(--spacing) * 16);
    text-align: center;
}

.ArticleRecipe-InfoContainer div hr {
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 2);
    width: 94.5px;
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-gray-2);
}

.ArticleRecipe-InfoContainer div>ul>li,
.ArticleRecipe-InfoContainer div:first-child>span:last-child {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-6);
    text-transform: capitalize;
}

.ArticleRecipe-InfoTitle {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-8);
}

.ArticleRecipe-IngredientsContainer {
    margin-bottom: calc(var(--spacing) * 32);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--color-gray-2);
    background-color: var(--color-gray-1);
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    .ArticleRecipe-IngredientsContainer {
        padding-block: calc(var(--spacing) * 24);
    }
}

.ArticleRecipe-IngredientsContainer h2 {
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ArticleRecipe-IngredientsContainer h2 {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticleRecipe-StepsContainer {
    margin-bottom: calc(var(--spacing) * 40);
}

.ArticleRecipe-StepsContainer h2 {
    font-family: var(--font-secondary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ArticleRecipe-StepsContainer h2 {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticleRecipe-TipsContainer {
    margin-bottom: calc(var(--spacing) * 56);
}

.ArticleRecipe-TipsContainer h2 {
    font-family: var(--font-secondary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ArticleRecipe-TipsContainer h2 {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticleBase-Body .ArticleBase-BodyContent_Recipe {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 32);
}

.ArticleSlideshow-CTAWrapper {
    margin-top: calc(var(--spacing) * 32);
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (width >=1024px) {
    .ArticleSlideshow-CTAWrapper {
        margin-top: calc(var(--spacing) * 40);
    }
}

.ArticleSlideshow-CarouselButton {
    margin-bottom: calc(var(--spacing) * 48);
    display: flex;
    justify-content: center;
}

@media (width >=744px) {
    .ArticleSlideshow-CarouselButton {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.ArticleSlideshow-Overlay {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

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

.ArticleSlideshow-Overlay::-webkit-scrollbar {
    display: none;
}

.ArticleSlideshow-Overlay {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    overflow: auto;
}

.ArticleSlideshow-Wrapper {
    max-width: 100%;
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .ArticleSlideshow-Wrapper {
        margin-inline: auto;
    }
}

@media (width >=744px) {
    .ArticleSlideshow-Wrapper {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=744px) {
    .ArticleSlideshow-Wrapper {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .ArticleSlideshow-Wrapper {
        padding-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ArticleSlideshow-Wrapper {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1024px) {
    .ArticleSlideshow-Wrapper {
        padding-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .ArticleSlideshow-Wrapper {
        max-width: calc(var(--spacing) * 1120);
    }
}

@media (width >=1200px) {
    .ArticleSlideshow-Wrapper {
        padding-inline: calc(var(--spacing) * 42) !important;
    }
}

.ArticleSlideshow-Wrapper_withoutScroll {
    height: max-content;
}

.ArticleSlideshow-Header {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ArticleSlideshow-HeaderAd {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ArticleSlideshow-HeaderAd {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ArticleSlideshow-HeaderTitleWrapper {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ArticleSlideshow-HeaderTitle {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
}

@media (width >=1024px) {
    .ArticleSlideshow-HeaderTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticleSlideshow-CloseButton {
    margin-left: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 18);
}

@media (width >=744px) {
    .ArticleSlideshow-CloseButton {
        margin-left: calc(var(--spacing) * 24);
    }
}

.ArticleSlideshow-CloseIcon {
    display: inline-block;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    background-color: var(--color-white);
}

.ArticleSlideshow-SidebarAd {
    margin-top: calc(var(--spacing) * 64);
}

.ArticleSlideshow-Body {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ArticleSlideshow-Contributors {
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ArticleSlideshow-Media {
    position: relative;
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ArticleSlideshow-Media {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ArticleSlideshow-HeaderTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleSlideshow-HeaderTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ArticleSlideshow-Wrapper {
        max-width: calc(var(--spacing) * 1132);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ArticleSlideshow-Wrapper {
        padding-inline: calc(var(--spacing) * 0) !important;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleSlideshow-Wrapper {
        max-width: calc(var(--spacing) * 1400);
    }
}

.ArticleVideo-Media {
    position: relative;
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ArticleVideo-Media {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ArticleVideo-GatedVideoLayout {
    position: absolute;
    top: calc(var(--spacing) * 0);
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.ArticleVideo-GatedVideoOverlay {
    height: 100%;
    width: 100%;
    background-color: var(--color-black);
    opacity: 40%;
}

.ArticleVideo-GatedVideoButton {
    position: absolute;
}

.ArticleVideo-GatedVideoButton_paid {
    position: relative;
}

.ArticleVideo-FeatureImageWrapper {
    height: 100%;
    width: 100%;
}

.ArticleWebinar-CTAWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ArticleWebinar-CTAButton {
    margin-top: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 28);
    padding-block: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.ArticleWebinar-WebinarSection {
    margin-bottom: calc(var(--spacing) * 32);
}

.ArticleWebinar-Speaker {
    margin-top: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .ArticleWebinar-Speaker {
        margin-top: calc(var(--spacing) * 40);
    }
}

.ArticleWebinar-Media {
    position: relative;
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ArticleWebinar-Media {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ArticleWebinar-Media-Overlay {
    position: absolute;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #00000080;
    color: var(--color-white);
}

.ArticleWebinar-Media-Overlay-Content {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
}

.ArticleWebinar-Media-Overlay-Content-Button {
    cursor: pointer;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    text-decoration-line: underline;
}

.ArticleWebinar-GatingFormTitle {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    color: var(--color-gray-9);
}

.ArticleWebinar-GatingFormSubtitle {
    margin-bottom: calc(var(--spacing) * 40);
    text-align: center;
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-error);
}

.ArticleWebinar-PurchaseSuccessTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    color: var(--color-gray-9);
}

.ArticleWebinar-PurchaseSuccessSubtitle {
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-gray-8);
}

.ArticleWebinar-Login {
    margin-top: calc(var(--spacing) * -32);
}

.extended-breakpoints .ArticleWebinar .ArticleBase-Download {
    margin-bottom: calc(var(--spacing) * 40);
}

.GatingSection-GatingInfo {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 24);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 24);
    font-family: var(--font-secondary);
}

@media (width >=744px) {
    .GatingSection-GatingInfo {
        gap: calc(var(--spacing) * 32);
    }
}

.GatingSection-Margins {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 40);
}

.GatingSection-GatingButton,
.GatingSection-GatingTitle,
.GatingSection-GatingMessage {
    display: flex;
    justify-content: center;
    text-align: center;
}

.GatingSection-GatingVerbiage,
.GatingSection-ControlButtons {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 12);
}

.GatingSection-GatingControls {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 24);
}

.GatingSection-GatingTitle {
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .GatingSection-GatingTitle {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.GatingSection-GatingMessage {
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .GatingSection-GatingMessage {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.GatingSection-OverlayGatingVerbiage {
    display: none;
}

@media (width >=744px) {
    .GatingSection-OverlayGatingVerbiage {
        display: flex;
    }
}

.GatingSection-GatingButton {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (width >=1512px) {
    .extended-breakpoints .GatingSection-GatingTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GatingSection-GatingMessage {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GatingSection-GatingVerbiage {
        gap: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .GatingSection-GatingControls {
        gap: calc(var(--spacing) * 32);
    }
}

:where(.ArticleMultiSection .TwoColumnLayout-Content > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
}

.ArticleMultiSection .TwoColumnLayout-Sidebar {
    display: none;
}

.ArticleMultiSectionBody-Body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: calc(var(--spacing) * 100);
}

.ArticleMultiSectionBody-Overlay {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    background-color: var(--color-black);
    opacity: 70%;
}

.ArticleMultiSectionBody-SectionContainer {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ArticleMultiSectionBody-GatingContainer {
    width: 100%;
    padding-inline: calc(var(--spacing) * 20);
}

.ArticleMultiSectionBody-SectionWrapper,
.ArticleMultiSectionBody-GatingContainer {
    width: calc(var(--spacing) * 370);
}

@media (width >=744px) {

    .ArticleMultiSectionBody-SectionWrapper,
    .ArticleMultiSectionBody-GatingContainer {
        width: calc(var(--spacing) * 736);
    }
}

@media (width >=1024px) {

    .ArticleMultiSectionBody-SectionWrapper,
    .ArticleMultiSectionBody-GatingContainer {
        width: calc(var(--spacing) * 672);
    }
}

@media (width >=1200px) {

    .ArticleMultiSectionBody-SectionWrapper,
    .ArticleMultiSectionBody-GatingContainer {
        width: calc(var(--spacing) * 720);
    }
}

.ArticleMultiSectionBody-SectionItem {
    padding-inline: calc(var(--spacing) * 20);
}

.ArticleMultiSectionBody-SectionTitle {
    padding-block: calc(var(--spacing) * 32);
    font-family: var(--font-secondary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-leading: var(--leading-9);
    line-height: var(--leading-9);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
}

@media (width >=1024px) {
    .ArticleMultiSectionBody-SectionTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ArticleMultiSectionBody-SectionAd {
    padding-block: calc(var(--spacing) * 32);
}

@media (width >=1200px) {

    .extended-breakpoints .ArticleMultiSectionBody-SectionWrapper,
    .extended-breakpoints .ArticleMultiSectionBody-GatingContainer {
        width: calc(var(--spacing) * 784);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .ArticleMultiSectionBody-SectionWrapper,
    .extended-breakpoints .ArticleMultiSectionBody-GatingContainer {
        width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ArticleMultiSectionBody-SectionTitle {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleMultiSectionBody-SectionTitle {
        padding-block: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleMultiSectionBody-SectionTitle {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ArticleMultiSectionBody-SectionItem .ContentParagraph {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.CookiePolicy-Heading {
    font-size: var(--text-tx36);
    line-height: var(--tw-leading, var(--text-tx36--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.CookiePolicy-SubHeading {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.CookiePolicy-Paragraph {
    margin-block: calc(var(--spacing) * 20);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.CookiePolicy-Link {
    text-decoration-line: underline;
}

.CookiePolicy-CookieList {
    margin-bottom: calc(var(--spacing) * 20);
}

.CookiePolicy-CookieSettingsButton {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #68b631;
    padding-inline: calc(var(--spacing) * 25);
    padding-block: calc(var(--spacing) * 10);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: #68b631;
}

.UserProfileBlock {
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
    flex: 1;
    align-items: flex-end;
    justify-content: space-between;
}

@media (width >=1024px) {
    .UserProfileBlock {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .UserProfileBlock {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.UserProfileEdit {
    height: 100%;
    width: 100%;
}

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

.UserProfileEdit-ReadOnlyValue {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.UserProfileEdit-Wrapper {
    position: relative;
    margin: auto;
    height: 100%;
    background-color: var(--color-white);
}

@media (width >=744px) {
    .UserProfileEdit-FieldGroup {
        width: 50%;
    }
}

.UserProfileEdit-PreviewActionButtons {
    margin-top: calc(var(--spacing) * 32);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .UserProfileEdit-PreviewActionButtons {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .UserProfileEdit-PreviewActionButtons {
        justify-content: space-between;
    }
}

@media (width >=744px) {
    .UserProfileEdit-PreviewActionButtons {
        padding-right: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .UserProfileEdit-PreviewActionButtons {
        padding-left: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .UserProfileEdit-PreviewActionButtons {
        margin-top: calc(var(--spacing) * 56);
    }
}

.UserProfileEdit-DeactivateMessage {
    margin-bottom: calc(var(--spacing) * 16);
    --tw-leading: var(--leading-8);
    line-height: var(--leading-8);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=744px) {
    .UserProfileEdit-DeactivateMessage {
        margin-bottom: calc(var(--spacing) * 4);
    }
}

.UserProfileEdit-EditActionButtons {
    margin-top: calc(var(--spacing) * 40);
    display: flex;
}

:where(.UserProfileEdit-EditActionButtons > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
}

:where(.UserProfileEdit-Row > :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)));
}

@media (width >=744px) {
    .UserProfileEdit-Row {
        display: flex;
    }
}

@media (width >=744px) {
    :where(.UserProfileEdit-Row > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=744px) {
    :where(.UserProfileEdit-Row > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
    }
}

.UserProfileEdit-ErrorInput {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-danger);
}

.UserProfileEdit-LabelInput {
    color: var(--color-danger);
}

.UserProfileEdit-Submitting {
    padding-block: calc(var(--spacing) * 40);
    text-align: center;
}

.UserProfileEdit-Content {
    display: block;
}

.UserProfileEdit-Content_hidden {
    display: none;
}

.UserProfileEdit-AccountDetails_isSocialLogin {
    margin-bottom: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .UserProfileEdit-AccountDetails_isSocialLogin {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .UserProfileEdit {
        margin-inline: auto;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .UserProfileEdit {
        width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .UserProfileEdit {
        width: calc(var(--spacing) * 920);
    }
}

.UserProfileFieldWrapper_hasSpacing {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
}

.UserProfileFieldWrapper_hasSpacing {
    margin-bottom: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 24);
}

.UserProfileFormHeading {
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
}

@media (width >=1024px) {
    .UserProfileFormHeading {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.UserProfileFormHeading-Title {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .UserProfileFormHeading-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .UserProfileFormHeading {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .UserProfileFormHeading-Title {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

.UserProfilePreview {
    height: 100%;
    width: 100%;
}

.UserProfilePreview-GroupTitle {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.UserProfilePreview-Row {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.UserProfilePreview-Wrapper {
    position: relative;
    margin: auto;
    height: 100%;
    background-color: var(--color-white);
}

.UserProfilePreview-AccountDetails_isSocialLogin {
    margin-bottom: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .UserProfilePreview-AccountDetails_isSocialLogin {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .UserProfilePreview {
        margin-inline: auto;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .UserProfilePreview {
        width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .UserProfilePreview {
        width: calc(var(--spacing) * 920);
    }
}

.UserProfileSectionHeading {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .UserProfileSectionHeading {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .UserProfileSectionHeading {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

.SocialLoginNotice {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 48);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.SocialLoginNotice-AccountType {
    text-transform: capitalize;
}

.WeatherLandingPage-TopAd {
    margin-block: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .WeatherLandingPage-TopAd {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .WeatherLandingPage-TopAd {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.WeatherLandingPage-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

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

.WeatherLandingPage-Header {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .WeatherLandingPage-Header {
        flex-wrap: nowrap;
    }
}

@media (width >=1024px) {
    .WeatherLandingPage-Header {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .WeatherLandingPage-Header {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.WeatherLandingPage-Header_isShowSponsorRender .WeatherLandingPage-Title {
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .WeatherLandingPage-Header_isShowSponsorRender .WeatherLandingPage-Title {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.WeatherLandingPage-Title {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .WeatherLandingPage-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.WeatherLandingPage-SponsorAdsWrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .WeatherLandingPage-SponsorAdsWrapper {
        width: auto;
    }
}

@media (width >=744px) {
    .WeatherLandingPage-SponsorAdsWrapper {
        padding-inline: calc(var(--spacing) * 0);
    }
}

.WeatherLandingPage-SponsorAds {
    width: auto;
}

.WeatherLandingPage-BroughtToTitle {
    margin-inline: auto;
    margin-right: calc(var(--spacing) * 12);
    margin-left: calc(var(--spacing) * 0);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .WeatherLandingPage-BroughtToTitle {
        margin-left: calc(var(--spacing) * 32);
    }
}

.WeatherLandingPage-Body {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.WeatherLandingPage-Next24HoursWeatherWrapper {
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .WeatherLandingPage-Next24HoursWeatherWrapper {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .WeatherLandingPage-Next24HoursWeatherWrapper {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.WeatherLandingPage-HourlyForecastWrapper {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .WeatherLandingPage-HourlyForecastWrapper {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.WeatherLandingPage-ExtendedForecast {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .WeatherLandingPage-ExtendedForecast {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.WeatherLandingPage-AgricultureWeatherWrapper {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .WeatherLandingPage-AgricultureWeatherWrapper {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.WeatherLandingPage-NewsletterSignup {
    margin-inline: calc(var(--spacing) * -16);
    margin-top: calc(var(--spacing) * 56);
    margin-bottom: calc(var(--spacing) * 64);
    --tw-border-style: none;
    border-style: none;
}

@media (width >=744px) {
    .WeatherLandingPage-NewsletterSignup {
        margin-inline: -100vh;
    }
}

@media (width >=744px) {
    .WeatherLandingPage-NewsletterSignup {
        margin-top: calc(var(--spacing) * 56);
    }
}

@media (width >=744px) {
    .WeatherLandingPage-NewsletterSignup {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .WeatherLandingPage-NewsletterSignup {
        margin-top: calc(var(--spacing) * 48);
    }
}

.WeatherLandingPage-BodyAd {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .WeatherLandingPage-BodyAd {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.CurrentWeatherInfo-Header {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .CurrentWeatherInfo-Header {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .CurrentWeatherInfo-Header {
        align-items: center;
    }
}

.CurrentWeatherInfo-Location {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .CurrentWeatherInfo-Location {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.CurrentWeatherInfo-ForecastedDay {
    margin-top: calc(var(--spacing) * 8);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .CurrentWeatherInfo-ForecastedDay {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .CurrentWeatherInfo-ForecastedDay {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.CurrentWeatherInfo-ChangeLocationContainer {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .CurrentWeatherInfo-ChangeLocationContainer {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

.CurrentWeatherInfo-ChangeLocationInput {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
}

.CurrentWeatherInfo-WeatherInfo {
    margin-bottom: calc(var(--spacing) * 32);
}

.CurrentWeatherInfo-Map {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .CurrentWeatherInfo-Map {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.Next24HourWeatherCard {
    margin-bottom: calc(var(--spacing) * 24);
    border-style: var(--tw-border-style);
    border-width: 1px;
}

@media (width >=744px) {
    .Next24HourWeatherCard {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.Next24HourWeatherCard-Header {
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.Next24HourWeatherCard-Body {
    padding: calc(var(--spacing) * 16);
}

.Next24HourWeatherCard-ConditionIcon {
    float: right;
    height: calc(var(--spacing) * 60);
    width: calc(var(--spacing) * 60);
}

.Next24HourWeatherCard-TemperatureLevel {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.Next24HourWeatherCard-Temperature {
    font-size: var(--text-tx36);
    line-height: var(--tw-leading, var(--text-tx36--line-height));
}

.Next24HourWeatherCard-Condition {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.Next24HourWeatherCard-PrecipitationWrapper {
    margin-top: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.Next24HourWeather-Header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .Next24HourWeather-Header {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.Next24HourWeather-Body {
    margin-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .Next24HourWeather-Body {
        display: grid;
    }
}

@media (width >=744px) {
    .Next24HourWeather-Body {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .Next24HourWeather-Body {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .Next24HourWeather-Body {
        margin-top: calc(var(--spacing) * 32);
    }
}

.HourlyForecastCard {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
}

.HourlyForecastCard-Temperature {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.HourlyForecastCard-ConditionIcon {
    margin-bottom: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
}

.HourlyForecastCard-WeatherIcon {
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
}

.HourlyForecastCard-Time {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.HourlyForecastCard-Wind {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.HourlyForecastCard-WindIcon {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 14);
}

.HourlyForecastCard-Precipitation {
    display: flex;
    align-items: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.HourlyForecastCard-PrecipitationIcon {
    margin-right: calc(var(--spacing) * 4);
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 9);
}

.HourlyForecast-Header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .HourlyForecast-Header {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.HourlyForecast-Body {
    margin-top: calc(var(--spacing) * 32);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .HourlyForecast-Body {
        padding-inline: calc(var(--spacing) * 20);
    }
}

@media (width >=1024px) {
    .HourlyForecast-Body {
        padding-inline: calc(var(--spacing) * 19);
    }
}

@media (width >=1200px) {
    .HourlyForecast-Body {
        padding-inline: calc(var(--spacing) * 18);
    }
}

.CurrentWeather {
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .CurrentWeather {
        padding-bottom: calc(var(--spacing) * 16);
    }
}

.CurrentWeather-Header {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    justify-content: space-between;
}

.CurrentWeather-Temperature {
    font-size: var(--text-tx56);
    line-height: var(--tw-leading, var(--text-tx56--line-height));
}

.CurrentWeather-FeelLikeTemperature {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.CurrentWeather-Condition {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.CurrentWeather-ConditionIcon {
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
}

.CurrentWeather-Body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 34);
}

@media (width >=744px) {
    .CurrentWeather-Body {
        display: grid;
    }
}

.CurrentWeather-Column {
    margin-bottom: calc(var(--spacing) * 16);
}

.CurrentWeather-Column:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .CurrentWeather-Column {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.CurrentWeather-Row {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    justify-content: space-between;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 8);
}

.CurrentWeather-Row:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

.CurrentWeather-TitleCell,
.CurrentWeather-ValueCell {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .WeatherHomepage {
        display: flex;
    }
}

@media (width >=1024px) {
    :where(.WeatherHomepage > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=1200px) {
    :where(.WeatherHomepage > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 32) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-x-reverse)));
    }
}

.WeatherHomepage-Widgets {
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
    flex-direction: column;
    align-items: center;
}

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

@media (width >=1024px) {
    .WeatherHomepage-Widgets {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.WeatherHomepage-WeatherWidget {
    display: flex;
    height: fit-content;
    height: var(--spacing-fit);
    width: 100%;
    justify-content: center;
}

@media (width >=1024px) {
    .WeatherHomepage-WeatherWidget {
        width: calc(var(--spacing) * 304);
    }
}

@media (width >=1200px) {
    .WeatherHomepage-WeatherWidget {
        width: calc(var(--spacing) * 324);
    }
}

@media (width >=1024px) {
    .WeatherHomepage-CommodityPrices {
        flex: 1;
    }
}

.MarketDataThirdLevel-TopAd {
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .MarketDataThirdLevel-TopAd {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MarketDataThirdLevel-TopAd {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.MarketDataThirdLevel-TitleWrapper {
    margin-top: calc(var(--spacing) * 24);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
    text-align: center;
}

@media (width >=744px) {
    .MarketDataThirdLevel-TitleWrapper {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .MarketDataThirdLevel-TitleWrapper {
        margin-top: calc(var(--spacing) * 32);
    }
}

.MarketDataThirdLevel-Title {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .MarketDataThirdLevel-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.MarketDataThirdLevel-SponsorAdsWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.MarketDataThirdLevel-SponsorByText {
    margin-right: calc(var(--spacing) * 12);
    margin-left: calc(var(--spacing) * 32);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.MarketDataThirdLevel-SubTitle {
    margin-top: calc(var(--spacing) * 16);
    width: 100%;
    padding-bottom: calc(var(--spacing) * 24);
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .MarketDataThirdLevel-SubTitle {
        padding-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .MarketDataThirdLevel-SubTitle {
        padding-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .MarketDataThirdLevel-SubTitle {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.MarketDataThirdLevel-BodyAd {
    margin-top: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .MarketDataThirdLevel-BodyAd {
        margin-top: calc(var(--spacing) * 48);
    }
}

.MarketDataThirdLevel-ChangeLocation {
    margin-top: calc(var(--spacing) * 48);
}

.MarketDataThirdLevel-Newsletter {
    margin-inline: calc(var(--spacing) * -16);
    margin-top: calc(var(--spacing) * 56);
    --tw-border-style: none;
    border-style: none;
}

@media (width >=744px) {
    .MarketDataThirdLevel-Newsletter {
        margin-inline: -100vh;
    }
}

@media (width >=744px) {
    .MarketDataThirdLevel-Newsletter {
        margin-top: calc(var(--spacing) * 80);
    }
}

.MarketDataThirdLevel-BottomAd {
    margin-top: calc(var(--spacing) * 64);
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .MarketDataThirdLevel-BottomAd {
        margin-top: calc(var(--spacing) * 48);
    }
}

.MarketDataThirdLevel-CommodityPrices {
    margin-top: calc(var(--spacing) * 48);
}

.ContractDate {
    display: block;
    width: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    .ContractDate {
        display: flex;
    }
}

.ContractDate-Title {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.ContractDate-DateSelect {
    margin-top: calc(var(--spacing) * 8);
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-block: calc(var(--spacing) * 8);
    padding-left: calc(var(--spacing) * 12);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {
    .ContractDate-DateSelect {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .ContractDate-DateSelect {
        margin-left: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .ContractDate-DateSelect {
        width: auto;
    }
}

@media (width >=744px) {
    .ContractDate-DateSelect {
        max-width: calc(var(--spacing) * 330);
    }
}

.HistoricalPrice {
    margin-top: calc(var(--spacing) * 44);
    border-style: var(--tw-border-style);
    border-width: 1px;
}

.HistoricalPrice-Title {
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 12);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.HistoricalPrice-Barchart {
    width: 100%;
    padding-bottom: calc(var(--spacing) * 16);
}

.MarketNavigation {
    margin-top: calc(var(--spacing) * 48);
    margin-bottom: calc(var(--spacing) * 56);
}

.MarketNavigation-Title {
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 12);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

.MarketNavigation-NavigationWrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
    row-gap: calc(var(--spacing) * 32);
    padding-top: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .MarketNavigation-NavigationWrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (width >=1200px) {
    .MarketNavigation-NavigationWrapper {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.MarketNavigation-NavigationItemTitle {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.MarketNavigation-NavigationSubItemsWrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (width >=744px) {
    .MarketNavigation-NavigationSubItemsWrapper {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.MarketNavigation-NavigationSubItem {
    display: block;
    padding-top: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.OverViewPrice {
    margin-top: calc(var(--spacing) * 32);
    display: grid;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .OverViewPrice {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.OverViewPrice-PriceDetailsColumn {
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 24);
    padding-top: calc(var(--spacing) * 16);
}

.OverViewPrice-PriceDetailsRow {
    display: flex;
    align-items: center;
    padding-bottom: calc(var(--spacing) * 8);
}

.OverViewPrice-LastPrice {
    display: flex;
    align-items: center;
}

.OverViewPrice-LastPriceValue {
    font-size: var(--text-tx30);
    line-height: var(--tw-leading, var(--text-tx30--line-height));
}

.OverViewPrice-LastPriceIcon {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    vertical-align: middle;
}

.OverViewPrice-MarketStatus {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.OverViewPrice-MarketStatusIcon {
    margin-right: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    border-radius: calc(infinity * 1px);
}

.OverViewPrice-MarketStatusText {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.OverViewPrice-PriceNetChangeLabel {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.OverViewPrice-PriceNetChange {
    margin-left: auto;
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.OverViewPrice-PriceDetailsLeftCell {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.OverViewPrice-PriceDetailsRightCell {
    margin-left: auto;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.OverViewPrice-PriceChangeColumn {
    overflow-x: auto;
    border-style: var(--tw-border-style);
    border-width: 1px;
    white-space: nowrap;
}

.OverViewPrice-PriceChangeTable {
    height: 100%;
    width: 100%;
}

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

.OverViewPrice-PriceChangeTitleCell {
    padding-left: calc(var(--spacing) * 12);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.OverViewPrice-PriceChangeValueCell {
    display: flex;
    flex-direction: column;
    justify-items: center;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 16);
}

.OverViewPrice-PriceChangeLabel {
    text-align: center;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.OverViewPrice-PriceChangeValue {
    text-align: center;
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.MarketDataLandingPage-TopAd {
    margin-block: calc(var(--spacing) * 0);
}

.MarketDataLandingPage-ContentWrapper {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .MarketDataLandingPage-ContentWrapper {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .MarketDataLandingPage-ContentWrapper {
        padding-block: calc(var(--spacing) * 32);
    }
}

.MarketDataLandingPage-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

.MarketDataLandingPage-Description {
    margin-top: calc(var(--spacing) * 12);
    padding-bottom: calc(var(--spacing) * 8);
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .MarketDataLandingPage-Description {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .MarketDataLandingPage-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.MarketDataLandingPage-LastUpdate {
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.MarketDataLandingPage-ChangeLocation {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 32);
    width: 100%;
}

@media (width >=1024px) {
    .MarketDataLandingPage-ChangeLocation {
        width: calc(var(--spacing) * 632);
    }
}

@media (width >=1200px) {
    .MarketDataLandingPage-ChangeLocation {
        width: calc(var(--spacing) * 680);
    }
}

.MarketDataLandingPage-ChangeLocation_level2 {
    margin-top: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .MarketDataLandingPage-ChangeLocation_level2 {
        margin-top: calc(var(--spacing) * 56);
    }
}

.MarketDataLandingPage-CommodityPrices {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 40);
    display: flex;
    width: 100%;
    justify-content: center;
}

@media (width >=1024px) {
    .MarketDataLandingPage-CommodityPrices {
        width: calc(var(--spacing) * 632);
    }
}

@media (width >=1200px) {
    .MarketDataLandingPage-CommodityPrices {
        width: calc(var(--spacing) * 680);
    }
}

@media (width >=744px) {
    .MarketDataLandingPage-CommodityPrices:not(.MarketDataLandingPage-CommodityPrices_isFirst) {
        margin-top: calc(var(--spacing) * 56);
    }
}

.MarketDataLandingPage-AdBlock {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .MarketDataLandingPage-AdBlock {
        margin-top: calc(var(--spacing) * 32);
    }
}

.MarketDataLandingPage-Newsletter {
    margin-inline: calc(var(--spacing) * -32);
    margin-top: calc(var(--spacing) * 56);
    margin-bottom: calc(var(--spacing) * 64);
    --tw-border-style: none;
    border-style: none;
}

@media (width >=744px) {
    .MarketDataLandingPage-Newsletter {
        margin-inline: -100vh;
    }
}

@media (width >=744px) {
    .MarketDataLandingPage-Newsletter {
        margin-top: calc(var(--spacing) * 80);
    }
}

@media (width >=744px) {
    .MarketDataLandingPage-Newsletter {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.TitleHeader {
    width: 100%;
    padding-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 8);
}

@media (width >=1024px) {
    .TitleHeader {
        padding-bottom: calc(var(--spacing) * 24);
    }
}

.TitleHeader-TitleWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
    text-align: center;
}

@media (width >=744px) {
    .TitleHeader-TitleWrapper {
        flex-direction: row;
    }
}

.TitleHeader-Title {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .TitleHeader-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.TitleHeader-SponsorAdsWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.TitleHeader-SponsorByText {
    margin-right: calc(var(--spacing) * 12);
    margin-left: calc(var(--spacing) * 32);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.TitleHeader-MoreTopicsWrapper {
    position: relative;
    display: flex;
    justify-content: center;
    padding-block: calc(var(--spacing) * 12);
}

@media (width >=1024px) {
    .TitleHeader-MoreTopicsWrapper {
        display: none;
    }
}

.TitleHeader-MoreTopics {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.TitleHeader-MoreTopicsIconWrapper {
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
    width: calc(var(--spacing) * 10);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    align-self: center;
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
}

.TitleHeader-MoreTopicsIcon {
    display: block;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 10);
}

.TitleHeader-CategoriesWrapper {
    position: absolute;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    margin: auto;
    background-color: var(--color-white);
}

@media (width >=1024px) {
    .TitleHeader-CategoriesWrapper {
        position: static;
    }
}

.TitleHeader-CategoriesList {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

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

.TitleHeader-CategoriesList {
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .TitleHeader-CategoriesList {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .TitleHeader-CategoriesList {
        display: flex;
    }
}

@media (width >=1024px) {
    :where(.TitleHeader-CategoriesList > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=1024px) {
    .TitleHeader-CategoriesList {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .TitleHeader-CategoriesList {
        padding-bottom: calc(var(--spacing) * 4);
    }
}

@media (width >=1024px) {
    .TitleHeader-CategoriesList {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .TitleHeader-CategoriesList {
        padding-inline: calc(var(--spacing) * 64);
    }
}

.TitleHeader-CategoriesList:not(.TitleHeader-CategoriesList_show) {
    display: none;
}

@media (width >=1024px) {
    .TitleHeader-CategoriesList:not(.TitleHeader-CategoriesList_show) {
        display: flex;
    }
}

.TitleHeader-Category {
    padding-bottom: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    .TitleHeader-Category {
        padding-bottom: calc(var(--spacing) * 12);
    }
}

.TitleHeader-CategoryLink {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .TitleHeader-CategoryLink {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.CashGrainBidsTemplate {
    display: block;
}

.CashGrainBidsTemplate-Ads {
    margin-block: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .CashGrainBidsTemplate-Ads {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .CashGrainBidsTemplate-Ads {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.CashGrainBidsTemplate-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

.CashGrainBidsTemplate-ContentWrap {
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .CashGrainBidsTemplate-ContentWrap {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .CashGrainBidsTemplate-ContentWrap {
        padding-top: calc(var(--spacing) * 32);
    }
}

.CashGrainBidsTemplate-TitleBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .CashGrainBidsTemplate-TitleBox {
        flex-direction: row;
    }
}

.CashGrainBidsTemplate-Title {
    text-align: center;
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .CashGrainBidsTemplate-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.CashGrainBidsTemplate-TitleWrapper {
    margin-top: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .CashGrainBidsTemplate-TitleWrapper {
        margin-top: calc(var(--spacing) * 32);
    }
}

.CashGrainBidsTemplate-Summary {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 0);
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .CashGrainBidsTemplate-Summary {
        margin-bottom: calc(var(--spacing) * 8);
    }
}

@media (width >=1024px) {
    .CashGrainBidsTemplate-Summary {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .CashGrainBidsTemplate-Summary {
        padding-inline: calc(var(--spacing) * 120);
    }
}

@media (width >=1024px) {
    .CashGrainBidsTemplate-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.CashGrainBidsTemplate-CopyrightWrapper {
    margin-top: calc(var(--spacing) * 40);
    display: flex;
    max-width: fit-content;
    max-width: var(--spacing-fit);
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    row-gap: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .CashGrainBidsTemplate-CopyrightWrapper {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=744px) {
    .CashGrainBidsTemplate-CopyrightWrapper {
        flex-wrap: nowrap;
    }
}

@media (width >=744px) {
    .CashGrainBidsTemplate-CopyrightWrapper {
        justify-content: space-between;
    }
}

@media (width >=744px) {
    .CashGrainBidsTemplate-CopyrightWrapper {
        column-gap: calc(var(--spacing) * 50);
    }
}

.CashGrainBidsTemplate-CopyrightImage {
    width: calc(var(--spacing) * 96);
}

.CashGrainBidsTemplate-CopyrightNotice {
    text-align: left;
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
    --tw-leading: var(--leading-4);
    line-height: var(--leading-4);
}

@media (width >=744px) {
    .CashGrainBidsTemplate-CopyrightNotice {
        text-align: right;
    }
}

.CashGrainBidsTemplate-NewsletterContent {
    margin-inline: calc(var(--spacing) * -32);
    margin-top: calc(var(--spacing) * 56);
    margin-bottom: calc(var(--spacing) * 64);
    border-radius: 0;
    --tw-border-style: none;
    border-style: none;
}

@media (width >=744px) {
    .CashGrainBidsTemplate-NewsletterContent {
        margin-inline: -100vh;
    }
}

@media (width >=744px) {
    .CashGrainBidsTemplate-NewsletterContent {
        margin-top: calc(var(--spacing) * 80);
    }
}

@media (width >=744px) {
    .CashGrainBidsTemplate-NewsletterContent {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.CashGrainBidsTemplate-SponsorAdsWrapper {
    margin-top: calc(var(--spacing) * 12);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (width >=744px) {
    .CashGrainBidsTemplate-SponsorAdsWrapper {
        margin-top: calc(var(--spacing) * 0);
    }
}

.CashGrainBidsTemplate-BroughtToYouBy {
    margin-right: calc(var(--spacing) * 12);
    margin-left: calc(var(--spacing) * 32);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.CashGrainBidsTable {
    width: 100%;
    border-collapse: collapse;
}

.CashGrainBidsTable-ScrollableWrapper {
    overflow-x: auto;
}

.CashGrainBidsTable-TableTitle {
    margin-top: calc(var(--spacing) * 48);
    margin-bottom: calc(var(--spacing) * 20);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .CashGrainBidsTable-TableTitle {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

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

.CashGrainBidsTable-HeaderCell {
    padding: calc(var(--spacing) * 8);
    text-align: right;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.CashGrainBidsTable-Col {
    padding: calc(var(--spacing) * 8);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

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

.ProgramListPage-Header {
    margin-top: calc(var(--spacing) * 32);
}

.ProgramListPage-TopAd {
    margin-block: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ProgramListPage-TopAd {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ProgramListPage-TopAd {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ProgramListPage-FeaturedContent {
    width: 100%;
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .ProgramListPage-FeaturedContent {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.ProgramListPage-BottomAd {
    margin-top: calc(var(--spacing) * 48);
    margin-bottom: calc(var(--spacing) * 0);
}

.ProgramListPage-LatestContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .ProgramListPage-LatestContent {
        flex-direction: row;
    }
}

.ProgramListPage-LatestContentWrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .ProgramListPage-LatestContentWrapper {
        flex-direction: row;
    }
}

.ProgramListPage-LatestContentItem {
    flex: 1;
}

.ProgramListPage-AdBeforeMainContent2 {
    max-width: calc(var(--spacing) * 680);
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage .ProgramHeader-Content {
        height: 140px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage .ProgramHeader-Description {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ProgramListPage .ProgramHeader-Logo {
        max-height: calc(var(--spacing) * 87);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .ProgramListPage .ProgramHeader-Logo {
        max-width: calc(var(--spacing) * 252);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage-ProgramName {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage-MoreFromProgram {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage-MoreFromProgram {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage .ArticlePreview-Summary {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage-LatestContent_articlesLength_2 {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ProgramListPage-LatestContentItem:not(.extended-breakpoints .ProgramListPage-LatestContentItem_index_0) {
        margin-left: calc(var(--spacing) * 40);
    }
}

.ChangeLocationTemplate-LocationWrap {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .ChangeLocationTemplate-LocationWrap {
        display: flex;
    }
}

@media (width >=744px) {
    .ChangeLocationTemplate-LocationWrap {
        justify-content: space-between;
    }
}

.ChangeLocationTemplate-Location {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .ChangeLocationTemplate-Location {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ChangeLocationTemplate-Date {
    align-self: flex-end;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .ChangeLocationTemplate-Date {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.PublicationIssue .OneColumnLayout {
    padding-inline: calc(var(--spacing) * 0);
}

.PublicationIssue-AdTop {
    margin-block: calc(var(--spacing) * 0);
}

.PublicationIssue-Header {
    margin-bottom: calc(var(--spacing) * 24);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .PublicationIssue-Header {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .PublicationIssue-Header {
        gap: calc(var(--spacing) * 32);
    }
}

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

.PublicationIssue-PublicationTitles::-webkit-scrollbar {
    display: none;
}

.PublicationIssue-PublicationTitles {
    display: flex;
    flex-direction: row;
}

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

.PublicationIssue-PublicationTitles {
    overflow-x: auto;
}

@media (width >=1024px) {
    .PublicationIssue-MainContent {
        margin-inline: auto;
    }
}

@media (width >=1024px) {
    .PublicationIssue-MainContent {
        width: 100%;
    }
}

@media (width >=1024px) {
    .PublicationIssue-MainContent {
        max-width: calc(var(--spacing) * 632);
    }
}

@media (width >=1200px) {
    .PublicationIssue-MainContent {
        max-width: calc(var(--spacing) * 680);
    }
}

.PublicationIssue-PublicationTitle {
    white-space: nowrap;
}

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

.PublicationIssue-Topics::-webkit-scrollbar {
    display: none;
}

.PublicationIssue-Topics {
    display: flex;
    flex-direction: row;
}

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

.PublicationIssue-Topics {
    overflow-x: auto;
}

.PublicationIssue-Topic {
    white-space: nowrap;
}

.PublicationIssue-HeaderTitle {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    color: var(--color-black);
}

@media (width >=1024px) {
    .PublicationIssue-HeaderTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.PublicationIssue-LargeTitle {
    display: none;
}

@media (width >=744px) {
    .PublicationIssue-LargeTitle {
        display: block;
    }
}

.PublicationIssue-MobileTitle {
    display: block;
}

@media (width >=744px) {
    .PublicationIssue-MobileTitle {
        display: none;
    }
}

.PublicationIssue-HeaderSummary {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .PublicationIssue-HeaderSummary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.PublicationIssue-Body {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.PublicationIssue-Weather {
    margin-top: calc(var(--spacing) * 32);
    display: flex;
    justify-content: center;
}

.PublicationIssue-Contributors {
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .PublicationIssue-Contributors {
        display: flex;
    }
}

@media (width >=744px) {
    .PublicationIssue-Contributors {
        justify-content: space-between;
    }
}

@media (width >=1024px) {
    .PublicationIssue-Contributors {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.PublicationIssue-Contributors .ArticleReadTime {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .PublicationIssue-Contributors .ArticleReadTime {
        margin-block: calc(var(--spacing) * 0);
    }
}

.PublicationIssue-Sponsor,
.PublicationIssue-More {
    margin-bottom: calc(var(--spacing) * 32);
}

.PublicationIssue-MoreTitle {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

.PublicationIssue-ContributorsWrapper {
    margin-bottom: calc(var(--spacing) * 40);
}

.PublicationIssue-SocialShare_first {
    margin-bottom: calc(var(--spacing) * 32);
}

.PublicationIssue-ContributorsTitle {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {
    .PublicationIssue-ContributorsTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.PublicationIssue-Newsletter {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .PublicationIssue-Newsletter {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.PublicationIssue-AdSponsored {
    display: grid;
}

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

.PublicationIssue-SponsoredTitle {
    margin-top: calc(var(--spacing) * 40);
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .PublicationIssue-SponsoredTitle {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

.PublicationIssue-ZmagsWrapper {
    display: flex;
    height: calc(var(--spacing) * 160);
    align-items: center;
    justify-content: space-between;
    background-color: var(--color-gray-1);
}

.PublicationIssue-ZmagsInfo {
    top: calc(var(--spacing) * 64);
    left: calc(var(--spacing) * 24);
    margin-left: calc(var(--spacing) * 24);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

.PublicationIssue-Zmags {
    margin-bottom: calc(var(--spacing) * 28);
}

@media (width >=1024px) {
    .PublicationIssue-Zmags {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.PublicationIssue-BlueToad,
.PublicationIssue-Issuu,
.PublicationIssue .turtl-embed {
    margin-bottom: calc(var(--spacing) * 28);
}

@media (width >=1024px) {

    .PublicationIssue-BlueToad,
    .PublicationIssue-Issuu,
    .PublicationIssue .turtl-embed {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.PublicationIssue-FeaturedImageWrapper {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .PublicationIssue-FeaturedImageWrapper {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

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

.PublicationIssue-FeatureImageWrapper {
    height: 100%;
    width: 100%;
}

.PublicationIssue .EventList {
    margin-top: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .PublicationIssue .EventList {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .PublicationIssue .EventInternalBanner {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .PublicationIssue .EventInternalBanner-ContentWrapper {
        margin-left: calc(var(--spacing) * 40);
    }
}

.PublicationIssue .EventInternalBanner-Title {
    margin-bottom: calc(var(--spacing) * 8);
}

@media (width >=1024px) {
    .PublicationIssue .EventInternalBanner-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.PublicationIssue .EventInternalBanner-Description {
    display: block;
}

.PublicationIssue .EventInternalBanner-EventLocation,
.PublicationIssue .EventInternalBanner-EventDate,
.PublicationIssue .EventInternalBanner-Separator {
    padding: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-HeaderTitle {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-HeaderSummary {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .PublicationIssue-MainContent {
        max-width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-MainContent {
        max-width: calc(var(--spacing) * 920);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-BodySummary {
        margin-inline: auto;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-BodySummary {
        margin-left: calc(var(--spacing) * 88);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-BodySummary {
        width: 100%;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-BodySummary {
        max-width: calc(var(--spacing) * 744);
    }
}

@media (width >=1200px) {

    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h1,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h2,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h3,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h4,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h5 {
        padding-inline: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h1,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h2,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h3,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h4,
    .extended-breakpoints .PublicationIssue-BodyContent .ContentText_variant_h5 {
        padding-inline: calc(var(--spacing) * 88);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .PublicationIssue-BodyContent .ContentParagraph {
        padding-inline: calc(var(--spacing) * 88);
    }
}

.PublicationList-Head {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.PublicationList .ListPreview-Summary {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .PublicationList .ListPreview-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1024px) {
    .PublicationList .MagazinePreviewLarge-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.PublicationTitleList .ListPreview-Summary {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .PublicationTitleList .ListPreview-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationList .MagazinePreviewLarge-Title,
    .extended-breakpoints .PublicationTitleList .MagazinePreviewLarge-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationList .MagazinePreviewLarge-Summary,
    .extended-breakpoints .PublicationTitleList .MagazinePreviewLarge-Summary {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationList .MagazinePreviewLarge-ImageLink,
    .extended-breakpoints .PublicationTitleList .MagazinePreviewLarge-ImageLink {
        width: calc(var(--spacing) * 250);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationList .CategoryHeader-SubCategory,
    .extended-breakpoints .PublicationTitleList .CategoryHeader-SubCategory {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .PublicationList .ListPreview-Summary,
    .extended-breakpoints .PublicationTitleList .ListPreview-Summary {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.Resources-Ad {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .Resources-Ad {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.Resources-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

.Resources-TitleWrapper {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 32);
    text-align: center;
}

@media (width >=1024px) {
    .Resources-TitleWrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.Resources-HeaderText {
    margin-bottom: calc(var(--spacing) * 16);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .Resources-HeaderText {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.Resources-Summary {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-gray-7);
}

@media (width >=1024px) {
    .Resources-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Resources-SearchBarWrapper {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 24);
    width: 100%;
}

@media (width >=1024px) {
    .Resources-SearchBarWrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .Resources-SearchBarWrapper {
        width: calc(8 / 12 * 100%);
    }
}

.Resources-NewsletterSignupPromoWrapper {
    margin-bottom: calc(var(--spacing) * 48);
}

.SearchFilterBlock {
    margin-top: calc(var(--spacing) * 48);
}

.SearchFilterBlock-Header {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    justify-content: space-between;
}

.SearchFilterBlock-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.SearchFilterBlock-FilterSection {
    margin-bottom: calc(var(--spacing) * 16);
}

.SearchFilterBlock-FilterSection+.Ad {
    margin-top: calc(var(--spacing) * 48);
}

.SearchFilterBlock-FilterSection_hidden {
    display: none;
}

.SearchFilterButton-Modal {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    display: none;
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
    background-color: var(--color-white);
}

.SearchFilterButton-Modal_open {
    display: block;
}

.SearchFilterButton-ModalContent {
    height: 100vh;
    width: 100%;
    font-family: var(--font-primary);
}

.SearchFilterButton-ModalHeader {
    position: relative;
    position: sticky;
    top: calc(var(--spacing) * 0);
    display: flex;
    height: calc(var(--spacing) * 50);
    width: 100%;
    align-items: center;
    background-color: var(--color-white);
    text-align: center;
}

.SearchFilterButton-IconClose {
    position: absolute;
    left: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    cursor: pointer;
}

.SearchFilterButton-Title {
    flex-grow: 1;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.SearchFilterButton-Body {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-inline: calc(var(--spacing) * 24);
    padding-top: calc(var(--spacing) * 24);
}

.SearchFilterButton-BottomPlaceholder {
    height: calc(var(--spacing) * 120);
}

@media (width >=1024px) {
    .SearchFilterButton-BottomPlaceholder {
        height: calc(var(--spacing) * 0);
    }
}

.SearchFilterButton-FooterWrapper {
    position: fixed;
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 50);
    width: 100%;
    background-color: var(--color-white);
}

.SearchFilterButton-Footer {
    display: flex;
    height: 100%;
    align-items: center;
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.SearchFilterButton-ResetButtonWrapper,
.SearchFilterButton-ApplyButtonWrapper {
    display: flex;
    height: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.SearchFilterButton-Button {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 32);
    align-items: center;
    justify-content: center;
    column-gap: calc(var(--spacing) * 10);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.ResourceResult {
    margin-bottom: calc(var(--spacing) * 37);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (width >=744px) {
    .ResourceResult {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .ResourceResult {
        margin-bottom: calc(var(--spacing) * 80);
    }
}

.ResourceResult-FilterWrapper {
    grid-column: span 3 / span 3;
    display: none;
    flex-direction: column;
}

@media (width >=1024px) {
    .ResourceResult-FilterWrapper {
        grid-column: span 1 / span 1;
    }
}

@media (width >=1024px) {
    .ResourceResult-FilterWrapper {
        margin-right: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ResourceResult-FilterWrapper {
        display: block;
    }
}

@media (width >=1024px) {
    .ResourceResult-FilterWrapper {
        display: flex;
    }
}

@media (width >=1200px) {
    .ResourceResult-FilterWrapper {
        margin-right: calc(var(--spacing) * 32);
    }
}

.ResourceResult-ResultsWrapper {
    grid-column: span 3 / span 3;
}

@media (width >=1024px) {
    .ResourceResult-ResultsWrapper {
        grid-column: span 2 / span 2;
    }
}

.ResourceResult-ResultsSection {
    position: relative;
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .ResourceResult-ResultsSection {
        padding-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ResourceResult-ResultsSection {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.ResourceResult-Loading {
    height: 100%;
    width: 100%;
    padding-block: calc(var(--spacing) * 40);
    text-align: center;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.ResourceResult-NotFound {
    height: 100%;
    width: 100%;
    padding-top: calc(var(--spacing) * 16);
}

.ResourceResult-NotFoundMessage {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .ResourceResult-NotFoundMessage {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.ResourceResult-PossibleReasonsList {
    list-style-type: none;
}

.ResourceResult-PossibleReason {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
}

:where(.ResourceResult-PossibleReason > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 9) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-x-reverse)));
}

.ResourceResult-PossibleReason {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.ResourceResult-PossibleReason:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .ResourceResult-PossibleReason {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ResourceResult-PossibleReasonIcon {
    display: inline-block;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
}

.ResourceResult-Content {
    visibility: visible;
}

.ResourceResult-Content_loading {
    visibility: hidden;
}

.ResourceResult-Ad {
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .ResourceResult-Ad {
        padding-block: calc(var(--spacing) * 32);
    }
}

.ResourceResult-AdWrapper {
    margin-block: calc(var(--spacing) * 16);
    width: 100vw;
}

@media (width >=1024px) {
    .ResourceResult-AdWrapper {
        margin-block: calc(var(--spacing) * 32);
    }
}

.ResourceResult-AdContent {
    margin: auto;
    width: 100%;
    background-color: var(--color-gray-1);
}

.ResourceResult-AdContent_isWallPaperActive {
    max-width: calc(var(--spacing) * 1120);
}

.ResourceResult-ContentPreview:nth-child(10),
.ResourceResult-ContentPreview:nth-child(21),
.ResourceResult-ContentPreview:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
}

@media (width >=1512px) {
    .extended-breakpoints .ResourceResult-FilterWrapper {
        margin-right: calc(var(--spacing) * 40);
    }
}

.SearchSummary-ResultsMobile {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .SearchSummary-ResultsMobile {
        display: none;
    }
}

.SearchSummary-ResultsMobileText {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.SearchSummary-ResultsDesktop {
    display: flex;
    justify-content: space-between;
    padding-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .SearchSummary-ResultsDesktop {
        padding-bottom: calc(var(--spacing) * 16);
    }
}

.SearchSummary-ResultsDesktopText {
    display: none;
    flex-shrink: 0;
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .SearchSummary-ResultsDesktopText {
        display: block;
    }
}

@media (width >=1024px) {
    .SearchSummary-ResultsDesktopText {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.SearchSummary-FilterContainer {
    flex: 1;
}

@media (width >=1024px) {
    .SearchSummary-FilterContainer {
        display: none;
    }
}

.SearchSummary-FilterButton {
    position: relative;
    width: 100%;
}

.SearchSummary-FilterText {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.SearchSummary-FilterIcon {
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    flex: none;
    background-color: var(--color-black);
}

.SearchSummary-FilterNoteIcon {
    position: absolute;
    display: inline-block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    border-radius: calc(infinity * 1px);
}

.SearchSummary-FilterSection {
    margin-bottom: calc(var(--spacing) * 16);
    background-color: var(--color-white);
}

.SearchSummary-FilterSection_hidden {
    display: none;
}

.PublicationWithEntries-AdTop {
    margin-block: calc(var(--spacing) * 0);
}

.PublicationWithEntries-AdDynamic {
    margin-top: calc(var(--spacing) * 80);
    margin-bottom: calc(var(--spacing) * 0);
}

.PublicationWithEntries-Body {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (width >=1024px) {
    .PublicationWithEntries-ContentItem_first .ListCardWithSummary {
        padding-top: calc(var(--spacing) * 0);
    }
}

.PublicationWithEntries-ProgramHeaderWrapper {
    margin-top: calc(var(--spacing) * 32);
}

.ContributorList .TwoColumnLayout-Sidebar {
    padding-top: calc(var(--spacing) * 71);
}

.MediaCenterLandingPage .OneColumnLayout {
    position: relative;
    padding-inline: calc(var(--spacing) * 0);
}

.MediaCenterLandingPage-Head {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .MediaCenterLandingPage-Head {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.MediaCenterLandingPage .CategoryHeader {
    padding-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .MediaCenterLandingPage .CategoryHeader {
        padding-top: calc(var(--spacing) * 32);
    }
}

.MediaCenterLandingPage .CategoryHeader-LogoWrapper {
    padding-bottom: calc(var(--spacing) * 8);
}

.MediaCenterLandingPage .CategoryHeader-TitleLogo {
    max-height: 48px;
    max-width: 152px;
}

@media (width >=1024px) {
    .MediaCenterLandingPage .CategoryHeader-TitleLogo {
        max-height: 72px;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage .CategoryHeader-TitleLogo {
        max-width: 208px;
    }
}

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

@media (width >=1024px) {
    :where(.MediaCenterLandingPage-ModuleWrapper > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 64) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 64) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.MediaCenterLandingPage .ContentGrid {
    margin-top: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .MediaCenterLandingPage .ContentGrid {
        margin-top: calc(var(--spacing) * 64);
    }
}

.MediaCenterLandingPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.MediaCenterLandingPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.MediaCenterLandingPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

.MediaCenterLandingPage .VerticalCard-Body {
    padding: calc(var(--spacing) * 8);
}

.MediaCenterLandingPage .VerticalCard-Title {
    margin-bottom: calc(var(--spacing) * 0);
}

.MediaCenterLandingPage-Nav {
    position: relative;
    z-index: 20;
    margin-top: calc(var(--spacing) * 16);
}

.MediaCenterLandingPage-MobileNavTitle {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.MediaCenterLandingPage-NavMobileToggle {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavMobileToggle {
        display: none;
    }
}

.MediaCenterLandingPage-NavMobileToggle .MediaCenterLandingPage-NavIcon {
    order: 2;
    margin-right: calc(var(--spacing) * 0);
    margin-left: calc(var(--spacing) * 8);
    display: inline-block;
}

.MediaCenterLandingPage-NavWrapper {
    display: none;
    align-items: center;
    justify-content: center;
}

:where(.MediaCenterLandingPage-NavWrapper > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavWrapper {
        display: flex;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavWrapper {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavWrapper {
        flex-wrap: wrap;
    }
}

.MediaCenterLandingPage-NavItemWrapper {
    position: relative;
}

.MediaCenterLandingPage-NavItem {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavItem:hover {
        cursor: pointer;
    }
}

.MediaCenterLandingPage-NavItemTitle {
    order: 2;
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavItemTitle {
        order: 1;
    }
}

.MediaCenterLandingPage-NavItemTitle,
.MediaCenterLandingPage-NavItemWithoutSubMenu {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {

    .MediaCenterLandingPage-NavItemTitle,
    .MediaCenterLandingPage-NavItemWithoutSubMenu {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1024px) {

    .MediaCenterLandingPage-NavItemTitle:hover,
    .MediaCenterLandingPage-NavItemWithoutSubMenu:hover {
        cursor: pointer;
    }
}

.MediaCenterLandingPage-SubMenuItemLink {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .MediaCenterLandingPage-SubMenuItemLink:hover {
        text-decoration-line: underline;
    }
}

.MediaCenterLandingPage-NavItemTriangle {
    position: absolute;
    top: 34px;
    bottom: calc(var(--spacing) * 0);
    left: 50%;
    z-index: 15;
    display: none;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-black);
    background-color: var(--color-white);
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavItemTriangle {
        display: block;
    }
}

.MediaCenterLandingPage-NavItemTriangle_isCurrent.MediaCenterLandingPage-NavItemTriangle_isSubMenuOpen {
    display: block;
}

.MediaCenterLandingPage-NavItemTriangle:not(.MediaCenterLandingPage-NavItemTriangle_isCurrent.MediaCenterLandingPage-NavItemTriangle_isSubMenuOpen) {
    display: none;
}

.MediaCenterLandingPage-CloseNavIcon {
    display: none;
}

.MediaCenterLandingPage-NavIcon {
    order: 1;
    margin-right: calc(var(--spacing) * 8);
    display: inline-block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    background-color: var(--color-gray-8);
}

@media (width >=744px) {
    .MediaCenterLandingPage-NavIcon {
        display: none;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavIcon {
        order: 2;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavIcon {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavIcon {
        margin-left: calc(var(--spacing) * 8);
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavIcon {
        display: inline-block;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavIcon {
        height: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-NavIcon {
        width: calc(var(--spacing) * 16);
    }
}

.MediaCenterLandingPage-NavIcon_isCurrent.MediaCenterLandingPage-NavIcon_isSubMenuOpen {
    rotate: -180deg;
}

.MediaCenterLandingPage-NavIcon:not(.MediaCenterLandingPage-NavIcon_isCurrent.MediaCenterLandingPage-NavIcon_isSubMenuOpen) {
    rotate: 0deg;
}

.MediaCenterLandingPage-SubMenuWrapper {
    position: static;
    z-index: 10;
    margin-top: 15px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
}

@media (width >=1024px) {
    .MediaCenterLandingPage-SubMenuWrapper {
        position: absolute;
    }
}

.MediaCenterLandingPage-SubMenuWrapper_isCurrent.MediaCenterLandingPage-SubMenuWrapper_isSubMenuOpen {
    display: block;
}

.MediaCenterLandingPage-SubMenuWrapper:not(.MediaCenterLandingPage-SubMenuWrapper_isCurrent.MediaCenterLandingPage-SubMenuWrapper_isSubMenuOpen) {
    display: none;
}

.MediaCenterLandingPage-SubMenuLinks {
    display: none;
    column-gap: calc(var(--spacing) * 32);
    padding: calc(var(--spacing) * 16);
}

@media (width >=1200px) {
    .MediaCenterLandingPage-SubMenuLinks {
        display: flex;
    }
}

.MediaCenterLandingPage-SubMenuLinksLG {
    display: none;
    column-gap: calc(var(--spacing) * 32);
    padding: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    .MediaCenterLandingPage-SubMenuLinksLG {
        display: flex;
    }
}

@media (width >=1200px) {
    .MediaCenterLandingPage-SubMenuLinksLG {
        display: none;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-SubMenuLinksMobile {
        display: none;
    }
}

@media (width >=1024px) {
    :where(.MediaCenterLandingPage-SubmenuLinksColumn > :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)));
    }
}

.MediaCenterLandingPage-SubMenuLinkItem {
    min-width: max-content;
}

.MediaCenterLandingPage-Newsletter {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .MediaCenterLandingPage-Newsletter {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-Newsletter {
        margin-top: calc(var(--spacing) * 48);
    }
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 50;
    margin: calc(var(--spacing) * 0);
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
    background-color: var(--color-white);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-CloseNavIcon {
    display: block;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    background-color: var(--color-black);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavWrapper {
    width: 100%;
}

:where(.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavWrapper > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavWrapper {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavWrapper {
        padding-inline: calc(var(--spacing) * 24);
    }
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItem {
    justify-content: flex-start;
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavIcon {
    margin-right: calc(var(--spacing) * 8);
    display: block;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavIcon {
        display: none;
    }
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemWrapper,
.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemWithoutSubMenu {
    width: 100%;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-block: calc(var(--spacing) * 16);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemWrapper_isLast,
.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemWithoutSubMenu_isLast {
    --tw-border-style: none;
    border-style: none;
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuWrapper {
    box-shadow: none;
    margin-top: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuWrapper {
        display: block;
    }
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemTriangle_isCurrent.MediaCenterLandingPage-NavItemTriangle_isSubMenuOpen {
    display: none;
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemTriangle:not(.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemTriangle_isCurrent.MediaCenterLandingPage-NavItemTriangle_isSubMenuOpen) {
    display: none;
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuWrapper {
    --tw-border-style: none;
    border-style: none;
}

@media (width >=744px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuWrapper_isCurrent.MediaCenterLandingPage-SubMenuWrapper_isSubMenuOpen {
        display: block;
    }
}

@media (width >=744px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuWrapper:not(.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuWrapper_isCurrent.MediaCenterLandingPage-SubMenuWrapper_isSubMenuOpen) {
        display: block;
    }
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuLinks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
    padding: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuLinks {
        padding-top: calc(var(--spacing) * 16);
    }
}

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

@media (width >=744px) {
    :where(.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-SubMenuLinks .MediaCenterLandingPage-SubmenuLinksColumn > :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)));
    }
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavMobileToggle {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 100;
    height: calc(var(--spacing) * 50);
    width: 100%;
    background-color: var(--color-white);
}

@media (width >=1024px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavMobileToggle {
        display: flex;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavMobileToggle {
        align-items: center;
    }
}

@media (width >=1024px) {
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavMobileToggle {
        justify-content: center;
    }
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavMobileToggle .MediaCenterLandingPage-NavIcon {
    display: none;
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-CloseNavIconWrapper {
    position: absolute;
    top: 50%;
    left: 16px;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-MobileNavTitle {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemTitle,
.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemWithoutSubMenu {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
}

@media (width >=744px) {

    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemTitle,
    .MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemWithoutSubMenu {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1512px) {

    .extended-breakpoints .MediaCenterLandingPage-NavItemTitle,
    .extended-breakpoints .MediaCenterLandingPage-NavItemWithoutSubMenu {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterLandingPage-SubMenuItemLink {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MediaCenterLandingPage-Newsletter {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterLandingPage .CategoryHeader-TitleLogo {
        max-height: 88px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterLandingPage .CategoryHeader-TitleLogo {
        max-width: 254px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterLandingPage .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

.MediaCenterIndividualPage .OneColumnLayout {
    padding-inline: calc(var(--spacing) * 0);
}

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

@media (width >=1024px) {
    :where(.MediaCenterIndividualPage-Head > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=1024px) {
    .MediaCenterIndividualPage-Head {
        padding-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    :where(.MediaCenterIndividualPage-Head_useLogo > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.MediaCenterIndividualPage-BreadcrumbsWrapper {
    display: flex;
}

.MediaCenterIndividualPage-Breadcrumbs {
    flex-grow: 0;
}

.MediaCenterIndividualPage-MediaCenterLogo {
    margin-right: auto;
    margin-left: calc(var(--spacing) * 32);
    max-height: calc(var(--spacing) * 40);
    max-width: calc(var(--spacing) * 136);
    flex-shrink: 0;
}

.MediaCenterIndividualPage-MoreContentSectionWrapper {
    display: grid;
    row-gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .MediaCenterIndividualPage-MoreContentSectionWrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .MediaCenterIndividualPage-MoreContentSectionWrapper {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MediaCenterIndividualPage-MoreContentSectionWrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .MediaCenterIndividualPage-MoreContentSectionWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.MediaCenterIndividualPage-MoreContentSectionTitle,
.MediaCenterIndividualPage-FeaturedTitle {
    margin-bottom: calc(var(--spacing) * 24);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=1024px) {

    .MediaCenterIndividualPage-MoreContentSectionTitle,
    .MediaCenterIndividualPage-FeaturedTitle {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {

    .MediaCenterIndividualPage-MoreContentSectionTitle,
    .MediaCenterIndividualPage-FeaturedTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.MediaCenterIndividualPage-FeaturedSection {
    margin-top: calc(var(--spacing) * 32);
}

.MediaCenterIndividualPage-FeaturedContent_featured {
    width: 100%;
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .MediaCenterIndividualPage-FeaturedContent_featured {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.MediaCenterIndividualPage-FeaturedContent_latest {
    margin-bottom: calc(var(--spacing) * 32);
}

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

@media (width >=1024px) {
    .MediaCenterIndividualPage-FeaturedContent_latest {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    :where(.MediaCenterIndividualPage-FeaturedContent_latest > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.MediaCenterIndividualPage-FeaturedContentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .MediaCenterIndividualPage-FeaturedContentWrapper {
        flex-direction: row;
    }
}

.MediaCenterIndividualPage-FeaturedContentContainer {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .MediaCenterIndividualPage-FeaturedContentContainer {
        display: grid;
    }
}

@media (width >=744px) {
    .MediaCenterIndividualPage-FeaturedContentContainer {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .MediaCenterIndividualPage-FeaturedContentContainer {
        column-gap: calc(var(--spacing) * 32);
    }
}

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

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

.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal .ContentPreview-ImageContainer,
.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal .ContentPreview-ImageContainer>*,
.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal .ContentPreview-ImageContainer,
.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
.MediaCenterIndividualPage-FeaturedContentContainer .ContentPreview-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (width >=1024px) {
    .MediaCenterIndividualPage .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .MediaCenterIndividualPage .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .MediaCenterIndividualPage .ContentGrid-ContentGridTitle {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MediaCenterIndividualPage .ContentGrid-ContentGridTitle {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.MediaCenterIndividualPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.MediaCenterIndividualPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.MediaCenterIndividualPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

.MediaCenterIndividualPage .ContentCard-Title_displayOption_default,
.MediaCenterIndividualPage .ContentCard-Title_displayOption_mobile {
    margin-bottom: calc(var(--spacing) * 0);
}

.MediaCenterIndividualPage .ContentCard-Body {
    padding: calc(var(--spacing) * 8);
}

.MediaCenterIndividualPage-FeaturedContentItem {
    margin-bottom: calc(var(--spacing) * 24);
    flex: 1;
}

.MediaCenterIndividualPage-FeaturedContentItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .MediaCenterIndividualPage-FeaturedContentItem {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.MediaCenterIndividualPage-Newsletter {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .MediaCenterIndividualPage-Newsletter {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MediaCenterIndividualPage-Newsletter {
        margin-top: calc(var(--spacing) * 48);
    }
}

.MediaCenterIndividualPage .VerticalCard-Body {
    padding: calc(var(--spacing) * 8);
}

.MediaCenterIndividualPage .VerticalCard-Title {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1512px) {

    .extended-breakpoints .MediaCenterIndividualPage-FeaturedContentContainer,
    .extended-breakpoints .MediaCenterIndividualPage-FeaturedContent .ContentCardSpotlight {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterIndividualPage-MediaCenterLogo {
        max-height: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterIndividualPage-MediaCenterLogo {
        max-width: calc(var(--spacing) * 163);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterIndividualPage .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .MediaCenterIndividualPage-FeaturedTitle,
    .extended-breakpoints .MediaCenterIndividualPage .ContentGrid-ContentGridTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .MediaCenterIndividualPage-FeaturedContent_featured .ContentCardSpotlight-ImageContainer {
        width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterIndividualPage-FeaturedContent_featured .ContentCardSpotlight-ImageContainer {
        width: calc(var(--spacing) * 920);
    }
}

@media (width >=1512px) {
    :where(.extended-breakpoints .MediaCenterIndividualPage-FeaturedContent_latest > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 40) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterIndividualPage-FeaturedContent .ContentCardSpotlight-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterIndividualPage-FeaturedContent .ContentCardSpotlight-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.MediaCenterCollectionPage .OneColumnLayout {
    padding-inline: calc(var(--spacing) * 0);
}

.MediaCenterCollectionPage .CategoryHeader,
.MediaCenterCollectionPage .CategoryHeader-TitleWrapper_primaryTitle {
    padding-top: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .MediaCenterCollectionPage .CategoryHeader-Description {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

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

@media (width >=1024px) {
    :where(.MediaCenterCollectionPage-Head > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=744px) {
    :where(.MediaCenterCollectionPage-Head_useLogo > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.MediaCenterCollectionPage-BreadcrumbsWrapper {
    display: flex;
}

.MediaCenterCollectionPage-Breadcrumbs {
    flex-grow: 0;
}

.MediaCenterCollectionPage-MediaCenterLogo {
    margin-right: auto;
    margin-left: calc(var(--spacing) * 32);
    max-height: calc(var(--spacing) * 40);
    max-width: calc(var(--spacing) * 136);
    flex-shrink: 0;
}

.MediaCenterCollectionPage-FeaturedContent_featured {
    width: 100%;
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .MediaCenterCollectionPage-FeaturedContent_featured {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.MediaCenterCollectionPage-FeaturedContent_latest {
    margin-bottom: calc(var(--spacing) * 32);
}

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

@media (width >=1024px) {
    .MediaCenterCollectionPage-FeaturedContent_latest {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    :where(.MediaCenterCollectionPage-FeaturedContent_latest > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.MediaCenterCollectionPage-FeaturedContentWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .MediaCenterCollectionPage-FeaturedContentWrapper {
        flex-direction: row;
    }
}

.MediaCenterCollectionPage-FeaturedContentContainer {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

@media (width >=744px) {
    .MediaCenterCollectionPage-FeaturedContentContainer {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .MediaCenterCollectionPage-FeaturedContentContainer {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .MediaCenterCollectionPage-FeaturedContentContainer {
        column-gap: calc(var(--spacing) * 32);
    }
}

.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal .ContentPreview-ImageContainer,
.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal .ContentPreview-ImageContainer>*,
.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal .ContentPreview-ImageContainer,
.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
.MediaCenterCollectionPage-FeaturedContentContainer .ContentPreview-Image {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (width >=1024px) {
    .MediaCenterCollectionPage .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .MediaCenterCollectionPage .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.MediaCenterCollectionPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.MediaCenterCollectionPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.MediaCenterCollectionPage .ContentGrid .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

.MediaCenterCollectionPage .ContentCard-Title_displayOption_default,
.MediaCenterCollectionPage .ContentCard-Title_displayOption_mobile {
    margin-bottom: calc(var(--spacing) * 0);
}

.MediaCenterCollectionPage .ContentCard-Body {
    padding: calc(var(--spacing) * 8);
}

.MediaCenterCollectionPage-FeaturedContentItem {
    margin-bottom: calc(var(--spacing) * 24);
    flex: 1;
}

.MediaCenterCollectionPage-FeaturedContentItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .MediaCenterCollectionPage-FeaturedContentItem {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.MediaCenterCollectionPage-Newsletter {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .MediaCenterCollectionPage-Newsletter {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MediaCenterCollectionPage-Newsletter {
        margin-top: calc(var(--spacing) * 48);
    }
}

.MediaCenterCollectionPage .VerticalCard-Body {
    padding: calc(var(--spacing) * 8);
}

.MediaCenterCollectionPage .VerticalCard-Title {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterCollectionPage .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterCollectionPage-MediaCenterLogo {
        max-height: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterCollectionPage-MediaCenterLogo {
        max-width: calc(var(--spacing) * 163);
    }
}

.MediaCenterAllSeries .CategoryHeader {
    padding-top: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .MediaCenterAllSeries .CategoryHeader {
        padding-bottom: calc(var(--spacing) * 56);
    }
}

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

@media (width >=744px) {
    :where(.MediaCenterAllSeries-Head > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.MediaCenterAllSeries-BreadcrumbsWrapper {
    display: flex;
}

.MediaCenterAllSeries-Breadcrumbs {
    flex-grow: 0;
}

.MediaCenterAllSeries-MediaCenterLogo {
    margin-right: auto;
    margin-left: calc(var(--spacing) * 32);
    max-height: 40px;
    max-width: 136px;
    flex-shrink: 0;
}

.MediaCenterAllSeries-Newsletter {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .MediaCenterAllSeries-Newsletter {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .MediaCenterAllSeries-Newsletter {
        margin-top: calc(var(--spacing) * 48);
    }
}

.MediaCenterAllSeries .VerticalCard-Body {
    justify-content: flex-start;
    padding: calc(var(--spacing) * 8);
}

.MediaCenterAllSeries .VerticalCard-Title {
    margin-bottom: calc(var(--spacing) * 0);
}

.MediaCenterAllSeries .VerticalCard-Keyword {
    margin-top: calc(var(--spacing) * 4);
}

.MediaCenterAllSeries_isShowSeriesType .VerticalCard-Title {
    margin-bottom: calc(var(--spacing) * 4);
}

.MediaCenterAllSeries .ContentGrid {
    margin-top: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .MediaCenterAllSeries .ContentGrid {
        margin-top: calc(var(--spacing) * 0);
    }
}

.MediaCenterAllSeries .ContentGrid-ContentGridWrapper {
    row-gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .MediaCenterAllSeries .ContentGrid-ContentGridWrapper {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .MediaCenterAllSeries .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.MediaCenterAllSeries_isCompaniesPage .ContentGrid .ContentPreview-Wrapper>a:first-child {
    padding: calc(var(--spacing) * 16);
}

.MediaCenterAllSeries_isCompaniesPage .ContentGrid .ContentPreview-Image {
    object-fit: contain;
}

.MediaCenterAllSeries .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.MediaCenterAllSeries .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.MediaCenterAllSeries .ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterAllSeries .ContentGrid-ContentGridWrapper {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterAllSeries-MediaCenterLogo {
        max-height: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterAllSeries-MediaCenterLogo {
        max-width: calc(var(--spacing) * 163);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .MediaCenterAllSeries .VerticalCard-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.LatestRecipesListPage {
    margin-inline: auto;
    width: 328px;
}

@media (width >=744px) {
    .LatestRecipesListPage {
        width: 696px;
    }
}

@media (width >=1024px) {
    .LatestRecipesListPage {
        width: 960px;
    }
}

@media (width >=1200px) {
    .LatestRecipesListPage {
        width: 1036px;
    }
}

.LatestRecipesListPage-Pagination {
    margin-top: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .LatestRecipesListPage-Pagination {
        margin-top: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .LatestRecipesListPage-Pagination {
        margin-top: calc(var(--spacing) * 64);
    }
}

.LatestRecipesListPage-Newsletter {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .LatestRecipesListPage-Newsletter {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .LatestRecipesListPage-Newsletter {
        margin-top: calc(var(--spacing) * 48);
    }
}

.LatestRecipesListPage-NewsletterSignupPromoWrapper+.Ad {
    margin-top: calc(var(--spacing) * 80);
    margin-bottom: calc(var(--spacing) * 48);
}

@media (width >=744px) {
    .LatestRecipesListPage-NewsletterSignupPromoWrapper+.Ad {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .LatestRecipesListPage-NewsletterSignupPromoWrapper+.Ad {
        margin-top: calc(var(--spacing) * 64);
    }
}

@media (width >=1024px) {
    .LatestRecipesListPage-NewsletterSignupPromoWrapper+.Ad {
        margin-bottom: calc(var(--spacing) * 80);
    }
}

@media (width >=1200px) {
    .LatestRecipesListPage .ContentCards-Content_recipe {
        gap: calc(var(--spacing) * 32);
    }
}

.LatestRecipesListPage .ContentCards-Content_recipe .Ad.ContentCards-ContentPreview_recipe {
    margin-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .LatestRecipesListPage .ContentCards-Content_recipe .Ad.ContentCards-ContentPreview_recipe {
        grid-column: span 3 / span 3;
    }
}

@media (width >=1200px) {
    .LatestRecipesListPage .ContentCards-Content_recipe .Ad.ContentCards-ContentPreview_recipe {
        margin-block: calc(var(--spacing) * 32);
    }
}

.LatestRecipesListPage .ContentCards-Title {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .LatestRecipesListPage .ContentCards-Title {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.PremierPage-TopAd {
    margin-block: calc(var(--spacing) * 0);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .PremierPage-TopAd {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .PremierPage-TopAd {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.PremierPage-BottomAd {
    margin-top: calc(var(--spacing) * 48);
    margin-bottom: calc(var(--spacing) * 0);
}

.PremierPage-ModuleWrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .PremierPage-ModuleWrapper {
        row-gap: calc(var(--spacing) * 64);
    }
}

.EnhancedListChildPage-Wrapper {
    display: flex;
    flex-direction: column;
    row-gap: calc(var(--spacing) * 48);
}

@media (width >=1024px) {
    .EnhancedListChildPage-Wrapper {
        row-gap: calc(var(--spacing) * 64);
    }
}

.EnhancedListChildPage-TableSection {
    display: flex;
    flex-direction: column;
}

.EnhancedListChildPage-ChevronIconWrapper {
    display: flex;
    align-items: center;
}

.EnhancedListChildPage-ChevronIconWrapper_disabled {
    pointer-events: none;
}

.EnhancedListChildPage-ChevronIconWrapper_disabled:focus {
    --tw-outline-style: none;
    outline-style: none;
}

@media (forced-colors: active) {
    .EnhancedListChildPage-ChevronIconWrapper_disabled:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }
}

.EnhancedListChildPage .Pagination-ArrowIcon {
    display: inline-block;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
}

.EnhancedListChildPage-RankBlock {
    display: flex;
    align-items: center;
    column-gap: calc(var(--spacing) * 12);
}

@media (width >=1024px) {
    .EnhancedListChildPage-RankBlock {
        column-gap: calc(var(--spacing) * 16);
    }
}

.EnhancedListChildPage-RankInfo {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-gray-7);
}

@media (width >=1024px) {
    .EnhancedListChildPage-RankInfo {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.EnhancedListChildPage .ContentTable-Footnote {
    margin-top: calc(var(--spacing) * 16);
}

.EnhancedListChildPage-ButtonWrapper {
    margin-top: calc(var(--spacing) * 32);
    display: flex;
    align-items: center;
    align-self: center;
}

@media (width >=744px) {
    .EnhancedListChildPage-ButtonWrapper {
        margin-top: calc(var(--spacing) * 48);
    }
}

.EnhancedListChildPage .Keyword {
    margin-bottom: calc(var(--spacing) * 16);
}

.EnhancedListChildPage-Summary {
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .EnhancedListChildPage-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.EnhancedListChildPage-Footnote {
    margin-top: calc(var(--spacing) * 12);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=744px) {
    .EnhancedListChildPage-Footnote {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .EnhancedListChildPage-Footnote {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.EnhancedListChildPage .GatingSection-GatingTitle {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=744px) {
    .EnhancedListChildPage .GatingSection-GatingTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.EnhancedListChildPage .GatingSection-GatingMessage {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=744px) {
    .EnhancedListChildPage .GatingSection-GatingMessage {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1024px) {
    .EnhancedListChildPage .GatingSection-GatingMessage {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.EnhancedListChildPage .Modal-Content {
    padding-inline: calc(var(--spacing) * 32);
}

.EnhancedListChildPage .FeatureImageHeader-MobileTitle,
.EnhancedListChildPage .FeatureImageHeader-LargeTitle {
    font-family: var(--font-primary);
}

@media (width >=1200px) {
    .extended-breakpoints .EnhancedListChildPage-TableSection {
        margin-inline: auto;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .EnhancedListChildPage-TableSection {
        width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EnhancedListChildPage-TableSection {
        width: calc(var(--spacing) * 920);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .EnhancedListChildPage-TableSection .Table-HeaderCell *,
    .extended-breakpoints .EnhancedListChildPage-TableSection .Table-Body {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EnhancedListChildPage-Footnote {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EnhancedListChildPage-Footnote {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EnhancedListChildPage .GatingSection-GatingTitle {
        font-size: var(--text-tx30);
        line-height: var(--tw-leading, var(--text-tx30--line-height));
    }
}

.extended-breakpoints .EnhancedListChildPage .GatingSection-GatingMessage {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1512px) {
    .extended-breakpoints .EnhancedListChildPage .GatingSection-GatingMessage {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.EnhancedListLandingPage .FeatureImageHeader {
    margin-bottom: calc(var(--spacing) * 40);
}

.EnhancedListLandingPage .FeatureImageHeader-MobileTitle,
.EnhancedListLandingPage .FeatureImageHeader-LargeTitle {
    font-family: var(--font-primary);
}

.EnhancedListLandingPage-Header {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .EnhancedListLandingPage-Header {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .EnhancedListLandingPage-Header {
        gap: calc(var(--spacing) * 32);
    }
}

.EnhancedListLandingPage-BodyWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

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

@media (width >=1024px) {
    :where(.EnhancedListLandingPage-BodyWrapper_unblocked > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 64) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 64) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.EnhancedListLandingPage .DataTable-Wrapper,
.EnhancedListLandingPage .DataTable-Summary,
.EnhancedListLandingPage .DataTable-Footnote {
    max-width: 100%;
}

@media (width >=1200px) {
    .EnhancedListLandingPage-TopAd {
        padding-bottom: calc(var(--spacing) * 60);
    }
}

.EnhancedListLandingPage-ButtonWrapper {
    margin-top: calc(var(--spacing) * 48);
    display: flex;
    align-items: center;
}

.EnhancedListLandingPage-SummaryWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.EnhancedListLandingPage-Summary {
    text-align: center;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .EnhancedListLandingPage-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.EnhancedListLandingPage-GatingWrapper {
    margin-top: calc(var(--spacing) * 50);
    width: 680px;
}

@media (width >=1512px) {
    :where(.extended-breakpoints .EnhancedListLandingPage-BodyWrapper_unblocked > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 80) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 80) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .EnhancedListLandingPage-Summary {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.RecipeLandingPage .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.RecipeLandingPage .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.RecipeLandingPage .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

.RecipeLandingPage-PageHeader {
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
}

.RecipeLandingPage-PageTitleWrapper {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 16);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
}

.RecipeLandingPage-PageTitle {
    text-align: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .RecipeLandingPage-PageTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.RecipeLandingPage-PageDescription {
    margin-bottom: calc(var(--spacing) * 32);
    text-align: center;
    --tw-leading: var(--leading-7);
    line-height: var(--leading-7);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-black);
}

@media (width >=744px) {
    .RecipeLandingPage-PageDescription {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-PageDescription {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-PageDescription {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.RecipeLandingPage-NewsletterSignupPromoWrapper {
    margin-top: calc(var(--spacing) * 24);
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
}

@media (width >=1024px) {
    .RecipeLandingPage-NewsletterSignupPromoWrapper {
        margin-top: calc(var(--spacing) * 48);
    }
}

.RecipeLandingPage-NewsletterSignupPromoWrapper+.Ad {
    margin-top: calc(var(--spacing) * 80);
    margin-bottom: calc(var(--spacing) * 48);
}

@media (width >=744px) {
    .RecipeLandingPage-NewsletterSignupPromoWrapper+.Ad {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-NewsletterSignupPromoWrapper+.Ad {
        margin-top: calc(var(--spacing) * 64);
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-NewsletterSignupPromoWrapper+.Ad {
        margin-bottom: calc(var(--spacing) * 80);
    }
}

.RecipeLandingPage-FeaturedContent {
    margin-bottom: calc(var(--spacing) * 48);
    display: flex;
    width: 100%;
    flex-direction: column;
}

@media (width >=744px) {
    .RecipeLandingPage-FeaturedContent {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=744px) {
    .RecipeLandingPage-FeaturedContent {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .RecipeLandingPage-FeaturedContent {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-FeaturedContent {
        margin-bottom: calc(var(--spacing) * 64);
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-FeaturedContent {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-FeaturedContent {
        max-width: calc(var(--spacing) * 1036);
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-FeaturedContent {
        gap: calc(var(--spacing) * 32);
    }
}

.RecipeLandingPage-FeatureImageSection {
    width: 100%;
    flex-shrink: 0;
}

@media (width >=744px) {
    .RecipeLandingPage-FeatureImageSection {
        max-width: 396px;
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-FeatureImageSection {
        max-width: 632px;
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-FeatureImageSection {
        max-width: calc(var(--spacing) * 680);
    }
}

.RecipeLandingPage-FeatureImageWrapper {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.RecipeLandingPage-FeatureImageWrapper>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.RecipeLandingPage-FeatureImageWrapper {
    background-color: var(--color-black);
    --tw-aspect-h: 9;
}

.RecipeLandingPage-Tag {
    position: relative;
    top: calc(var(--spacing) * 8);
    left: calc(var(--spacing) * 8);
    z-index: 10;
    width: fit-content;
    background-color: var(--color-black);
}

.RecipeLandingPage-Tag p {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-family: var(--font-primary);
    font-size: var(--text-tx10);
    line-height: var(--tw-leading, var(--text-tx10--line-height));
    --tw-tracking: 1px;
    letter-spacing: 1px;
    color: var(--color-white);
    text-transform: capitalize;
}

.RecipeLandingPage-FeatureImage {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.RecipeLandingPage-FeatureTextSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.RecipeLandingPage-FeatureTextSection .Button {
    width: fit-content;
    text-transform: none;
}

.RecipeLandingPage-FeatureTeaser {
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.RecipeLandingPage-FeatureTitle {
    margin-bottom: calc(var(--spacing) * 16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .RecipeLandingPage-FeatureTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-FeatureTitle {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-FeatureTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }
}

.RecipeLandingPage-FeatureSummary {
    margin-bottom: calc(var(--spacing) * 16);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: var(--font-secondary);
    color: var(--color-gray-6);
}

@media (width >=744px) {
    .RecipeLandingPage-FeatureSummary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media (width >=744px) {
    .RecipeLandingPage-FeatureSummary {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-FeatureSummary {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-FeatureSummary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.RecipeLandingPage-RecipeFinderWrapper {
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-brand-primary-1);
    background-color: var(--color-gray-1);
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .RecipeLandingPage-RecipeFinderWrapper {
        padding: calc(var(--spacing) * 32);
    }
}

.RecipeLandingPage-RecipeFinderForm {
    display: grid;
}

@media (width >=744px) {
    .RecipeLandingPage-RecipeFinderForm {
        gap: calc(var(--spacing) * 32);
    }
}

.RecipeLandingPage-SearchWrapper {
    display: grid;
    width: 100%;
    grid-template-columns: none;
    align-items: center;
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .RecipeLandingPage-SearchWrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .RecipeLandingPage-SearchWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.RecipeLandingPage-SearchWrapper label {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .RecipeLandingPage-SearchWrapper label {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.RecipeLandingPage-SearchWrapper input {
    width: 100%;
    border-color: var(--color-gray-3);
    font-family: var(--font-primary);
}

.RecipeLandingPage-SearchWrapper input::placeholder {
    color: var(--color-gray-7);
}

.RecipeLandingPage-SearchWrapper input:focus {
    border-color: var(--color-gray-3);
}

.RecipeLandingPage-SearchWrapper input:focus {
    --tw-ring-color: transparent;
}

.RecipeLandingPage-InputWrapper {
    grid-column: span 3 / span 3;
    display: flex;
    width: 100%;
}

.RecipeLandingPage-SearchButton {
    background-color: var(--color-gray-3);
    padding: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: var(--leading-4);
    line-height: var(--leading-4);
}

.RecipeLandingPage-ToggleFilters {
    margin: auto;
    margin-top: calc(var(--spacing) * 24);
    display: flex;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
}

@media (width >=744px) {
    .RecipeLandingPage-ToggleFilters {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .RecipeLandingPage-ToggleFilters {
        display: none;
    }
}

.RecipeLandingPage-ToggleFilters p {
    font-family: var(--font-primary);
    color: var(--color-gray-8);
}

.RecipeLandingPage-FilterArrow {
    display: block;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    background-color: var(--color-gray-8);
}

.RecipeLandingPage-SelectWrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .RecipeLandingPage-SelectWrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-SelectWrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-SelectWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.RecipeLandingPage-SelectWrapper select {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-3);
    padding-block: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    color: var(--color-gray-9);
}

.RecipeLandingPage-SelectWrapper select:focus {
    border-color: var(--color-gray-3);
}

.RecipeLandingPage-SelectWrapper select:focus {
    --tw-ring-color: transparent;
}

.RecipeLandingPage-FiltersWrapper {
    transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    max-height: calc(var(--spacing) * 0);
    overflow: hidden;
    opacity: 0%;
}

.RecipeLandingPage-FiltersWrapper_showFilters {
    max-height: 100vh;
    opacity: 100%;
}

.RecipeLandingPage-FiltersWrapper select {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-leading: 27px;
    line-height: 27px;
}

.RecipeLandingPage-RecipeFinderWrapper+.Ad {
    margin-top: calc(var(--spacing) * 48);
}

@media (width >=1024px) {
    .RecipeLandingPage-RecipeFinderWrapper+.Ad {
        margin-top: calc(var(--spacing) * 64);
    }
}

.RecipeLandingPage-LatestRecipesContainer {
    margin-top: calc(var(--spacing) * 48);
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
}

@media (width >=1024px) {
    .RecipeLandingPage-LatestRecipesContainer {
        margin-top: calc(var(--spacing) * 64);
    }
}

.RecipeLandingPage-LatestRecipesHeader {
    margin-bottom: calc(var(--spacing) * 32);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
}

.RecipeLandingPage-LatestRecipesHeader h3 {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .RecipeLandingPage-LatestRecipesHeader h3 {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.RecipeLandingPage-LatestRecipesHeader a {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-gray-7);
    text-transform: uppercase;
}

@media (width >=744px) {
    .RecipeLandingPage-LatestRecipesHeader a {
        display: flex;
    }
}

.RecipeLandingPage-Icon {
    display: block;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    background-color: var(--color-gray-7);
}

.RecipeLandingPage-LatestRecipesWrapper {
    display: grid;
    gap: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .RecipeLandingPage-LatestRecipesWrapper {
        gap: calc(var(--spacing) * 32);
    }
}

.RecipeLandingPage-LatestRecipesWrapper .Button {
    display: flex;
    justify-content: center;
}

@media (width >=744px) {
    .RecipeLandingPage-LatestRecipesWrapper .Button {
        display: none;
    }
}

.RecipeLandingPage-LatestRecipesRow {
    display: grid;
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
    grid-auto-columns: minmax(256px, 1fr);
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
    gap: calc(var(--spacing) * 24);
    overflow-x: auto;
}

@media (width >=744px) {
    .RecipeLandingPage-LatestRecipesRow {
        grid-auto-columns: auto;
    }
}

@media (width >=744px) {
    .RecipeLandingPage-LatestRecipesRow {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .RecipeLandingPage-LatestRecipesRow {
        overflow-x: hidden;
    }
}

@media (width >=1200px) {
    .RecipeLandingPage-LatestRecipesRow {
        gap: calc(var(--spacing) * 32);
    }
}

.RecipeLandingPage-LatestRecipesWrapper+.Ad {
    margin-top: calc(var(--spacing) * 56);
}

@media (width >=744px) {
    .RecipeLandingPage-LatestRecipesWrapper+.Ad {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .RecipeLandingPage-LatestRecipesWrapper+.Ad {
        margin-top: calc(var(--spacing) * 64);
    }
}

.RecipePortalSearch .SearchResult-ContentList {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .RecipePortalSearch .SearchResult-ContentList {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .RecipePortalSearch .SearchResult-ContentList {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .RecipePortalSearch .SearchResult-ContentList {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1200px) {
    .RecipePortalSearch .SearchResult-ContentList {
        gap: calc(var(--spacing) * 32);
    }
}

.RecipePortalSearch .Search-NewsletterSignupPromoWrapper+.Ad {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .RecipePortalSearch .Search-NewsletterSignupPromoWrapper+.Ad {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .RecipePortalSearch .Search-NewsletterSignupPromoWrapper+.Ad {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .RecipePortalSearch .Search-NewsletterSignupPromoWrapper+.Ad {
        padding-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1200px) {
    .RecipePortalSearch .Search-NewsletterSignupPromoWrapper+.Ad {
        padding-top: calc(var(--spacing) * 0);
    }
}

.RecipePortalSearch .SearchResult-ResultsSection {
    padding-top: calc(var(--spacing) * 24);
    padding-bottom: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .RecipePortalSearch .SearchResult-ResultsSection {
        padding-top: calc(var(--spacing) * 48);
    }
}

.RecipePortalSearch .SearchResult {
    display: flex;
    flex-direction: column;
    column-gap: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .RecipePortalSearch .SearchResult {
        display: grid;
    }
}

@media (width >=1024px) {
    .RecipePortalSearch .SearchResult {
        grid-template-columns: 304px 1fr 1fr;
    }
}

@media (width >=1200px) {
    .RecipePortalSearch .SearchResult {
        grid-template-columns: 324px 1fr 1fr;
    }
}

@media (width >=1200px) {
    .RecipePortalSearch .SearchResult {
        column-gap: calc(var(--spacing) * 32);
    }
}

.AuthorTeamPage {
    display: flex;
    width: 100%;
    max-width: calc(var(--spacing) * 1036);
    flex-direction: column;
    justify-content: center;
    justify-self: center;
}

.AuthorTeamPage-Header {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 330);
    justify-self: center;
    text-align: center;
}

@media (width >=744px) {
    .AuthorTeamPage-Header {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=744px) {
    .AuthorTeamPage-Header {
        width: 696px;
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-Header {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-Header {
        width: 960px;
    }
}

@media (width >=1200px) {
    .AuthorTeamPage-Header {
        width: 1036px;
    }
}

.AuthorTeamPage-HeaderTitle {
    margin-bottom: calc(var(--spacing) * 24);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 12);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=744px) {
    .AuthorTeamPage-HeaderTitle {
        font-size: 32px;
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-HeaderTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.AuthorTeamPage-HeaderSummary {
    margin-top: calc(var(--spacing) * 16);
    width: 100%;
    max-width: calc(var(--spacing) * 330);
    justify-self: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: 150%;
    line-height: 150%;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

@media (width >=744px) {
    .AuthorTeamPage-HeaderSummary {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=744px) {
    .AuthorTeamPage-HeaderSummary {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-HeaderSummary {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-HeaderSummary {
        max-width: calc(var(--spacing) * 632);
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-HeaderSummary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .AuthorTeamPage-HeaderSummary {
        max-width: calc(var(--spacing) * 680);
    }
}

.AuthorTeamPage-AuthorsGrid {
    margin-bottom: calc(var(--spacing) * 48);
    display: flex;
    width: 100%;
    max-width: calc(var(--spacing) * 330);
    flex-wrap: wrap;
    justify-content: center;
    justify-self: center;
}

@media (width >=744px) {
    .AuthorTeamPage-AuthorsGrid {
        max-width: 100%;
    }
}

@media (width >=744px) {
    .AuthorTeamPage-AuthorsGrid {
        gap: calc(var(--spacing) * 36);
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-AuthorsGrid {
        gap: calc(var(--spacing) * 30);
    }
}

@media (width >=1200px) {
    .AuthorTeamPage-AuthorsGrid {
        gap: calc(var(--spacing) * 23);
    }
}

.AuthorTeamPage-BodyWrapper {
    margin-top: calc(var(--spacing) * 60);
    display: flex;
    justify-content: center;
}

.AuthorTeamPage-BodyContent {
    width: 100%;
    max-width: calc(var(--spacing) * 330);
}

@media (width >=744px) {
    .AuthorTeamPage-BodyContent {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .AuthorTeamPage-BodyContent {
        max-width: calc(var(--spacing) * 632);
    }
}

@media (width >=1200px) {
    .AuthorTeamPage-BodyContent {
        max-width: calc(var(--spacing) * 680);
    }
}

.extended-breakpoints .AuthorTeamPage {
    max-width: calc(var(--spacing) * 1400);
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-Header {
        width: 1132px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-Header {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-Header {
        margin-bottom: calc(var(--spacing) * 60);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-Header {
        width: 1400px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-HeaderTitle {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-HeaderTitle {
        padding-bottom: calc(var(--spacing) * 12);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-HeaderTitle {
        font-size: var(--text-tx40);
        line-height: var(--tw-leading, var(--text-tx40--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-HeaderSummary {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-HeaderSummary {
        width: 744px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-HeaderSummary {
        max-width: calc(var(--spacing) * 920);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-HeaderSummary {
        width: 920px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-HeaderSummary {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-AuthorsGrid {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-AuthorsGrid {
        width: 1132px;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-AuthorsGrid {
        gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-AuthorsGrid {
        width: 1400px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-AuthorsGrid {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-BodyContent {
        max-width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage-BodyContent {
        max-width: calc(var(--spacing) * 920);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage-BodyWrapper {
        margin-top: calc(var(--spacing) * 56);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage .Pagination-Wrapper {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary {
        padding-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary_variant_author-team {
        max-width: 356px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary_variant_author-team {
        max-width: 440px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-Image_variant_author-team {
        height: 144px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-Image_variant_author-team {
        width: 144px;
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-Title_variant_author-team {
        font-size: var(--text-tx24);
        line-height: var(--tw-leading, var(--text-tx24--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-SubTitle_variant_author-team {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-Content {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-Content_variant_author-team {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1200px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-ContentWrapper {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .AuthorTeamPage .ContributorSummary-ContentWrapper {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media print {
    #transcend-consent-manager {
        display: none;
    }

    .Layout-Section {
        padding: 0;
    }

    .Ad,
    .Navigation,
    .Footer,
    .TwoColumnLayout-Sidebar {
        display: none;
    }

    .TwoColumnLayout-Body {
        display: block;
    }

    .ArticleBase-Topics {
        flex-wrap: wrap;
    }

    .ArticleBase-Footer,
    .ArticleBase-SocialShare,
    .ArticleBase-IirisRecommendation {
        display: none;
    }

    .ArticleBase-LargeTitle,
    .ArticleBase-PrintLogo,
    .ArticleBase-Body {
        display: block;
    }

    .ArticleBase-PrintLogo {
        margin: auto;
        width: calc(var(--spacing) * 300);
    }

    .ArticleBase-PrintLogoImage {
        max-height: calc(var(--spacing) * 60);
        max-width: calc(var(--spacing) * 300);
    }

    .ContentImage-Wrapper,
    .ContentParagraph {
        break-inside: avoid;
    }
}

.Profile {
    margin-bottom: calc(var(--spacing) * -16);
}

@media (width >=744px) {
    .Profile {
        margin-bottom: calc(var(--spacing) * -24);
    }
}

@media (width >=1024px) {
    .Profile {
        margin-bottom: calc(var(--spacing) * -32);
    }
}

.Profile-Wrapper {
    padding-bottom: calc(var(--spacing) * 48);
}

@media (width >=744px) {
    .Profile-Wrapper {
        padding-bottom: calc(var(--spacing) * 80);
    }
}

.EventPage-TopAd {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .EventPage-TopAd {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.Loader {
    height: 100%;
    width: 100%;
    padding-block: calc(var(--spacing) * 40);
    text-align: center;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.Provider {
    overflow-x: hidden;
}

.CatchBoundary {
    margin-top: calc(var(--spacing) * 40);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.CatchBoundary-Message {
    margin-bottom: calc(var(--spacing) * 40);
    font-family: var(--font-primary);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

@media (width >=1024px) {
    .CatchBoundary-Message {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.ErrorBoundary {
    margin-top: calc(var(--spacing) * 40);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ModuleMappings,
.SidebarModuleMock {
    background-color: var(--color-black);
}

.ub-emb-bar-frame {
    margin-inline: auto;
    width: 100%;
}

@media (width >=744px) {
    .ub-emb-bar-frame {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .ub-emb-bar-frame {
        max-width: calc(var(--spacing) * 960);
    }
}

@media (width >=1200px) {
    .ub-emb-bar-frame {
        max-width: calc(var(--spacing) * 1036);
    }
}

.BlueskyEmbed {
    display: flex;
    justify-content: center;
}

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

.ArticleReadTime {
    font-family: var(--font-secondary);
    white-space: nowrap;
    color: var(--color-gray-7);
}

.ArticleReadTime_size_normal .ArticleReadTime-Icon {
    background-color: var(--color-gray-7);
}

.ArticleReadTime_size_small {
    text-transform: uppercase;
}

.Blockquote {
    position: relative;
    min-height: calc(var(--spacing) * 100);
    max-width: max-content;
    padding-inline: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 12);
}

.Blockquote-Quote {
    position: relative;
    font-family: var(--font-secondary);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-9);
    font-style: italic;
}

.Blockquote-Icon {
    position: absolute;
    display: inline-block;
    height: calc(var(--spacing) * 88);
    width: calc(var(--spacing) * 100);
    background-color: var(--color-gray-1);
}

.Blockquote-Icon_state_open {
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
}

.Blockquote-Icon_state_close {
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
}

.Button {
    border-radius: var(--radius-xs);
}

.Button_variant_primaryFilled,
.Button_variant_secondaryFilled {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.Button-ContentWrapper {
    font-family: var(--font-primary);
}

.Button_variant_darkOutlined {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-9);
    background-color: transparent;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
    text-transform: uppercase;
}

@media (hover: hover) {
    .Button_variant_darkOutlined:hover {
        background-color: var(--color-gray-9);
    }
}

@media (hover: hover) {
    .Button_variant_darkOutlined:hover {
        color: var(--color-white);
    }
}

.Button_variant_lightOutlined {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: transparent;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
}

@media (hover: hover) {
    .Button_variant_lightOutlined:hover {
        background-color: var(--color-white);
    }
}

@media (hover: hover) {
    .Button_variant_lightOutlined:hover {
        color: var(--color-gray-9);
    }
}

.Button_variant_ghost {
    background-color: transparent;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

@media (hover: hover) {
    .Button_variant_ghost:hover {
        background-color: var(--color-gray-1);
    }
}

.Button_variant_textLink {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

@media (hover: hover) {
    .Button_variant_textLink .ContentWrapper:hover {
        text-decoration-line: underline;
    }
}

.Button_variant_textLink .Button-ContentWrapper {
    font-family: var(--font-secondary);
}

@media (hover: hover) {
    .Button_variant_textLink .Button-ContentWrapper:hover {
        text-decoration-line: underline;
    }
}

.Button_variant_transparent {
    display: flex;
    align-items: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.Button_variant_transparent.Button_size_medium {
    margin-left: calc(var(--spacing) * 24);
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 7);
    color: var(--color-gray-9);
}

.Button_variant_transparent.Button_size_medium .Button-Icon {
    background-color: var(--color-gray-9);
}

.Button_variant_darkOutlined:hover .Button-Icon,
.Button_variant_lightOutlined .Button-Icon {
    background-color: var(--color-white);
}

.Button_variant_ghost .Button-Icon,
.Button_variant_darkOutlined .Button-Icon,
.Button_variant_lightOutlined:hover .Button-Icon {
    background-color: var(--color-gray-9);
}

.CaptionedContent-Content {
    overflow: hidden;
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-1);
}

.CaptionedContent-Caption {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-leading: var(--leading-5);
    line-height: var(--leading-5);
    color: var(--color-gray-7);
}

@media (width >=1024px) {
    .CaptionedContent-Caption {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.CaptionedContent-CreditTo {
    margin-left: calc(var(--spacing) * 8);
    text-transform: uppercase;
}

.FilterSection {
    overflow: hidden;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.FilterSection_expanded {
    padding-bottom: calc(var(--spacing) * 16);
}

.FilterSection-ToggleTitle {
    display: flex;
    height: calc(var(--spacing) * 25);
    flex-grow: 1;
    align-items: center;
    text-align: left;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    color: var(--color-gray-9);
}

.FilterSection-ToggleTitleIcon {
    display: inline-block;
    flex-shrink: 0;
    rotate: -180deg;
    transform: translateZ(0) var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
}

.FilterSection_expanded .FilterSection-ToggleTitleIcon {
    rotate: 0deg;
}

.FilterSection-IconChevronUp {
    display: inline-block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    background-color: var(--color-gray-8);
}

.FilterSection-ItemsWrapper {
    overflow: auto;
    padding-inline: calc(var(--spacing) * 16);
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
}

@media (width >=1024px) {
    .FilterSection-ItemsWrapper {
        max-height: calc(var(--spacing) * 248);
    }
}

@media (width >=1024px) {
    .FilterSection-ItemsWrapper {
        padding-inline: calc(var(--spacing) * 16);
    }
}

.FilterSection-Item {
    --tw-leading: var(--leading-6);
    line-height: var(--leading-6);
}

.FilterSection-Item .ItemData-TextAll {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.FilterSection-InputAllItems {
    border-color: var(--color-gray-9);
}

.ItemData-TextLabel {
    color: var(--color-gray-9);
}

.ItemData-TextCount {
    color: var(--color-gray-7);
}

.ItemData-TextAll {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

.Input-Field {
    border-color: var(--color-gray-5);
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

.Label {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.Label_variant_normal {
    margin-bottom: calc(var(--spacing) * 16);
    font-family: var(--font-primary);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.Label_variant_small {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-8);
}

.SearchBar {
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.SearchBar-Input {
    border-radius: var(--radius-3);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SearchBar-Input::placeholder {
    color: var(--color-gray-9);
}

.SearchBar-Input:not(.SearchBar-Input_variant_megaMenu) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-color: var(--color-gray-5);
}

.SearchBar-Input:not(.SearchBar-Input_variant_megaMenu):focus {
    border-color: var(--color-gray-5);
}

.SearchBar-Input_variant_megaMenu {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
}

.SearchBar-Input_variant_megaMenu:focus {
    border-color: var(--color-white);
}

.SearchBar-SearchButton {
    border-radius: var(--radius-3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
    text-transform: uppercase;
}

.SearchBar-CloseIcon {
    height: calc(var(--spacing) * 15);
    width: calc(var(--spacing) * 15);
    background-color: var(--color-gray-9);
}

.Typography_variant_h1 {
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

@media (width >=1024px) {
    .Typography_variant_h1 {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.Typography_variant_h2 {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .Typography_variant_h2 {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.Typography_variant_h3 {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .Typography_variant_h3 {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.Typography_variant_h4 {
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .Typography_variant_h4 {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.Typography_variant_h5 {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .Typography_variant_h5 {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Typography_variant_h6 {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

@media (width >=1024px) {
    .Typography_variant_h6 {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.Typography_variant_bodySmall {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .Typography_variant_bodySmall {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.Typography_variant_bodyNormal {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

@media (width >=1024px) {
    .Typography_variant_bodyNormal {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Typography_variant_deck {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

@media (width >=1024px) {
    .Typography_variant_deck {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Typography_font_primary {
    font-family: var(--font-primary);
}

.Typography_font_secondary {
    font-family: var(--font-secondary);
}

.Contributors-Avatar {
    border-radius: calc(infinity * 1px);
    border-color: var(--color-white);
}

.Contributors-ContributorsCount {
    border-radius: calc(infinity * 1px);
    border-color: var(--color-white);
    background-color: var(--color-gray-2);
    color: var(--color-gray-8);
}

.Contributors-ContributorName {
    font-weight: 600
}

.Contributors-Date {
    font-weight: 600;
    color: var(--color-gray-5);
}

.Contributors-ByText,
.Contributors-InfoWrapper {
    color: var(--color-gray-9);
}

.Contributors-ContributorTitle {
    color: var(--color-gray-8);
}

.Contributors_isWhiteMode .Contributors-Avatar {
    border-color: transparent;
}

.Contributors_isWhiteMode .Contributors-Date {
    color: var(--color-gray-2);
}

.Contributors_isWhiteMode .Contributors-ContributorName,
.Contributors_isWhiteMode .Contributors-ContributorTitle {
    color: var(--color-white);
}

.Contributors_variant_normal:not(.Contributors_isWhiteMode) .Contributors-ContributorName {
    color: var(--color-gray-8);
}

.Contributors_variant_normal:not(.Contributors_isWhiteMode) .Contributors-ContributorTitle {
    color:#666666;
}

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

.Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorName {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-black);
}

.Contributors_variant_slimline.Contributors_cardVariant_small .Contributors-ContributorTitle {
    color: var(--color-black);
}

.Keyword_variant_category {
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    background-color: var(--color-gray-1);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.Keyword_variant_category-2 {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-1);
    background-color: var(--color-white);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

.Keyword_variant_category-2:not(.Keyword_disabled) {
    color: var(--color-gray-7);
}

@media (hover: hover) {
    .Keyword_variant_category-2:not(.Keyword_disabled):hover {
        border-color: var(--color-gray-5);
    }
}

@media (hover: hover) {
    .Keyword_variant_category-2:not(.Keyword_disabled):hover {
        color: var(--color-gray-9);
    }
}

.Keyword_variant_category-2.Keyword_disabled {
    color: var(--color-gray-5);
}

.Keyword_variant_label {
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    background-color: var(--color-gray-1);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.Keyword_variant_standard {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
    .Keyword_variant_standard:not(.Keyword_disabled):hover {
        background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    }
}

@media (hover: hover) {
    .Keyword_variant_standard:not(.Keyword_disabled):hover {
        --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
}

.Keyword_variant_alternate {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    text-transform: uppercase;
}

:where(.SocialShare_variant_button > :not(:last-child)),
:where(.SocialShare_variant_layout > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
}

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

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

@media (width >=744px) {
    :where(.SocialShare_location_footerMenu > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
    }
}

:where(.SocialShare_variant_large > :not(:last-child)),
:where(.SocialShare_variant_normalColored > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse)));
}

@media (width >=744px) {

    :where(.SocialShare_variant_large > :not(:last-child)),
    :where(.SocialShare_variant_normalColored > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse)));
    }
}

:where(.SocialShare_variant_normal > :not(:last-child)),
:where(.SocialShare_variant_normalWhite > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 16) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-x-reverse)));
}

.SocialShare-IconWrapper_variant_button {
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-7);
    padding-inline: calc(var(--spacing) * 14);
    padding-block: calc(var(--spacing) * 4);
}

@media (width >=1024px) {
    .SocialShare-IconWrapper_variant_button {
        padding-inline: calc(var(--spacing) * 28);
    }
}

@media (width >=1024px) {
    .SocialShare-IconWrapper_variant_button {
        padding-block: calc(var(--spacing) * 8);
    }
}

.SocialShare-Icon_variant_button {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    background-color: var(--color-white);
}

@media (width >=1024px) {
    .SocialShare-Icon_variant_button {
        height: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .SocialShare-Icon_variant_button {
        width: calc(var(--spacing) * 16);
    }
}

.SocialShare-Icon_variant_layout {
    background-color: var(--color-gray-7);
}

.SocialShare-Icon_variant_normal {
    height: calc(var(--spacing) * 17);
    width: calc(var(--spacing) * 17);
    background-color: var(--color-gray-7);
}

.SocialShare-Icon_variant_large {
    height: calc(var(--spacing) * 25);
    width: calc(var(--spacing) * 25);
    background-color: var(--color-gray-7);
}

.SocialShare-Icon_variant_normalWhite {
    height: calc(var(--spacing) * 17);
    width: calc(var(--spacing) * 17);
    background-color: var(--color-white);
}

.SocialShare-Icon_variant_normalColored {
    height: calc(var(--spacing) * 25);
    width: calc(var(--spacing) * 25);
    background-color: var(--color-gray-7);
}

.SocialShare-Icon_variant_normalColored.SocialShare-Icon_type_linkedin {
    background-color: var(--color-social-linkedin);
}

.SocialShare-Icon_variant_normalColored.SocialShare-Icon_type_facebook {
    background-color: var(--color-social-facebook);
}

.SocialShare-Icon_variant_normalColored.SocialShare-Icon_type_twitter {
    background-color: var(--color-social-twitter);
}

.SocialShare-Icon_variant_normalColored.SocialShare-Icon_type_instagram {
    background-color: var(--color-social-instagram);
}

@media (width >=1512px) {
    .extended-breakpoints .SocialShare-Icon_variant_button {
        height: calc(var(--spacing) * 24);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .SocialShare-Icon_variant_button {
        width: calc(var(--spacing) * 24);
    }
}

.RelatedArticle {
    border-color: var(--color-gray-2);
    font-family: var(--font-secondary);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .RelatedArticle {
        --tw-leading: var(--leading-6);
        line-height: var(--leading-6);
    }
}

.RelatedArticle-Title {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #fff;
}

.RelatedArticle-RelatedContent {
    color: var(--color-brand-primary-4);
}

:where(.BasicList-OrderedList > :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)));
}

.BasicList-OrderedList *::marker {
    font-family: var(--font-primary);
}

.BasicList-OrderedList::marker {
    font-family: var(--font-primary);
}

.BasicList-OrderedList *::marker {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.BasicList-OrderedList::marker {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
}

.BasicList-OrderedList *::marker {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.BasicList-OrderedList::marker {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.BasicList-OrderedList *::marker {
    color: var(--color-gray-9);
}

.BasicList-OrderedList::marker {
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .BasicList-OrderedList *::marker {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1024px) {
    .BasicList-OrderedList::marker {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1024px) {
    .BasicList-OrderedList *::marker {
        --tw-leading: var(--leading-6);
        line-height: var(--leading-6);
    }
}

@media (width >=1024px) {
    .BasicList-OrderedList::marker {
        --tw-leading: var(--leading-6);
        line-height: var(--leading-6);
    }
}

.BasicList-OrderedList_nestedLevel_0 {
    list-style-type: decimal;
}

.BasicList-OrderedList_nested {
    list-style-type: decimal;
    padding-left: calc(var(--spacing) * 38);
}

.BasicList-ListItem {
    display: flex;
    align-items: flex-start;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-gray-8);
}

@media (width >=1024px) {
    .BasicList-ListItem {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

@media (width >=1024px) {
    .BasicList-ListItem {
        --tw-leading: var(--leading-6);
        line-height: var(--leading-6);
    }
}

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

.BasicList-ListIcon_variant_unordered {
    margin-top: calc(var(--spacing) * 9);
    display: block;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
}

.BasicList-ListIcon_variant_unordered:not(.BasicList-ListIcon_nested) {
    background-color: var(--color-brand-primary-1);
}

.BasicList-ListIcon_variant_unordered.BasicList-ListIcon_nested {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-brand-primary-1);
    background-color: transparent;
}

.BasicList-ListIcon_variant_ordered {
    display: none;
}

.BasicList-Title {
    display: flex;
    align-items: flex-start;
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .BasicList-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

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

.BasicList-TitleText {
    padding-left: calc(var(--spacing) * 12);
}

.BasicList-TitleIcon_variant_unordered {
    margin-top: calc(var(--spacing) * 9);
    display: block;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    background-color: var(--color-brand-primary-1);
}

.BasicList-TitleIcon_variant_ordered {
    display: none;
}

.Breadcrumb-GetText {
    text-transform: uppercase;
}

.Pagination-PageNumber {
    border-radius: var(--radius-sm);
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.Pagination-PageNumber_current {
    color: var(--color-white);
}

.Pagination-PageNumber:not(.Pagination-PageNumber_current) {
    background-color: var(--color-white);
    color: var(--color-gray-7);
}

.Pagination-ArrowIconWrapper {
    border-radius: calc(infinity * 1px);
    border-color: var(--color-gray-1);
}

.Pagination-ArrowIcon_disabled {
    background-color: var(--color-gray-4);
}

.Pagination-Dots,
.Pagination-Move {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-7);
}

.Carousel-OverlayAdSlide {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    opacity: 10%;
}

.Carousel-OverlayLastSlide,
.Carousel-SwiperSlider,
.Carousel-SwiperWrapper,
.Carousel-PreviewWrapper {
    border-radius: var(--radius-sm);
}

.Carousel-NavigationPreviousSlide,
.Carousel-NavigationNextSlide {
    border-radius: calc(infinity * 1px);
}

.Carousel-Caption {
    color: var(--color-gray-2);
}

.Carousel-ButtonNextSlide {
    border-radius: var(--radius-xs);
    font-family: var(--font-primary);
    text-transform: uppercase;
}

.Carousel-TextNextSlide {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.Carousel-ButtonStartSlide {
    border-radius: var(--radius-xs);
    text-transform: uppercase;
}

.Carousel-DescriptionWrapper {
    background-color: var(--color-gray-9);
}

.Carousel-DescriptionWrapper_hidden {
    display: none;
}

.Carousel-Description .ContentText_variant_h1,
.Carousel-Description .ContentText_variant_h2,
.Carousel-Description .ContentText_variant_h3,
.Carousel-Description .ContentText_variant_h4,
.Carousel-Description .ContentText-BodyTextChunk_link {
    color: var(--color-white);
}

.Carousel-Description .BasicList-ListIcon_variant_unordered:not(.BasicList-ListIcon_nested),
.Carousel-Description .BasicList-ListIcon_variant_ordered:not(.BasicList-ListIcon_nested) {
    background-color: var(--color-white);
}

.Carousel-Description .BasicList-ListIcon_variant_unordered.BasicList-ListIcon_nested {
    border-color: var(--color-white);
}

.Carousel-Description .BasicList-OrderedList *::marker {
    color: var(--color-white);
}

.Carousel-Description .BasicList-OrderedList::marker {
    color: var(--color-white);
}

.Carousel-Description .BasicList-ListItem .ContentText {
    color: var(--color-white);
}

.Carousel-TitleNextSlide {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.Carousel .Button-Icon_position_left {
    height: calc(var(--spacing) * 23);
    width: calc(var(--spacing) * 20);
}

.ContributorSummary {
    flex-direction: column;
    flex-wrap: wrap;
    background-color: var(--color-white);
}

.ContributorSummary_variant_normal {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
}

@media (width >=744px) {
    .ContributorSummary_variant_normal {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .ContributorSummary_variant_normal {
        padding-inline: calc(var(--spacing) * 82);
    }
}

@media (width >=1200px) {
    .ContributorSummary_variant_normal {
        padding-inline: calc(var(--spacing) * 90);
    }
}

.ContributorSummary_variant_author {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    padding: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ContributorSummary_variant_author {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .ContributorSummary_variant_author {
        padding: calc(var(--spacing) * 24);
    }
}

.ContributorSummary_variant_author-team {
    flex-direction: column;
    justify-content: flex-start;
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
    background-color: var(--color-white);
}

.ContributorSummary-Image {
    border-radius: calc(infinity * 1px);
}

.ContributorSummary-InfoWrapper {
    flex: 1;
}

.ContributorSummary-InfoWrapper_variant_normal {
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .ContributorSummary-InfoWrapper_variant_normal {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .ContributorSummary-InfoWrapper_variant_normal {
        padding-left: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ContributorSummary-InfoWrapper_variant_normal {
        padding-left: calc(var(--spacing) * 40);
    }
}

.ContributorSummary-InfoWrapper_variant_author {
    padding-top: calc(var(--spacing) * 16);
    text-align: center;
}

@media (width >=744px) {
    .ContributorSummary-InfoWrapper_variant_author {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .ContributorSummary-InfoWrapper_variant_author {
        padding-left: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .ContributorSummary-InfoWrapper_variant_author {
        text-align: left;
    }
}

.ContributorSummary-InfoWrapper_variant_author-team {
    width: 100%;
}

.ContributorSummary-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContributorSummary-Title_variant_author-team {
    font-family: var(--font-primary);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.ContributorSummary-SubTitle {
    color: var(--color-gray-7);
}

.ContributorSummary-SubTitle_variant_author {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.ContributorSummary-SubTitle_variant_author-team {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-7);
}

.ContributorSummary-About {
    color: var(--color-gray-7);
}

.ContributorSummary-Content_variant_normal {
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-gray-8);
}

@media (width >=1024px) {
    .ContributorSummary-Content_variant_normal {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.ContributorSummary-Content_variant_author {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ContributorSummary-Content_variant_author {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ContributorSummary-Content_variant_author-team {
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-8);
}

.ContributorSummary-SeeMore {
    display: none;
}

.Sponsored {
    flex-direction: column;
}

@media (width >=744px) {
    .Sponsored {
        flex-direction: row;
    }
}

.Sponsored-Text {
    margin-top: calc(var(--spacing) * 12);
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .Sponsored-Text {
        margin-top: calc(var(--spacing) * 0);
    }
}

.ContentList {
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

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

.ContentList-Header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.ContentList-SponsoredContent {
    font-family: var(--font-secondary);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ContentList-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentList-ListItem:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.ContentList-ListItemTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentList-ListItemDate {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

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

.ContentList-CTAButton {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-gray-1);
}

.ContentList-CTAButton .Button {
    justify-content: center;
}

.ContentList-CTAText {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.Media_audio {
    height: calc(var(--spacing) * 200);
}

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

.Summary {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-block: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    :where(.Summary > :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)));
    }
}

@media (width >=1024px) {
    .Summary {
        padding-block: calc(var(--spacing) * 24);
    }
}

.Summary-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .Summary-Title {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.Summary-Item {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: flex-start;
}

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

.Summary-Item {
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-9);
}

.Summary-Item:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=1024px) {
    .Summary-Item {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.Summary-Icon {
    margin-top: calc(var(--spacing) * 9);
    display: inline-block;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
}

@media (width >=1024px) {
    .Summary-Icon {
        margin-top: calc(var(--spacing) * 10);
    }
}

.Summary-ItemContent {
    flex: 1;
    color: var(--color-gray-8);
}

@media (width >=1512px) {
    .extended-breakpoints .Summary-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Summary-Item {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.Speaker-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.Speaker-ItemInfo {
    border-radius: var(--radius-md);
    border-color: var(--color-gray-2);
}

.Speaker-Photo {
    border-radius: var(--radius-48);
}

.Speaker-Name {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.Speaker-Role {
    font-family: var(--font-primary);
    color: var(--color-gray-7);
}

.Speaker-Company {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-7);
}

@media (width >=1512px) {
    .extended-breakpoints .Speaker-Photo {
        border-radius: var(--radius-64);
    }
}

.WebinarSection {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    background-color: var(--color-gray-1);
}

@media (width >=744px) {
    :where(.WebinarSection-Info > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 58) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 58) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=1024px) {
    :where(.WebinarSection-Info > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 28) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 28) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=1200px) {
    :where(.WebinarSection-Info > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 40) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-x-reverse)));
    }
}

.WebinarSection-InfoItem {
    color: var(--color-gray-9);
}

.WebinarSection-InfoItem:last-child {
    padding-bottom: calc(var(--spacing) * 0);
}

.WebinarSection-InfoText {
    margin-bottom: calc(var(--spacing) * 0);
}

.WebinarSection-Icon {
    background-color: var(--color-gray-7);
}

.WebinarSection-CTAButton {
    border-radius: var(--radius-xs);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
    text-transform: uppercase;
}

.WebinarSection-CTARegisterText {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

@media (width >=1512px) {
    :where(.extended-breakpoints .WebinarSection-Info > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 56) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 56) * calc(1 - var(--tw-space-x-reverse)));
    }
}

.TagIcon {
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.TagIcon-Separator {
    margin-right: calc(var(--spacing) * 12);
    margin-left: calc(var(--spacing) * 4);
}

.TagIcon-Info {
    margin-left: calc(var(--spacing) * 4);
}

.InputMultiSelect-MultiSelect {
    border-radius: var(--radius-sm);
    color: var(--color-gray-9);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.InputMultiSelect-DisableField {
    color: var(--color-gray-8);
}

.MultiCarousel-ArrowIcon {
    background-color: var(--color-brand-primary-4);
}

.SelectField-SelectedOption {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-5);
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

.SelectField-Option {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.MarketOverview-HeaderRow {
    border-color: var(--color-gray-5);
}

.MarketOverview-ContentRow {
    border-color: var(--color-gray-3);
}

.MarketOverview-HeaderCell {
    font-family: var(--font-primary);
    color: var(--color-gray-9);
}

.MarketOverview-ContentCell,
.MarketOverview-LastTradeCell {
    color: var(--color-gray-9);
}

.ChangeLocationBar {
    font-family: var(--font-primary);
}

.ChangeLocationBar_variant_commodities .ChangeLocationBar-Input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-color: var(--color-gray-5);
}

.ChangeLocationBar_variant_commodities .ChangeLocationBar-SearchButton {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: var(--color-gray-9);
}

.ChangeLocationBar_variant_weather .ChangeLocationBar-Input,
.ChangeLocationBar_variant_landingPage .ChangeLocationBar-Input {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-3);
}

.ChangeLocationBar_variant_weather .ChangeLocationBar-SearchButton,
.ChangeLocationBar_variant_landingPage .ChangeLocationBar-SearchButton {
    left: calc(var(--spacing) * -1);
    color: var(--color-white);
}

.ChangeLocationBar-Input {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

.ChangeLocationBar-Input::placeholder {
    color: var(--color-gray-7);
}

.ChangeLocationBar-Input {
    --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);
}

.ChangeLocationBar-Input:focus {
    --tw-ring-color: transparent;
}

.ChangeLocationBar-Input:focus {
    --tw-ring-offset-color: transparent;
}

.ChangeLocationBar-SearchButton {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.WeatherMap {
    height: calc(var(--spacing) * 340);
    width: 100%;
}

.WeatherMap-IFrame {
    height: 100%;
    width: 100%;
}

.AgricultureWeatherMap-Label {
    margin-bottom: calc(var(--spacing) * 24);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 8);
    font-weight: var(--font-primary-mid-weight);
    font-family: var(--font-primary);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .AgricultureWeatherMap-Label {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .AgricultureWeatherMap-Label {
        font-size: var(--text-tx22);
        line-height: var(--tw-leading, var(--text-tx22--line-height));
    }
}

.AgricultureWeatherMap-List {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .AgricultureWeatherMap-List {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .AgricultureWeatherMap-List {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .AgricultureWeatherMap-List {
        row-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .AgricultureWeatherMap-List {
        column-gap: calc(var(--spacing) * 32);
    }
}

.AgricultureWeatherMap-Item {
    width: 100%;
}

.AgricultureWeatherMap-View {
    height: calc(var(--spacing) * 255);
    width: 100%;
}

.AgricultureWeatherMap-IFrame {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-3);
}

.AgricultureWeatherMap-Type {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
    color: var(--color-gray-9);
}

.ExtendedForecast-Title {
    border-color: var(--color-gray-2);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ExtendedForecastItem {
    background-color: var(--color-white);
}

.ExtendedForecastItem-ForecastedDay {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.ExtendedForecastItem-ForecastHigh {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

.ExtendedForecastItem-ForecastLow,
.ExtendedForecastItem-ChancePrecipitationWrapper {
    color: var(--color-gray-9);
}

.SeriesHeader {
    flex-wrap: wrap;
    border-radius: var(--radius-4);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >=744px) {
    .SeriesHeader {
        flex-wrap: nowrap;
    }
}

.SeriesHeader-SeriesName {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.SeriesHeader-Description {
    color: var(--color-gray-9);
}

.SeriesHeader-SponsorAdWrapper {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 12);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-2);
    padding-inline: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 8);
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .SeriesHeader-SponsorAdWrapper {
        width: fit-content;
    }
}

@media (width >=744px) {
    .SeriesHeader-SponsorAdWrapper {
        width: var(--spacing-fit);
    }
}

@media (width >=744px) {
    .SeriesHeader-SponsorAdWrapper {
        flex-direction: column;
    }
}

@media (width >=744px) {
    .SeriesHeader-SponsorAdWrapper {
        gap: calc(var(--spacing) * 8);
    }
}

@media (width >=744px) {
    .SeriesHeader-SponsorAdWrapper {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
    }
}

@media (width >=744px) {
    .SeriesHeader-SponsorAdWrapper {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
}

@media (width >=744px) {
    .SeriesHeader-SponsorAdWrapper {
        padding-inline: calc(var(--spacing) * 12);
    }
}

@media (width >=1024px) {
    .SeriesHeader-SponsorAdWrapper {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SeriesHeader-SponsorAdWrapper {
        padding-block: calc(var(--spacing) * 16);
    }
}

.SeriesHeader-SponsorByTitle {
    text-align: center;
}

.SeriesHeader-SponsorAd {
    max-width: calc(var(--spacing) * 160);
}

@media (width >=1024px) {
    .SeriesHeader-SponsorAd {
        max-width: calc(var(--spacing) * 278);
    }
}

@media (width >=1200px) {
    .SeriesHeader-SponsorAd {
        max-width: calc(var(--spacing) * 300);
    }
}

.IirisRecommendation-Title {
    text-align: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.IirisRecommendation-TitleHr {
    border-color: var(--color-gray-2);
}

.CashGrainsBids {
    border-radius: var(--radius-sm);
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-gray-2);
    background-color: var(--color-brand-secondary-1);
}

.CashGrainsBids-Title {
    color: var(--color-gray-9);
}

.CashGrainsBids-Location {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.CashGrainsBids-StatisticsTitle {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.CashGrainsBids-StatisticsItemName,
.CashGrainsBids-StatisticsItemContract {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.CashGrainsBids-StatisticsItemPrice {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.CashGrainsBids-RedirectButtonWrapper {
    margin-top: calc(var(--spacing) * 16);
    display: flex;
    justify-content: center;
}

.CashGrainsBids-RedirectButton {
    border-radius: var(--radius-sm);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}

.ProgramHeader {
    flex-wrap: wrap;
    border-radius: var(--radius-4);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >=744px) {
    .ProgramHeader {
        flex-wrap: nowrap;
    }
}

.ProgramHeader_mode_logo {
    --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);
}

.ProgramHeader-ProgramName {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.ProgramHeader-Description {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ProgramHeader-Description {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

@media (width >=1024px) {
    .ProgramHeader-Description_sponsored {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.ProgramHeader-SponsorAdWrapper {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    gap: calc(var(--spacing) * 12);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-2);
    padding-inline: calc(var(--spacing) * 24);
    padding-block: calc(var(--spacing) * 8);
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .ProgramHeader-SponsorAdWrapper {
        width: fit-content;
    }
}

@media (width >=744px) {
    .ProgramHeader-SponsorAdWrapper {
        width: var(--spacing-fit);
    }
}

@media (width >=744px) {
    .ProgramHeader-SponsorAdWrapper {
        flex-direction: column;
    }
}

@media (width >=744px) {
    .ProgramHeader-SponsorAdWrapper {
        gap: calc(var(--spacing) * 8);
    }
}

@media (width >=744px) {
    .ProgramHeader-SponsorAdWrapper {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
    }
}

@media (width >=744px) {
    .ProgramHeader-SponsorAdWrapper {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
    }
}

@media (width >=744px) {
    .ProgramHeader-SponsorAdWrapper {
        padding-inline: calc(var(--spacing) * 12);
    }
}

@media (width >=1024px) {
    .ProgramHeader-SponsorAdWrapper {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .ProgramHeader-SponsorAdWrapper {
        padding-block: calc(var(--spacing) * 16);
    }
}

.ProgramHeader-SponsorAdWrapper_mode_logo {
    --tw-border-style: none;
    border-style: none;
    padding: calc(var(--spacing) * 0);
}

.ProgramHeader-SponsorByTitle {
    text-align: center;
}

.ProgramHeader-SponsorAd {
    max-width: calc(var(--spacing) * 160);
}

@media (width >=1024px) {
    .ProgramHeader-SponsorAd {
        max-width: calc(var(--spacing) * 278);
    }
}

@media (width >=1200px) {
    .ProgramHeader-SponsorAd {
        max-width: calc(var(--spacing) * 300);
    }
}

.MoreContentCard-Title {
    font-family: var(--font-primary);
}

.SponsorBar-Wrapper_active {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.FilterYear_variant_alternate {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.FilterYear-Head {
    border-radius: var(--radius-xs);
}

.FilterYear-Title {
    color: var(--color-gray-9);
}

.FilterYear-CheckedItem {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-9);
}

.FilterYear-ChevronIcon {
    background-color: var(--color-gray-8);
}

.FilterYear-ContentWrapper {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-5);
    background-color: var(--color-gray-1);
    padding: calc(var(--spacing) * 16);
}

.FilterYear-DropdownItem {
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-9);
}

.FilterYear-CircleIcon {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-gray-9);
}

.VideoPlayer-Icon {
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    filter: drop-shadow(0px 0px 24px #000000);
}

.FeatureImageHeader-HeaderTitle {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.DropdownNavbar-SelectedValue {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.DropdownNavbar-ItemValue,
.DropdownNavbar-ItemDisabledValue {
    font-family: var(--font-primary);
}

.DropdownNavbar-Icon {
    background-color: var(--color-gray-9);
}

.Tooltip {
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-9);
}

.Tooltip:after {
    border-top-color: var(--color-gray-9);
}

.OurProductsButton {
    background-color: var(--color-brand-primary-1);
    font-family: var(--font-secondary);
}

.Registration,
.Registration_variant_megaMenu {
    display: flex;
}

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

@media (width >=744px) {
    .Registration_variant_megaMenu {
        flex-direction: column;
    }
}

@media (width >=744px) {
    .Registration_variant_megaMenu {
        align-items: flex-start;
    }
}

@media (width >=744px) {
    :where(.Registration_variant_megaMenu > :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)));
    }
}

@media (width >=1024px) {
    .Registration_variant_megaMenu {
        flex-direction: row;
    }
}

@media (width >=1024px) {
    .Registration_variant_megaMenu {
        align-items: center;
    }
}

@media (width >=1024px) {
    :where(.Registration_variant_megaMenu > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=1024px) {
    :where(.Registration_variant_megaMenu > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 16) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-x-reverse)));
    }
}

.Registration-SignIn {
    display: none;
}

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

@media (width >=1024px) {
    .Registration-SignIn {
        display: flex;
    }
}

.Registration-SignIn_variant_megaMenu {
    margin-left: calc(var(--spacing) * 0) !important;
    display: flex;
    width: 50%;
    flex-direction: row;
    justify-content: center;
}

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

.Registration-SignIn_variant_megaMenu {
    border-radius: 0;
    background-color: var(--color-white);
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .Registration-SignIn_variant_megaMenu {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .Registration-SignIn_variant_megaMenu {
        width: auto;
    }
}

@media (width >=744px) {
    .Registration-SignIn_variant_megaMenu {
        justify-content: flex-start;
    }
}

@media (width >=744px) {
    :where(.Registration-SignIn_variant_megaMenu > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
    }
}

@media (width >=744px) {
    .Registration-SignIn_variant_megaMenu {
        padding-block: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .Registration-SignIn_variant_megaMenu {
        margin-top: calc(var(--spacing) * 0);
    }
}

.Registration-Register {
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 5);
}

@media (width >=744px) {
    .Registration-Register {
        padding-inline: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .Registration-Register {
        padding-block: calc(var(--spacing) * 7);
    }
}

.Registration-Register_variant_header {
    max-width: 122px;
    text-align: center;
}

@media (width >=744px) {
    .Registration-Register_variant_header {
        max-width: 176px;
    }
}

.Registration-Register_variant_megaMenu {
    height: calc(var(--spacing) * 50);
    width: 50%;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 7);
    --tw-leading: 1;
    line-height: 1;
}

@media (width >=744px) {
    .Registration-Register_variant_megaMenu {
        height: auto;
    }
}

@media (width >=744px) {
    .Registration-Register_variant_megaMenu {
        width: auto;
    }
}

@media (width >=744px) {
    .Registration-Register_variant_megaMenu {
        border-radius: var(--radius-xs);
    }
}

.Registration-RegisterText {
    font-family: var(--font-primary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

@media (width >=744px) {
    .Registration-RegisterText {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.Registration-RegisterText_variant_megaMenu {
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.Registration-RegisterText-Label {
    font-family: var(--font-primary);
}

.SubMenu {
    background-color: transparent;
}

.SubMenu-RelatedTopics,
.SubMenu-ItemLink,
.SubMenu-RecentText {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SubMenu-RecentTopicTerm {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.SubMenu-ItemLink:hover {
    text-decoration-line: underline;
}

.SubMenu-MoreContent:hover {
    text-decoration-color: var(--color-gray-7);
}

.SubMenu-SeeMoreText {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.SubMenu-ItemLink {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.NavBase-SecondaryMenuBackground {
    background-color: var(--color-white);
    --tw-shadow: 0px 3px 15px var(--tw-shadow-color, #0000002b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >=1024px) {
    .NavBase-SecondaryMenuBackground {
        --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);
    }
}

.NavBase-HeaderWrapper {
    margin-block: auto;
    height: calc(var(--spacing) * 64);
}

@media (width >=744px) {
    .NavBase-HeaderWrapper {
        height: calc(var(--spacing) * 85);
    }
}

@media (width >=1024px) {
    .NavBase-HeaderWrapper {
        height: calc(var(--spacing) * 90);
    }
}

.NavBase-MegaMenuIcon,
.NavBase-SearchIcon,
.NavBase-LogoMegaMenuIcon {
    height: calc(var(--spacing) * 22);
    width: calc(var(--spacing) * 22);
    background-color: var(--color-gray-9);
}

.NavBase-MegaMenuIcon_iconType_bars,
.NavBase-SearchIcon_iconType_bars,
.NavBase-LogoMegaMenuIcon_iconType_bars {
    height: calc(var(--spacing) * 18);
}

.NavBase-MegaMenuIcon_iconType_close,
.NavBase-SearchIcon_iconType_close,
.NavBase-LogoMegaMenuIcon_iconType_close {
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
}

.NavBase-IconsWrapper,
.NavBase-LogoWrapper,
.NavBase-RegisterWrapper {
    grid-row-start: 1;
    grid-row-end: 2;
}

.NavBase-IconsWrapper {
    grid-column: span 1 / span 1;
    grid-column-start: 1;
    display: flex;
    align-items: center;
}

@media (width >=744px) {
    .NavBase-IconsWrapper {
        grid-column: span 2 / span 2;
    }
}

.NavBase-LogoWrapper {
    grid-column: span 4 / span 4;
    grid-column-start: 1;
}

@media (width >=744px) {
    .NavBase-LogoWrapper {
        grid-column: span 3 / span 3;
    }
}

@media (width >=744px) {
    .NavBase-LogoWrapper {
        grid-column-start: 3;
    }
}

.NavBase-LogoMegaMenuButton {
    display: none;
}

.NavBase-Logo {
    margin-left: 46px;
    width: 136px;
}

@media (width >=744px) {
    .NavBase-Logo {
        margin: auto;
    }
}

@media (width >=744px) {
    .NavBase-Logo {
        width: 280px;
    }
}

@media (width >=1024px) {
    .NavBase-Logo {
        width: 300px;
    }
}
@media (width < 744px) {
    .NavBase-HeaderWrapper{
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .NavBase-Logo {
        display: block;
        margin: 0 auto;
    }
    .NavBase-IconsWrapper{
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .NavBase-LogoImage{
        max-width: 100px;
        max-height: unset;
    }
}

.NavBase-LogoImage {
    margin: 0 auto;
}

.NavBase-RegisterWrapper {
    grid-column: span 3 / span 3;
}

@media (width >=744px) {
    .NavBase-RegisterWrapper {
        grid-column: span 2 / span 2;
    }
}

.NavBase-MegaMenuButton,
.NavBase-SearchCloseButton,
.NavBase-SearchButtonDesktop {
    cursor: pointer !important;
}

.MainMenu-BackgroundSubmenu {
    background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
}

.MainMenu-BackgroundMenuItem {
    border-color: var(--color-gray-5);
}

.MainMenu-MegaMenuButtonWrapper {
    display: none;
}

.MainMenu-ItemsWrapper {
    grid-column: span 12 / span 12;
    align-items: center;
}

.MainMenu-ItemsWrapper_isOverOffset {
    height: calc(var(--spacing) * 42);
}

.MainMenu-ItemsWrapper:not(.MainMenu-ItemsWrapper_isOverOffset) {
    height: calc(var(--spacing) * 51);
}

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

.MainMenu-MenuItem_isOverOffset {
    height: calc(var(--spacing) * 42);
    padding-block: calc(var(--spacing) * 11);
}

.MainMenu-MenuItem:not(.MainMenu-MenuItem_isOverOffset) {
    height: calc(var(--spacing) * 50);
    padding-block: calc(var(--spacing) * 15);
}

.MainMenu-MenuItem_current.MainMenu-MenuItem_isSubMenuOpen {
    background-color: var(--color-white);
}

.MainMenu-MainTitle {
    display: flex;
    align-items: center;
    border-color: transparent;
    font-weight: 600;
}

.MainMenu-MainTitle_current.MainMenu-MainTitle_isSubMenuOpen {
    color: var(--color-gray-9);
}

.MainMenu-MainTitle:not(.MainMenu-MainTitle_current.MainMenu-MainTitle_isSubMenuOpen) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    color: var(--color-white);
}

.MainMenu-SubMenuIcon_current.MainMenu-SubMenuIcon_isSubMenuOpen {
    rotate: -180deg;
    background-color: var(--color-gray-9);
}

.MainMenu-SubMenuIcon:not(.MainMenu-SubMenuIcon_current.MainMenu-SubMenuIcon_isSubMenuOpen) {
    rotate: 0deg;
    background-color: var(--color-white);
}

.MainMenu-SubMenuWrapper {
    background-color: var(--color-white);
}

.MainMenu-TitleWrapper {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    padding-inline: calc(var(--spacing) * 16);
    color: var(--color-white);
    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;
    transition-timing-function: var(--tw-ease,
            var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
}

.MainMenu-TitleWrapper_isOverOffset {
    height: calc(var(--spacing) * 42);
    padding-block: calc(var(--spacing) * 11);
}

.MainMenu-TitleWrapper:not(.MainMenu-TitleWrapper_isOverOffset) {
    height: calc(var(--spacing) * 50);
    padding-block: calc(var(--spacing) * 15);
}

.MainMenu-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

@media (hover: hover) {
    .MainMenu-Title:hover {
        box-sizing: content-box;
    }
}

@media (hover: hover) {
    .MainMenu-Title:hover {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
    }
}

.MainMenu-SearchButtonWrapper {
    display: none;
}

.MainMenu-SearchButtonIcon,
.MainMenu-SearchCloseIcon {
    background-color: var(--color-gray-9);
}

.MainMenu-SearchBackground {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-5);
}

.Navigation-SecondaryMenuBackground {
    border-color: var(--color-gray-5);
    background-color: var(--color-white);
}

.SecondaryMenu {
    height: calc(var(--spacing) * 41);
    align-items: center;
}

.SecondaryMenu-Link {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-7);
}

.NewsletterSignupPromo-Button_small,
.NewsletterSignupPromo-Button_medium {
    display: none;
}

.SubscribeBanner {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.SubscribeBanner_mode_dark .SubscribeBanner-Title {
    color: var(--color-white);
}

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

.SubscribeBanner:not(.SubscribeBanner_mode_dark) .SubscribeBanner-Title {
    color: var(--color-gray-9);
}

.SubscribeBanner:not(.SubscribeBanner_mode_dark) .SubscribeBanner-Message {
    color: var(--color-gray-8);
}

.SubscribeBanner_variant_horizontal .SubscribeBanner-Wrapper {
    display: flex;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Wrapper {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Wrapper {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Wrapper {
        gap: calc(var(--spacing) * 48);
    }
}

.SubscribeBanner_variant_horizontal .SubscribeBanner-Title {
    grid-column: span 6 / span 6;
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

@media (width >=744px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Title {
        grid-column: span 3 / span 3;
    }
}

.SubscribeBanner_variant_horizontal .SubscribeBanner-Message {
    grid-column: span 6 / span 6;
    margin-top: calc(var(--spacing) * 24);
    padding-top: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Message {
        grid-column: span 3 / span 3;
    }
}

@media (width >=744px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Message {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Message {
        grid-column: span 2 / span 2;
    }
}

.SubscribeBanner_variant_horizontal .SubscribeBanner-Button {
    grid-column: span 6 / span 6;
}

@media (width >=744px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Button {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .SubscribeBanner_variant_horizontal .SubscribeBanner-Button {
        grid-column: span 1 / span 1;
    }
}

.SubscribeBanner_variant_vertical .SubscribeBanner-Wrapper {
    padding: calc(var(--spacing) * 24);
    text-align: center;
}

.SubscribeBanner_variant_vertical .SubscribeBanner-Title {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.SubscribeBanner_variant_horizontal_sidebar .SubscribeBanner-Wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: calc(var(--spacing) * 24);
}

.SubscribeBanner_variant_horizontal_sidebar .SubscribeBanner-Wrapper .SubscribeBanner-Button {
    align-self: center;
}

.SubscribeBanner_variant_horizontal_sidebar .SubscribeBanner-Title {
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

@media (width >=1024px) {
    .SubscribeBanner_isWallPaperActive {
        margin-inline: calc(var(--spacing) * -80);
    }
}

@media (width >=1200px) {
    .SubscribeBanner_isWallPaperActive {
        margin-inline: calc(var(--spacing) * -42);
    }
}

.SubscribeBanner-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx20);
    line-height: var(--tw-leading, var(--text-tx20--line-height));
}

.SubscribeBanner-Message {
    padding-top: calc(var(--spacing) * 8);
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: pre-line;
}

@media (width >=744px) {
    .SubscribeBanner-Message {
        white-space: normal;
    }
}

.SubscribeBanner-Button {
    margin-inline: auto;
    display: inline-block;
    padding-top: calc(var(--spacing) * 24);
    font-family: var(--font-primary);
}

.SignupNewsletter-BaseCheckbox {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 2px;
}

.SignupNewsletter-BaseCheckbox:checked {
    border-style: var(--tw-border-style);
    border-width: 0px;
}

.SignupNewsletter-BaseRadio {
    margin-right: calc(var(--spacing) * 14);
}

.SignupNewsletter-Content {
    position: relative;
    text-align: left;
}

.SignupNewsletter-FormContainer {
    flex: 1;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-gray-2);
    padding-inline: calc(var(--spacing) * 16);
    padding-top: calc(var(--spacing) * 32);
}

.SignupNewsletter-FormContainer:empty {
    display: none;
}

@media (width >=744px) {
    .SignupNewsletter-FormContainer {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=744px) {
    .SignupNewsletter-FormContainer {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .SignupNewsletter-FormContainer {
        padding-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-Form {
    display: block;
}

@media (width >=744px) {
    .SignupNewsletter-Form {
        display: flex;
    }
}

@media (width >=744px) {
    .SignupNewsletter-Form {
        flex-wrap: wrap;
    }
}

@media (width >=744px) {
    .SignupNewsletter-Form {
        justify-content: flex-end;
    }
}

.SignupNewsletter-SubmitContainer {
    margin-inline: calc(var(--spacing) * 16);
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 24);
    flex-basis: 100%;
    text-align: center;
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.SignupNewsletter-CaptchaContainer {
    margin-top: calc(var(--spacing) * 16);
    display: flex;
    flex: 1;
    flex-direction: row-reverse;
}

.SignupNewsletter-Submit {
    width: 100%;
    border-radius: var(--radius-xs);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

@media (width >=744px) {
    .SignupNewsletter-Submit {
        width: auto;
    }
}

.SignupNewsletter-Select {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    flex-direction: column;
    border-color: var(--color-gray-5);
}

.SignupNewsletter-Select:empty {
    margin-bottom: calc(var(--spacing) * 0);
}

.SignupNewsletter-SelectLabelSpan {
    margin-left: calc(var(--spacing) * 4);
    color: color-mix(in oklab, var(--color-black) 100%, transparent);
}

.SignupNewsletter-Input {
    margin-bottom: calc(var(--spacing) * 24);
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-5);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

.SignupNewsletter-Label {
    margin-bottom: calc(var(--spacing) * 8);
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-9);
}

.SignupNewsletter-TextInput {
    display: flex;
    flex-direction: column;
}

.SignupNewsletter-TextInputLabelSpan {
    margin-left: calc(var(--spacing) * 4);
    color: color-mix(in oklab, var(--color-black) 100%, transparent);
}

.SignupNewsletter-ValidationHeader {
    margin-bottom: calc(var(--spacing) * 16);
    flex-basis: 100%;
    padding-inline: calc(var(--spacing) * 16);
    text-align: center;
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.SignupNewsletter-SelectElement {
    display: block;
    width: 100%;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-7);
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-8);
}

.SignupNewsletter-Consent {
    flex-basis: 50%;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-gray-2);
    padding-inline: calc(var(--spacing) * 16);
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .SignupNewsletter-Consent {
        padding-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SignupNewsletter-Consent {
        padding-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-ConsentLink {
    text-decoration-line: underline;
}

@media (hover: hover) {
    .SignupNewsletter-ConsentLink:hover {
        text-decoration-line: none;
    }
}

.SignupNewsletter-ConsentText {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.SignupNewsletter-ConsentInput {
    margin-right: calc(var(--spacing) * 14);
}

.SignupNewsletter-ConsentLabel {
    margin-right: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
    display: inline-block;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.SignupNewsletter-NewsletterItem {
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    align-items: center;
    column-gap: calc(var(--spacing) * 24);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 16);
}

.SignupNewsletter-NewsletterItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

.SignupNewsletter-NewsletterItem:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
}

.SignupNewsletter-NewsletterItem:last-child {
    padding-bottom: calc(var(--spacing) * 0);
}

.SignupNewsletter-NewsletterInput {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    cursor: pointer;
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 2px;
}

.SignupNewsletter-NewsletterConsentContainer {
    font-family: var(--font-secondary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-8);
}

@media (width >=1024px) {
    .SignupNewsletter-NewsletterConsentContainer {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.SignupNewsletter-NewsletterItemTitle {
    margin-bottom: calc(var(--spacing) * 8);
    display: block;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .SignupNewsletter-NewsletterItemTitle {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.SignupNewsletter-NewsletterFrequency {
    display: flex;
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.SignupNewsletter-NewsletterFrequencyLink {
    margin-top: calc(var(--spacing) * 8);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: var(--color-gray-7);
    padding-left: calc(var(--spacing) * 12);
    text-transform: uppercase;
    text-decoration-line: underline;
}

.SignupNewsletter-NewsletterFrequencyLink:empty {
    margin-top: calc(var(--spacing) * 0);
}

@media (hover: hover) {
    .SignupNewsletter-NewsletterFrequencyLink:hover {
        text-decoration-line: none;
    }
}

.SignupNewsletter-NewsletterFrequencyText {
    margin-top: calc(var(--spacing) * 8);
    padding-right: calc(var(--spacing) * 14);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.SignupNewsletter-NewsletterFrequencyText:empty {
    margin-top: calc(var(--spacing) * 0);
}

.SignupNewsletter-NewsletterFrequencyText:empty {
    border-style: var(--tw-border-style);
    border-width: 0px;
}

.SignupNewsletter-NewsletterSuccess {
    margin-inline: calc(var(--spacing) * 16);
    text-align: center;
}

@media (width >=744px) {
    .SignupNewsletter-NewsletterSuccess {
        margin-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SignupNewsletter-NewsletterSuccess {
        margin-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-NewsletterSuccessTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .SignupNewsletter-NewsletterSuccessTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.SignupNewsletter-NewsletterSuccessText {
    margin-bottom: calc(var(--spacing) * 16);
    font-family: var(--font-secondary);
    color: var(--color-gray-9);
}

.SignupNewsletter-NewsletterSuccessButton {
    margin-bottom: calc(var(--spacing) * 32);
    width: 100%;
    border-radius: var(--radius-xs);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

@media (width >=744px) {
    .SignupNewsletter-NewsletterSuccessButton {
        width: auto;
    }
}

.SignupNewsletter-Error {
    margin-inline: calc(var(--spacing) * 16);
    text-align: center;
}

@media (width >=744px) {
    .SignupNewsletter-Error {
        margin-inline: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SignupNewsletter-Error {
        margin-inline: calc(var(--spacing) * 40);
    }
}

.SignupNewsletter-ErrorTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
}

@media (width >=1024px) {
    .SignupNewsletter-ErrorTitle {
        font-size: var(--text-tx36);
        line-height: var(--tw-leading, var(--text-tx36--line-height));
    }
}

.SignupNewsletter-ErrorText {
    margin-bottom: calc(var(--spacing) * 16);
    font-family: var(--font-secondary);
    color: var(--color-gray-9);
}

.SignupNewsletter-ErrorButton {
    margin-top: calc(var(--spacing) * 24);
    margin-bottom: calc(var(--spacing) * 32);
    width: 100%;
    border-radius: var(--radius-xs);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

@media (width >=744px) {
    .SignupNewsletter-ErrorButton {
        width: auto;
    }
}

.SignupNewsletter-Spinner {
    margin: calc(var(--spacing) * 20);
    display: grid;
    place-items: center;
    padding: calc(var(--spacing) * 20);
}

.SubscribeBannerTopicPage {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
}

.SubscribeBannerTopicPage_mode_dark .SubscribeBannerTopicPage-Title {
    color: var(--color-white);
}

.SubscribeBannerTopicPage_mode_dark .SubscribeBannerTopicPage-Message {
    color: var(--color-gray-1);
}

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

.SubscribeBannerTopicPage_mode_light .SubscribeBannerTopicPage-Title {
    color: var(--color-gray-9);
}

.SubscribeBannerTopicPage_mode_light .SubscribeBannerTopicPage-Message {
    color: var(--color-gray-8);
}

.SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Content {
        gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Content {
        padding: calc(var(--spacing) * 32);
    }
}

@media (width >=1200px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Content {
        gap: calc(var(--spacing) * 48);
    }
}

@media (width >=744px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Title {
        flex: 1;
    }
}

.SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Message {
    margin-top: calc(var(--spacing) * 24);
    padding-top: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Message {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Message {
        flex: 1;
    }
}

.SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Button {
    display: flex;
    width: 100%;
    justify-content: center;
}

@media (width >=744px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Button {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .SubscribeBannerTopicPage_variant_horizontal .SubscribeBannerTopicPage-Button {
        width: auto;
    }
}

.SubscribeBannerTopicPage_variant_vertical .SubscribeBannerTopicPage-Content {
    padding: calc(var(--spacing) * 24);
    text-align: center;
}

.SubscribeBannerTopicPage-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SubscribeBannerTopicPage-Message {
    padding-top: calc(var(--spacing) * 8);
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    white-space: pre-line;
    color: var(--color-gray-7);
}

@media (width >=744px) {
    .SubscribeBannerTopicPage-Message {
        white-space: normal;
    }
}

.SubscribeBannerTopicPage-Button {
    margin-inline: auto;
    display: inline-block;
    padding-top: calc(var(--spacing) * 24);
    font-family: var(--font-primary);
}

.MegaMenu-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.LargeGroup-Section {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}

.LargeGroup-Title,
.LargeGroup-TitleXl,
.LargeGroup-SeeAllLink {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.LargeGroupMobile-Section {
    border-color: var(--color-white);
}

.LargeGroupMobile-SeeAllLinkWrapper {
    color: var(--color-white);
}

.LargeGroupMobile-Title {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.LargeGroupMobile-SeeAllLink {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.SmallGroup {
    margin-top: calc(var(--spacing) * 32);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
    row-gap: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .SmallGroup {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=744px) {
    .SmallGroup {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .SmallGroup {
        row-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .SmallGroup {
        display: none;
    }
}

.SmallGroup-Content {
    margin-top: calc(var(--spacing) * 16);
    display: flex;
}

.SmallGroup-NavItemsList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 24);
    row-gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .SmallGroup-NavItemsList {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .SmallGroup-NavItemsList {
        row-gap: calc(var(--spacing) * 8);
    }
}

.SmallGroup-NavItem {
    cursor: pointer;
    overflow-wrap: normal;
    word-break: normal;
}

.SmallGroup-NavItemLink {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-white);
}

.SmallGroup-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.SideNav-ContentWrap {
    margin-top: calc(var(--spacing) * 32);
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
}

@media (width >=744px) {
    .SideNav-ContentWrap {
        margin-top: calc(var(--spacing) * 0);
    }
}

.SideNav-RegistrationTitle,
.SideNav-SectionTitle,
.SideNav-SocialTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SideNav-SectionSubMenu {
    color: var(--color-gray-9);
}

.SideNav-RegistrationText {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

.SideNav-Social {
    margin-inline: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .SideNav-Social {
        border-color: var(--color-gray-2);
    }
}

@media (width >=744px) {
    .SideNav-SocialMobile {
        border-color: var(--color-gray-2);
    }
}

.SmallGroupLg-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.ContentPreview-Wrapper {
    background-color: var(--color-white);
}

.ContentPreview-Wrapper_variant_topFeatured,
.ContentPreview-Wrapper_variant_topFeatured .ContentPreview-Image {
    border-radius: var(--radius-sm);
}

.ContentPreview-Wrapper_variant_topFeatured .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 4;
}

.ContentPreview-Wrapper_variant_topFeatured .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ContentPreview-Wrapper_variant_topFeatured .ContentPreview-ImageContainer {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-aspect-h: 3;
}

.ContentPreview-Wrapper:not(.ContentPreview-Wrapper_variant_summary).ContentPreview-Wrapper:not(.ContentPreview-Wrapper_variant_topFeatured) {
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
}

.ContentPreview-Wrapper:not(.ContentPreview-Wrapper_variant_summary) .ContentPreview-Image {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.ContentPreview-Wrapper_variant_summary .ContentPreview-Image {
    height: calc(var(--spacing) * 180);
    border-radius: var(--radius-sm);
}

@media (width >=744px) {
    .ContentPreview-Wrapper_variant_summary .ContentPreview-Image {
        height: calc(var(--spacing) * 380);
    }
}

@media (width >=1024px) {
    .ContentPreview-Wrapper_variant_summary .ContentPreview-Image {
        height: calc(var(--spacing) * 340);
    }
}

@media (width >=1200px) {
    .ContentPreview-Wrapper_variant_summary .ContentPreview-Image {
        height: calc(var(--spacing) * 370);
    }
}

.ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer,
.ContentPreview-Wrapper_variant_cardRecipe .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer>*,
.ContentPreview-Wrapper_variant_cardRecipe .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ContentPreview-Wrapper_variant_cardVertical .ContentPreview-ImageContainer,
.ContentPreview-Wrapper_variant_cardRecipe .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

.ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
.ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image {
    height: calc(var(--spacing) * 186);
}

@media (width >=744px) {

    .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
    .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image {
        height: calc(var(--spacing) * 190);
    }
}

@media (width >=1024px) {

    .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
    .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image {
        height: calc(var(--spacing) * 170);
    }
}

@media (width >=1200px) {

    .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
    .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image {
        height: calc(var(--spacing) * 182);
    }
}

.ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
.ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image {
    height: calc(var(--spacing) * 186);
}

@media (width >=744px) {

    .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
    .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image {
        height: calc(var(--spacing) * 112);
    }
}

@media (width >=1024px) {

    .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
    .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image {
        height: calc(var(--spacing) * 110);
    }
}

@media (width >=1200px) {

    .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
    .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image {
        height: calc(var(--spacing) * 116);
    }
}

.ContentPreview-Category {
    text-transform: uppercase;
}

.ContentPreview-IconWrapper {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ContentPreview-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ContentPreview-Icon {
    background-color: var(--color-white);
}

@media (width >=1200px) {
    .extended-breakpoints .ContentPreview-Wrapper_variant_summary .ContentPreview-Image {
        height: calc(var(--spacing) * 403);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ContentPreview-Wrapper_variant_summary .ContentPreview-Image {
        height: calc(var(--spacing) * 499);
    }
}

@media (width >=1200px) {

    .extended-breakpoints .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
    .extended-breakpoints .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image {
        height: calc(var(--spacing) * 200);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image,
    .extended-breakpoints .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_big .ContentPreview-Image {
        height: calc(var(--spacing) * 248);
    }
}

@media (width >=1200px) {

    .extended-breakpoints .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
    .extended-breakpoints .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image {
        height: calc(var(--spacing) * 128);
    }
}

@media (width >=1512px) {

    .extended-breakpoints .ContentPreview-Wrapper_variant_normal.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image,
    .extended-breakpoints .ContentPreview-Wrapper_variant_normalHasTag.ContentPreview-Wrapper_articleSize_small .ContentPreview-Image {
        height: calc(var(--spacing) * 158);
    }
}

.ArticlePreview-Body {
    padding-top: calc(var(--spacing) * 16);
}

.ArticlePreview-Title {
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ArticlePreview-Summary {
    margin-bottom: calc(var(--spacing) * 16);
    color: var(--color-gray-8);
}

.ArticlePreview-Footer {
    margin-top: calc(var(--spacing) * 16);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ContentCard-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentCard-Title_displayOption_default,
.ContentCard-Title_displayOption_mobile {
    margin-bottom: calc(var(--spacing) * 8);
}

.ContentCard-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ContentCard-Footer {
    border-color: var(--color-gray-2);
}

.ContentCard-ReadTime {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    text-transform: uppercase;
}

.HorizontalCard {
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.HorizontalCard-Image {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.HorizontalCard-IconWrapper {
    left: calc(var(--spacing) * 8);
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.HorizontalCard-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.HorizontalCard-Icon {
    background-color: var(--color-white);
}

.HorizontalCard-TitleWrapper,
.HorizontalCard-MobileTitleWrapper {
    margin-bottom: calc(var(--spacing) * 8);
}

.HorizontalCard-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.HorizontalCard-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ListPreview {
    background-color: var(--color-white);
}

.ListPreview-ImageWrapper {
    overflow: hidden;
    border-radius: 0.25rem;
}

.ListPreview-Image {
    border-radius: var(--radius-sm);
}

.ListPreview-Summary {
    color: var(--color-gray-8);
}

.ListPreview-IconWrapper {
    display: flex;
    align-items: center;
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ListPreview-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ListPreview-Icon {
    background-color: var(--color-white);
}

.ListPreview-KeywordWrapper {
    margin-bottom: calc(var(--spacing) * 4);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: flex;
}

.ListPreview-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ListPreview-Footer {
    margin-top: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 17);
}

.ListPreview-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ListPreview-Sponsor {
    color: var(--color-gray-8);
}

.ListPreview-FooterSeparator {
    color: var(--color-gray-7);
}

.ListPreview-ReadTimeWrapper {
    display: none;
    align-items: center;
}

@media (width >=744px) {
    .ListPreview-ReadTimeWrapper {
        display: flex;
    }
}

.ListPreview-ReadTime {
    text-transform: uppercase;
}

.VerticalCard {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.VerticalCard-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.VerticalCard-ContributorsWrapper {
    margin-top: calc(var(--spacing) * 8);
    color: var(--color-black);
}

.VerticalCard-Footer {
    border-color: var(--color-gray-2);
}

.VerticalCard-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.VerticalCard-ReadTime {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.VerticalCard-SponsoredContent {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-brand-primary-3);
    text-transform: uppercase;
}

.VerticalCard-SeriesType {
    text-transform: uppercase;
}

.ContributorFocusedCard {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.ContributorFocusedCard-Wrapper {
    border-color: var(--color-gray-2);
}

.ContributorFocusedCard-Avatar {
    border-radius: calc(infinity * 1px);
    border-color: transparent;
}

.ContributorFocusedCard-ContributorName {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ContributorFocusedCard-ContributorName {
        font-size: var(--text-tx20);
        line-height: var(--tw-leading, var(--text-tx20--line-height));
    }
}

.ContributorFocusedCard-ContributorTitle {
    font-family: var(--font-primary);
    color: var(--color-gray-9);
}

.ContributorFocusedCard-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContributorFocusedCard-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ContributorFocusedCard-FooterSeparator {
    color: var(--color-gray-7);
}

.ContributorFocusedCard-ReadTime {
    text-transform: uppercase;
}

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

.TopFeaturedPreview {
    padding-top: calc(var(--spacing) * 24);
}

.TopFeaturedPreview-Title {
    text-align: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.TopFeaturedPreview-Summary {
    text-align: center;
    color: var(--color-gray-8);
}

.TopFeaturedPreview-Footer {
    border-color: var(--color-gray-2);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.TopFeaturedPreview-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.TopFeaturedPreview-FooterSeparator {
    color: var(--color-gray-7);
}

.TopFeaturedPreview-ReadTime {
    text-transform: uppercase;
}

.ListCardWithSummary {
    background-color: var(--color-white);
}

.ListCardWithSummary-Image {
    border-radius: var(--radius-sm);
}

.ListCardWithSummary-Summary {
    color: var(--color-gray-8);
}

.ListCardWithSummary-IconWrapper {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ListCardWithSummary-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ListCardWithSummary-Icon {
    background-color: var(--color-white);
}

.ListCardWithSummary-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ListCardWithSummary-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ListCardWithSummary-FooterSeparator {
    color: var(--color-gray-7);
}

.ListCardWithSummary-ReadTime {
    text-transform: uppercase;
}

.ContentCardSpotlight {
    background-color: var(--color-white);
}

.ContentCardSpotlight-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentCardSpotlight-Image {
    border-radius: var(--radius-sm);
}

.ContentCardSpotlight-Summary {
    font-family: var(--font-secondary);
    color: var(--color-gray-8);
}

.ContentCardSpotlight-IconWrapper {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ContentCardSpotlight-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ContentCardSpotlight-Icon {
    background-color: var(--color-white);
}

.ContentCardSpotlight-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ContentCardSpotlight-FooterSeparator {
    color: var(--color-gray-7);
}

.ContentCardSpotlight-ReadTime {
    text-transform: uppercase;
}

.Footer-Background {
    background-color: var(--color-white);
    --tw-shadow: 0px 3px 15px var(--tw-shadow-color, #0000002b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >=1024px) {
    .Footer-LogoImage {
        max-width: calc(var(--spacing) * 220);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .Footer-LogoImage {
        max-width: calc(var(--spacing) * 300);
    }
}

.LinkSection-Title {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .LinkSection-LinksWrapper {
        row-gap: calc(var(--spacing) * 16);
    }
}

.LinkSection-Link {
    color: var(--color-gray-9);
}

.BrandSection-Background {
    background-color: color-mix(in oklab, var(--color-gray-9) 95%, transparent);
}

.RegistrationSection {
    border-color: var(--color-gray-2);
}

@media (width >=744px) {
    .RegistrationSection_linkSectionLength_2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
    }
}

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

.RegistrationSection-Title {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-gray-9);
}

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

@media (width >=744px) {
    .SocialSection_linkSectionLength_2 {
        grid-column-start: 9;
    }
}

@media (width >=744px) {
    .SocialSection_linkSectionLength_2 {
        margin-top: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .SocialSection_linkSectionLength_2 {
        grid-column-start: 10;
    }
}

.SocialSection:not(.SocialSection_linkSectionLength_2) {
    margin-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .SocialSection:not(.SocialSection_linkSectionLength_2) {
        grid-column-start: 10;
    }
}

.SocialSection-Title {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-gray-9);
}

.CookieBanner-Wrapper {
    background-color: var(--color-gray-7);
}

.CookieBanner-Text {
    color: var(--color-white);
}

.CookieBanner-Icon {
    background-color: var(--color-white);
}

.CookieBanner-SiteName {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.ContentTable-SortIcon {
    background-color: var(--color-gray-9);
}

.ContentText_variant_bodyNormal {
    color: var(--color-gray-8);
}

.ContentText_variant_h1,
.ContentText_variant_h2,
.ContentText_variant_h3,
.ContentText_variant_h4 {
    font-weight: 600;
    color:#333333;
}

.ContentText_variant_h1 .ContentText-BodyTextChunk,
.ContentText_variant_h2 .ContentText-BodyTextChunk,
.ContentText_variant_h3 .ContentText-BodyTextChunk,
.ContentText_variant_h4 .ContentText-BodyTextChunk {
    font-family: var(--font-primary);
}

.ContentText-BodyTextChunk {
    font-family: var(--font-secondary);
}

.CodeBlock {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
    background-color: var(--color-gray-1);
    color: var(--color-gray-9);
}

.ContentImage-Link,
.ContentParagraph-Caption {
    font-family: var(--font-secondary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-gray-7);
}

.CategoryHeader_primaryTitle {
    padding-top: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .CategoryHeader_primaryTitle {
        padding-top: calc(var(--spacing) * 8);
    }
}

@media (width >=1024px) {
    .CategoryHeader_primaryTitle {
        padding-bottom: calc(var(--spacing) * 56);
    }
}

.CategoryHeader-TitleWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 12);
}

@media (width >=744px) {
    .CategoryHeader-TitleWrapper {
        flex-direction: row;
    }
}

.CategoryHeader-TitleWrapper_primaryTitle {
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 8);
}

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

@media (width >=744px) {
    .CategoryHeader-TitleContent {
        flex-direction: row;
    }
}

.CategoryHeader-Title {
    text-align: center;
    color: var(--color-gray-9);
}

.CategoryHeader-TitleLogo {
    margin-inline: auto;
}

.CategoryHeader-TitleLogo_showTitleLogo {
    margin-inline: calc(var(--spacing) * 24);
    display: inline;
}

.CategoryHeader-SponsorAdsWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.CategoryHeader-SponsorAdsTitle {
    margin-right: calc(var(--spacing) * 12);
    margin-left: calc(var(--spacing) * 32);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-gray-9);
}

.CategoryHeader-LogoWrapper,
.CategoryHeader-Logo {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 16);
}

.CategoryHeader-DescriptionWrapper {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.CategoryHeader-Description {
    grid-column: span 12 / span 12;
    margin-inline: auto;
    width: 100%;
    max-width: calc(var(--spacing) * 330);
    text-align: center;
    color: var(--color-gray-7);
}

@media (width >=744px) {
    .CategoryHeader-Description {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=1024px) {
    .CategoryHeader-Description {
        grid-column: span 10 / span 10;
    }
}

@media (width >=1024px) {
    .CategoryHeader-Description {
        grid-column-start: 2;
    }
}

@media (width >=1024px) {
    .CategoryHeader-Description {
        max-width: calc(var(--spacing) * 632);
    }
}

@media (width >=1200px) {
    .CategoryHeader-Description {
        grid-column: span 8 / span 8;
    }
}

@media (width >=1200px) {
    .CategoryHeader-Description {
        grid-column-start: 3;
    }
}

@media (width >=1200px) {
    .CategoryHeader-Description {
        max-width: calc(var(--spacing) * 680);
    }
}

.CategoryHeader-ShowMoreWrapper {
    justify-content: center;
}

.CategoryHeader-ShowMore {
    align-items: center;
    color: var(--color-gray-7);
}

.CategoryHeader-ShowMoreIconWrapper {
    width: calc(var(--spacing) * 10);
}

.CategoryHeader-ShowMoreIcon {
    background-color: var(--color-gray-7);
}

.CategoryHeader-SubCategoriesWrapper {
    margin: auto;
}

.CategoryHeader-SubCategories {
    max-width: calc(var(--spacing) * 330);
    justify-content: center;
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 24);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >=744px) {
    .CategoryHeader-SubCategories {
        max-width: calc(var(--spacing) * 696);
    }
}

@media (width >=744px) {
    .CategoryHeader-SubCategories {
        padding-inline: calc(var(--spacing) * 30);
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategories {
        max-width: none;
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategories {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategories {
        border-radius: 0;
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategories {
        padding-inline: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategories {
        padding-top: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategories {
        padding-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .CategoryHeader-SubCategories {
        --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);
    }
}

@media (width >=1200px) {
    .CategoryHeader-SubCategories {
        padding-inline: calc(var(--spacing) * 64);
    }
}

.CategoryHeader-SubCategory {
    color: var(--color-gray-7);
}

@media (hover: hover) {
    .CategoryHeader-SubCategory:hover {
        text-decoration-line: underline;
    }
}

@media (width >=1200px) {
    .extended-breakpoints .CategoryHeader-Description {
        max-width: calc(var(--spacing) * 744);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .CategoryHeader-Description {
        max-width: calc(var(--spacing) * 920);
    }
}

.EventExternalItem {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-2);
    padding-top: calc(var(--spacing) * 24);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.EventExternalItem-EventLocation {
    font-family: var(--font-secondary);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.EventExternalItem-EventDate {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.EventExternalItem-Title {
    font-family: var(--font-primary);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    color: var(--color-black);
}

@media (width >=1024px) {
    .EventExternalItem-Title {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.EventList-IndustryEvent {
    margin-bottom: calc(var(--spacing) * 24);
    overflow: hidden;
}

.EventList-IndustryEvent_isLast {
    margin-bottom: calc(var(--spacing) * 40);
}

.EventList-IndustryEventsTitle {
    margin-top: calc(var(--spacing) * 64);
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .EventList-IndustryEventsTitle {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.EventInternalBanner {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
    background-color: var(--color-white);
    text-align: left;
    --tw-shadow: 0px 0px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.EventInternalBanner-Title {
    margin-bottom: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .EventInternalBanner-Title {
        margin-bottom: calc(var(--spacing) * 12);
    }
}

.EventInternalBanner-LocationAndDateInfo {
    margin-bottom: calc(var(--spacing) * 16);
}

.EventInternalBanner-EventDate,
.EventInternalBanner-Separator,
.EventInternalBanner-EventLocation {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-7);
}

.EventInternalBanner-Description {
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .EventInternalBanner-Description {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.EventInternalBanner-ButtonMobileWrapper {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .EventInternalBanner-ButtonMobileWrapper {
        margin-top: calc(var(--spacing) * 24);
    }
}

.EventInternalBanner-Image {
    border-radius: var(--radius-sm);
}

.LatestFeatured-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.LatestFeatured-ContentItem_left {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.LatestFeatured-Link_right {
    margin-top: calc(var(--spacing) * 24);
}

.EventFeature {
    overflow: hidden;
    border-radius: var(--radius-sm);
}

.EventFeature_isConstrained {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
}

.EventFeature-Wrapper {
    display: grid;
}

.EventFeature-Wrapper:not(.EventFeature-Wrapper_isConstrained) {
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .EventFeature-Wrapper:not(.EventFeature-Wrapper_isConstrained) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .EventFeature-Wrapper:not(.EventFeature-Wrapper_isConstrained) {
        padding: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .EventFeature-Wrapper:not(.EventFeature-Wrapper_isConstrained) {
        padding: calc(var(--spacing) * 40);
    }
}

.EventFeature-Wrapper_isConstrained {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 16);
    padding: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .EventFeature-Wrapper_isConstrained {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .EventFeature-Wrapper_isConstrained {
        gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .EventFeature-Wrapper_isConstrained {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .EventFeature-Wrapper_isConstrained {
        gap: calc(var(--spacing) * 16);
    }
}

.EventFeature-LogoSection {
    width: 100%;
}

@media (width >=744px) {
    .EventFeature-LogoSection {
        grid-column: span 2 / span 2;
    }
}

@media (width >=1024px) {
    .EventFeature-LogoSection {
        grid-column: span 1 / span 1;
    }
}

.EventFeature-LogoSection:not(.EventFeature-LogoSection_isConstrained) {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .EventFeature-LogoSection:not(.EventFeature-LogoSection_isConstrained) {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.EventFeature-Date {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.EventFeature-Date_displayOption_content {
    font-family: var(--font-secondary);
}

@media (width >=744px) {
    .EventFeature-ContentSection {
        padding-bottom: calc(var(--spacing) * 0);
    }
}

.EventFeature-ContentSection_logoPosition_right {
    padding-bottom: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .EventFeature-ContentSection_isConstrained {
        grid-column: span 3 / span 3;
    }
}

@media (width >=1024px) {
    .EventFeature-ContentSection_isConstrained {
        grid-column: span 1 / span 1;
    }
}

@media (width >=744px) {
    .EventFeature-ContentSection:not(.EventFeature-ContentSection_isConstrained).EventFeature-ContentSection_logoPosition_left {
        grid-column: span 2 / span 2;
    }
}

@media (width >=744px) {
    .EventFeature-ContentSection:not(.EventFeature-ContentSection_isConstrained).EventFeature-ContentSection_logoPosition_left {
        margin-left: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .EventFeature-ContentSection:not(.EventFeature-ContentSection_isConstrained).EventFeature-ContentSection_logoPosition_left {
        margin-left: calc(var(--spacing) * 32);
    }
}

@media (width >=744px) {
    .EventFeature-ContentSection:not(.EventFeature-ContentSection_isConstrained).EventFeature-ContentSection_logoPosition_right {
        grid-column: span 2 / span 2;
    }
}

@media (width >=744px) {
    .EventFeature-ContentSection:not(.EventFeature-ContentSection_isConstrained).EventFeature-ContentSection_logoPosition_right {
        margin-right: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .EventFeature-ContentSection:not(.EventFeature-ContentSection_isConstrained).EventFeature-ContentSection_logoPosition_right {
        margin-right: calc(var(--spacing) * 32);
    }
}

.EventFeature-Description {
    color: var(--color-white);
}

.EventFeature-Description_isConstrained {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    color: var(--color-gray-8);
}

.EventFeature-Description:not(.EventFeature-Description_isConstrained) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.EventFeature-ButtonLink {
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
}

@media (hover: hover) {
    .EventFeature-ButtonLink:hover {
        background-color: var(--color-white);
    }
}

.EventFeature-ButtonLink_isConstrained {
    border-color: var(--color-gray-9);
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 7);
    color: var(--color-gray-9);
}

@media (hover: hover) {
    .EventFeature-ButtonLink_isConstrained:hover {
        background-color: var(--color-gray-9);
    }
}

@media (hover: hover) {
    .EventFeature-ButtonLink_isConstrained:hover {
        color: var(--color-white);
    }
}

.ContentCards-CardsWrapper {
    flex: 1;
}

:where(.ContentCards-CardsWrapper_default > :not(:last-child)),
:where(.ContentCards-CardsWrapper_column > :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)));
}

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

@media (width >=744px) {

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

.ContentCards-Header_vertical,
.ContentCards-Header_horizontal {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 12);
}

.ContentCards-Header_recipe {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
}

.ContentCards-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentCards-Link {
    display: none;
    align-items: center;
}

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

.ContentCards-Link {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

@media (width >=744px) {
    .ContentCards-Link {
        display: inline-flex;
    }
}

.ContentCards-LinkText {
    color: var(--color-gray-7);
    text-transform: uppercase;
    text-decoration-color: var(--color-gray-7);
}

@media (hover: hover) {
    .ContentCards-LinkText:hover {
        text-decoration-line: underline;
    }
}

.ContentCards-LinkIcon {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    background-color: var(--color-gray-7);
}

.ContentCards-Content {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (width >=744px) {
    .ContentCards-Content_column {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1024px) {
    .ContentCards-Content_column {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (width >=744px) {
    .ContentCards-Content_recipe {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (width >=1200px) {
    .ContentCards-Content_recipe {
        column-gap: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ContentCards-ContentPreview_column {
        width: calc(var(--spacing) * 336);
    }
}

@media (width >=1512px) {

    :where(.extended-breakpoints .ContentCards-CardsWrapper_default > :not(:last-child)),
    :where(.extended-breakpoints .ContentCards-CardsWrapper_column > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
    }
}

@media (width >=1512px) {

    :where(.extended-breakpoints .ContentCards-CardsWrapper_vertical > :not(:last-child)),
    :where(.extended-breakpoints .ContentCards-CardsWrapper_horizontal > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 40) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-y-reverse)));
    }
}

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

@media (width >=744px) {
    :where(.ContentRibbon > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.ContentRibbon-Header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 12);
}

.ContentRibbon-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentRibbon-Link {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.ContentRibbon-LinkText {
    color: var(--color-gray-7);
    text-transform: uppercase;
    text-decoration-color: var(--color-gray-7);
}

@media (hover: hover) {
    .ContentRibbon-LinkText:hover {
        text-decoration-line: underline;
    }
}

.ContentRibbon-LinkIcon {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    background-color: var(--color-gray-7);
}

.ContentRibbon .ContentPreview-ImageContainer {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
}

.ContentRibbon .ContentPreview-ImageContainer>* {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ContentRibbon .ContentPreview-ImageContainer {
    --tw-aspect-h: 9;
}

@media (width >=1512px) {
    :where(.extended-breakpoints .ContentRibbon > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 40) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.DataTable-Title {
    color: var(--color-gray-9);
}

.DataTable-Summary {
    color: var(--color-gray-8);
}

.DataTable-Footnote {
    color: var(--color-gray-7);
}

@media (width >=1024px) {
    .TopFeatured {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1200px) {
    .TopFeatured {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.TopFeatured-WrapLatestNews {
    border-radius: var(--radius-sm);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.TopFeatured-WrapLatestNewsTop {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.TopFeatured-LatestNewsItem {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-2);
}

.TopFeatured-LatestNewsItemTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.TopFeatured-LatestNewsItemDate {
    font-family: var(--font-secondary);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.TopFeatured-RetangleAds {
    margin-left: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .TopFeatured-RetangleAds {
        margin-left: calc(var(--spacing) * 42);
    }
}

@media (width >=1024px) {
    .TopFeatured-RetangleAds {
        margin-left: calc(var(--spacing) * 0);
    }
}

.TopFeatured-CtaButtonWrapper {
    justify-content: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-2);
}

.TopFeatured-CtaButton .Button-ContentWrapper {
    font-family: var(--font-primary);
}

.TopFeatured-FeatureImage {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 0px;
}

.TopFeatured-Keyword {
    z-index: 10;
    background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.TopFeatured-IconWrapper {
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
}

@media (hover: hover) {
    .TopFeatured-IconWrapper:hover {
        background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    }
}

.FeatureItem-Title {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.FeatureItem-FeatureImage,
.FeatureItem-HeaderContainer {
    border-radius: var(--radius-sm);
}

.FeatureItem-IconWrapper {
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-9);
}

.FeatureItem-FooterContainer {
    height: calc(var(--spacing) * 124);
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
}

@media (width >=744px) {
    .FeatureItem-FooterContainer {
        height: calc(var(--spacing) * 130);
    }
}

@media (width >=1024px) {
    .FeatureItem-FooterContainer {
        height: calc(var(--spacing) * 172);
    }
}

.FeatureItem-FooterWrapper_contributors .Contributors-ContributorTitle {
    color: var(--color-white);
}

@media (width >=1512px) {
    .extended-breakpoints .FeatureItem-FooterContainer {
        height: calc(var(--spacing) * 181);
    }
}

.SortModule-Head {
    border-radius: var(--radius-xs);
}

.SortModule-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SortModule-TitleMobile {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.SortModule-CheckedItem {
    font-family: var(--font-secondary);
    color: var(--color-gray-9);
}

.SortModule-ChevronIcon {
    background-color: var(--color-gray-8);
}

.SortModule-ContentWrapper {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-5);
    background-color: var(--color-gray-1);
    padding-inline: calc(var(--spacing) * 18);
    padding-block: calc(var(--spacing) * 16);
}

.SortModule-DropdownItem {
    cursor: pointer;
    font-family: var(--font-secondary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    color: var(--color-gray-9);
}

.SortModule-DropdownItem_isNotLast {
    margin-bottom: calc(var(--spacing) * 16);
}

.SortModule-CircleIcon:focus {
    --tw-ring-color: transparent;
}

.SortModule-SortButtonMobile {
    border-radius: var(--radius-xs);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-9);
    background-color: var(--color-white);
    color: var(--color-gray-9);
    text-transform: uppercase;
}

.SortModule-SortIconMobile {
    background-color: var(--color-gray-9);
}

.SortModule-CircleIconMobile {
    background-color: var(--color-brand-tertiary-1);
}

.SortModule-ModalHeader {
    position: relative;
    background-color: var(--color-white);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.SortModule-ModalCloseIcon {
    position: relative;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 12);
    display: inline-block;
    background-color: var(--color-gray-9);
}

.SortModule-ModalSortBy {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.SortModule-ModalItemsWrapper {
    background-color: var(--color-gray-1);
    padding-top: calc(var(--spacing) * 24);
    padding-left: calc(var(--spacing) * 16);
}

.SortModule-ModalDropdownItem {
    font-family: var(--font-primary);
    font-size: var(--text-tx18);
    line-height: var(--tw-leading, var(--text-tx18--line-height));
    color: var(--color-gray-9);
}

.SortModule-ModalFooter {
    --tw-shadow: 0px -3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.SortModule-ModalResetButtonWrapper,
.SortModule-ModalApplyButtonWrapper {
    background-color: var(--color-white);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

@media (hover: hover) {

    .SortModule-ModalResetButton.Button_variant_textLink:hover,
    .SortModule-ModalApplyButton.Button_variant_textLink:hover {
        text-decoration-line: none;
    }
}

@media (hover: hover) {

    .SortModule-ModalResetButton.Button_variant_textLink .Button-ContentWrapper:hover,
    .SortModule-ModalApplyButton.Button_variant_textLink .Button-ContentWrapper:hover {
        text-decoration-line: none;
    }
}

.SortModule-ModalResetButtonText {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
    text-transform: uppercase;
}

@media (hover: hover) {
    .SortModule-ModalResetButtonText:hover {
        color: var(--color-gray-9);
    }
}

.SortModule-ModalResetButtonText {
    font-family: var(--font-primary) !important;
}

.SortModule-ModalApplyButtonText {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
}

@media (hover: hover) {
    .SortModule-ModalApplyButtonText:hover {
        color: var(--color-white);
    }
}

.SortModule-ModalApplyButtonText {
    font-family: var(--font-primary) !important;
}

.ContentSpotlight {
    border-radius: var(--radius-sm);
}

.ContentSpotlight-Article {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
    background-color: var(--color-white);
}

.ContentSpotlight-ImageContainer {
    position: relative;
    background-color: var(--color-black);
    color: var(--color-white);
}

.ContentSpotlight-Keyword {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
}

.ContentSpotlight-IconWrapper {
    position: absolute;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 8);
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
    .ContentSpotlight-IconWrapper:hover {
        background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    }
}

@media (hover: hover) {
    .ContentSpotlight-IconWrapper:hover {
        --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
}

.ContentSpotlight-Icon {
    display: block;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    background-color: var(--color-white);
}

.ContentSpotlight-ContentSummary {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.ContentSpotlight-ContentHeading {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentSpotlight-ContentBody {
    color: var(--color-gray-8);
}

.ContentSpotlight-ButtonContainer {
    width: 100%;
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.ContentSpotlight_mode_dark .ContentSpotlight-ContentSummary,
.ContentSpotlight_mode_dark .ContentSpotlight-ContentBody {
    color: var(--color-gray-2);
}

.ContentSpotlight_mode_dark .ContentSpotlight-ContentHeading {
    color: var(--color-gray-1);
}

.ContentSpotlight_mode_dark .ContentSpotlight-Article {
    background-color: var(--color-gray-9);
}

.HeroContentSpotlight {
    background-color: var(--color-white);
}

.HeroContentSpotlight-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.HeroContentSpotlight-Image {
    border-radius: var(--radius-sm);
}

.HeroContentSpotlight-Summary {
    font-family: var(--font-secondary);
    color: var(--color-gray-8);
}

.HeroContentSpotlight-IconWrapper {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.HeroContentSpotlight-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.HeroContentSpotlight-Icon {
    background-color: var(--color-white);
}

.HeroContentSpotlight-Date {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.HeroContentSpotlight-FooterSeparator {
    color: var(--color-gray-7);
}

.HeroContentSpotlight-ReadTime {
    text-transform: uppercase;
}

.VideoSpotlight {
    border-radius: var(--radius-sm);
}

.VideoSpotlight-Article {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.VideoSpotlight-VideoLabel {
    text-align: center;
    text-transform: uppercase;
}

.VideoSpotlight-VideoHeadingWrapper {
    text-align: center;
}

.VideoSpotlight-VideoHeading {
    text-align: center;
    font-family: var(--font-primary);
    color: var(--color-gray-9);
}

.VideoSpotlight-VideoBody {
    text-align: center;
    color: var(--color-gray-8);
}

.VideoSpotlight .VideoPlayer-ThumbnailImage {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

@media (width >=1024px) {
    .VideoSpotlight .VideoPlayer-ThumbnailImage {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

@media (width >=1024px) {
    .VideoSpotlight .VideoPlayer-ThumbnailImage {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
}

.VideoSpotlight .Media-Iframe {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

@media (width >=1024px) {
    .VideoSpotlight .Media-Iframe {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

@media (width >=1024px) {
    .VideoSpotlight .Media-Iframe {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
}

@media (width >=1024px) {
    .VideoSpotlight_variant_reversed .VideoPlayer-ThumbnailImage {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

@media (width >=1024px) {
    .VideoSpotlight_variant_reversed .VideoPlayer-ThumbnailImage {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
}

.VideoSpotlight_mode_dark .VideoSpotlight-Article {
    background-color: var(--color-gray-9);
}

.VideoSpotlight_mode_dark .VideoSpotlight-VideoLabel {
    color: var(--color-gray-2);
}

.VideoSpotlight_mode_dark .VideoSpotlight-VideoHeading {
    color: var(--color-gray-1);
}

.VideoSpotlight_mode_dark .VideoSpotlight-VideoBody {
    color: var(--color-gray-2);
}

.FeaturedContentHub-Header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 12);
}

.FeaturedContentHub-Title {
    color: var(--color-gray-9);
}

.FeaturedContentHub-LinkText {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

@media (hover: hover) {
    .FeaturedContentHub-LinkText:hover {
        text-decoration-line: underline;
    }
}

.FeaturedContentHub-LinkIcon {
    background-color: var(--color-gray-7);
}

.SupplementContent-Title {
    color: var(--color-gray-9);
}

.SupplementContent-ItemWrapper_content {
    border-color: var(--color-gray-2);
}

.SupplementContent-Summary {
    color: var(--color-gray-8);
}

.SupplementContent-Image {
    border-radius: var(--radius-sm);
}

.SupplementContent-PublishDate {
    font-family: var(--font-secondary);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.FeaturedContent-Title {
    color: var(--color-gray-9);
}

.FeaturedContent-Image {
    border-radius: var(--radius-sm);
}

.FeaturedContent-PublishDate {
    font-family: var(--font-secondary);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.FeaturedContent-PublishDateWrapper {
    border-color: var(--color-gray-2);
}

@media (width >=744px) {
    .FeatureSeries {
        padding-block: calc(var(--spacing) * 8);
    }
}

.FeatureSeries-Wrapper {
    border-radius: var(--radius-xs);
    background-color: var(--color-gray-1);
    background-size: cover;
}

.FeatureSeries-LogoSection {
    grid-column: span 2 / span 2;
}

@media (width >=744px) {
    .FeatureSeries-LogoSection {
        grid-column: span 1 / span 1;
    }
}

.FeatureSeries-LogoWidth {
    width: calc(7 / 12 * 100%);
}

@media (width >=744px) {
    .FeatureSeries-LogoWidth {
        width: 100%;
    }
}

@media (width >=1024px) {
    .FeatureSeries-LogoWidth {
        width: 75%;
    }
}

@media (width >=1200px) {
    .FeatureSeries-LogoWidth {
        width: calc(8 / 12 * 100%);
    }
}

.FeatureSeries-Description {
    color: var(--color-gray-8);
}

.FeatureSeries-CTA {
    color: var(--color-white);
}

.FeatureSeries-Coverage {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-9);
    color: var(--color-gray-9);
}

@media (hover: hover) {
    .FeatureSeries-Coverage:hover {
        background-color: var(--color-gray-9);
    }
}

@media (hover: hover) {
    .FeatureSeries-Coverage:hover {
        color: var(--color-white);
    }
}

@media (width >=744px) {
    .FeatureSeries-ContentList {
        padding-block: calc(var(--spacing) * 24);
    }
}

.ListItem {
    border-radius: var(--radius-4);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    background-color: var(--color-white);
}

.ListItem-Sponsored {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-8);
}

.ListItem-Title {
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ListItem-Title {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.ListItem-Description {
    margin-top: calc(var(--spacing) * 8);
    color: var(--color-gray-8);
}

.ListItem-Keyword {
    display: inline-block;
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-8);
    text-transform: uppercase;
}

.ListItem-Footer {
    margin-top: calc(var(--spacing) * 16);
}

.ListItem-Date {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ListItem-Separator {
    color: var(--color-black);
}

.ListItem-Icon {
    background-color: var(--color-gray-7);
}

.ListItem-Time {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-7);
}

.FeatureSeriesV2-Title {
    margin-bottom: calc(var(--spacing) * 24);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .FeatureSeriesV2-Title {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.FeatureSeriesV2-ButtonText {
    color: var(--color-white);
}

.ContentFeatured-Image {
    border-radius: var(--radius-sm);
}

.ContentFeatured-Keyword {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
}

.ContentFeatured-Overlay {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (hover: hover) {
    .ContentFeatured-Overlay:hover {
        background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    }
}

.ContentFeatured-Title {
    padding-top: calc(var(--spacing) * 16);
    text-align: left;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentFeatured-Summary {
    color: var(--color-gray-8);
}

@media (width >=744px) {
    .ContentFeatured-Summary {
        margin-top: calc(var(--spacing) * 16);
    }
}

@media (width >=744px) {
    .ContentFeatured-Summary {
        display: block;
    }
}

.ContentFeatured-Bottom {
    margin-top: calc(var(--spacing) * 16);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ContentFeatured-PublishedDate {
    text-transform: uppercase;
}

.ContentFeatured-Icon {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    background-color: var(--color-white);
}

.ContentGroup-ItemWrapper {
    border-color: var(--color-gray-2);
}

@media (width >=1024px) {
    .ContentGroup-ItemWrapper {
        padding-block: calc(var(--spacing) * 24);
    }
}

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

@media (width >=744px) {
    .ContentGroup-ItemWrapper_index {
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
    }
}

@media (width >=744px) {
    .ContentGroup-ItemWrapper_index {
        padding-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .ContentGroup-ItemWrapper_index {
        padding-top: calc(var(--spacing) * 0);
    }
}

.ContentGroup-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ContentGroup-Keyword {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.ContentGroup-DateWrapper {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.ContentGroup-Icon {
    position: relative;
    top: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 18);
    background-color: var(--color-gray-7);
}

.GatedForm-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.GatedForm-Description {
    color: var(--color-gray-9);
}

.GatedForm-ValidationError {
    color: var(--color-brand-tertiary-1);
}

.GatedForm-Submit {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    text-transform: uppercase;
}

.GatedForm-CaptchaContainer {
    margin-top: calc(var(--spacing) * 16);
    flex: 1;
}

.GatedForm-BaseLabel {
    color: var(--color-gray-9);
}

.GatedForm-BaseInput {
    cursor: pointer;
    border-radius: var(--radius-3);
    border-color: var(--color-gray-5);
}

@media (hover: hover) {
    .GatedForm-BaseInput:hover {
        --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
}

.GatedForm-NewsletterValidationError {
    text-align: left;
    color: var(--color-brand-tertiary-1);
}

.GatedForm-Consent {
    color: var(--color-gray-9);
}

.GatedForm-RadioOptionElement {
    text-align: left;
    color: var(--color-gray-9);
}

.GatedForm-ConsentContainer,
.GatedForm-HubspotHelperTextWrapper {
    color: var(--color-gray-9);
}

.ChangeLocation {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
}

.ChangeLocation-Discover {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ChangeLocation-Topic {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.CommodityPrices-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.CommodityPrices-Title_variant_default {
    margin-bottom: calc(var(--spacing) * 32);
}

.CommodityPrices-Title_level_level1,
.CommodityPrices-Title_level_level3,
.CommodityPrices-Title_level_default,
.CommodityPrices-MarketInfoWrapper_variant_default {
    border-color: var(--color-gray-2);
}

.CommodityPrices-Button {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.CommodityPrices-Button_primary {
    color: var(--color-white);
}

.CommodityPrices-Button_secondary {
    border-color: var(--color-gray-9);
    color: var(--color-gray-9);
}

@media (hover: hover) {
    .CommodityPrices-Button_secondary:hover {
        background-color: var(--color-gray-9);
    }
}

@media (hover: hover) {
    .CommodityPrices-Button_secondary:hover {
        color: var(--color-white);
    }
}

.CommodityPrices-SponsorAdTitle {
    color: var(--color-gray-9);
}

.CommodityPrices-CopyrightWrapper_level_default {
    border-color: var(--color-gray-2);
}

.WeatherWidget-CurrentCondition,
.WeatherWidget-WindSpeed,
.WeatherWidget-SponsorTitle,
.WeatherWidget-ChangeLocationTextNote {
    color: var(--color-gray-9);
}

.WeatherWidget-Location {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.WeatherWidget-WeatherInfo {
    border-radius: var(--radius-lg);
    border-color: var(--color-gray-1);
}

.WeatherWidget-CurrentTemperature {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.WeatherWidget-CurrentCondition,
.WeatherWidget-DayTemperature,
.WeatherWidget-NightTemperature {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.WeatherWidget-WindIcon {
    background-color: var(--color-gray-7);
}

.WeatherWidget-DetailWeatherLink {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.WeatherWidget-CloseChangeLocationIcon,
.LoggedInDropdown-ToggleIcon {
    background-color: var(--color-gray-9);
}

.LoggedInDropdown-ToggleText {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.LoggedInDropdown-Chevron {
    background-color: var(--color-gray-9);
}

:where(.LoggedInDropdown-Menu > :not(:last-child)) {
    border-color: var(--color-gray-5);
}

.LoggedInDropdown-Menu {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-5);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.LoggedInDropdown-MenuItem {
    background-color: var(--color-white);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

@media (hover: hover) {
    .LoggedInDropdown-MenuItem:hover {
        background-color: var(--color-gray-2);
    }
}

.LoggedInMegaMenu-ButtonIcon {
    background-color: var(--color-gray-9);
}

.LoggedInMegaMenu-ButtonText {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.LoggedInMegaMenu-ButtonsMobile {
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.LoggedInMegaMenu-ButtonMobile {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
}

.LoggedInMegaMenu-ButtonMobile:last-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
}

.LoggedInMegaMenu-ButtonMobileText {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.EventsPromotions {
    border-radius: 0.25rem;
    border-color: var(--color-gray-2);
}

.EventsPromotions-Title {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-8);
    text-transform: uppercase;
}

.EventsPromotions-Title_isLightText {
    color: var(--color-white);
}

.EventsPromotions-Description {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

.EventsPromotions-Description_isLightText,
.MagazinePromo-Heading {
    color: var(--color-white);
}

.MagazinePromo-Body {
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
}

.MagazinePromo-Image {
    border-radius: var(--radius-sm);
}

.MagazinePromo-Label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
}

.MagazinePromo-ContentTitLe {
    color: var(--color-black);
}

.MagazinePromo-Summary {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
}

.MagazinePromo-RelatedItemCategory,
.MagazinePromo-RelatedItemTitle {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
}

.MagazinePreviewSmall,
.MagazinePreviewSmall-Image {
    border-radius: var(--radius-sm);
}

.MagazinePreviewSmall-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx14);
    line-height: var(--tw-leading, var(--text-tx14--line-height));
}

@media (width >=1024px) {
    .MagazinePreviewSmall-Title {
        font-size: var(--text-tx16);
        line-height: var(--tw-leading, var(--text-tx16--line-height));
    }
}

.MagazinePreviewLarge-Image {
    border-radius: var(--radius-sm);
}

.MagazinePreviewLarge-Summary {
    margin-top: calc(var(--spacing) * 16);
    font-size: var(--text-tx16);
    line-height: var(--tw-leading, var(--text-tx16--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

@media (width >=1024px) {
    .MagazinePreviewLarge-Summary {
        font-size: var(--text-tx18);
        line-height: var(--tw-leading, var(--text-tx18--line-height));
    }
}

.MagazinePreviewLarge-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .MagazinePreviewLarge-Title {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.MagazinePreviewLarge-ButtonLink {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.MagazinePreviewLarge-ButtonLink .Button {
    text-transform: uppercase;
}

@media (width >=744px) {
    .MagazinePreviewLarge-ImageLink {
        margin-inline: auto;
    }
}

.Resources-Header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.Resources-Header_article {
    text-align: center;
}

.PublicationPromo-Heading {
    font-family: var(--font-primary);
    color: var(--color-white);
}

.PublicationPromo-Body {
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
}

.PublicationPromo-Image {
    border-radius: var(--radius-sm);
}

.PublicationPromo-Label {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
}

.PublicationPromo-ContentTitLe {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.PublicationPromo-Summary {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

.PublicationPromo-RelatedItemCategory {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    text-transform: uppercase;
}

.PublicationPromo-RelatedItemTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.PublicationPromo-RelatedItem {
    border-color: var(--color-gray-2);
}

.PublicationPromoSidebar-Body,
.PublicationPromoSidebar-Image {
    border-radius: var(--radius-sm);
}

.PublicationPromoSidebar-RelatedItemCategory {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    text-transform: uppercase;
}

.PublicationPromoSidebar-RelatedItemTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.PublicationPromoSidebar-RelatedItem {
    border-color: var(--color-gray-2);
}

.Panels-Title {
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.Panels-Wrapper {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-2);
    padding-top: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .Panels-Wrapper {
        padding-top: calc(var(--spacing) * 32);
    }
}

.Panels-ActionLink {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

@media (width >=744px) {
    .Panels-ActionLink {
        margin-bottom: calc(var(--spacing) * 12);
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        color: var(--color-gray-7);
    }
}

@media (width >=744px) {
    .Panels-ActionLink {
        text-transform: uppercase;
    }
}

.Panels-ActionLink:hover {
    text-decoration-line: underline;
    text-decoration-color: var(--color-gray-7);
}

.Panels-LinkIcon {
    background-color: var(--color-gray-7);
}

.PanelCard-Wrapper {
    display: flex;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    --tw-shadow: 0 3px 10px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.PanelCard-Title {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.PanelCard-SubTitle {
    color: var(--color-gray-8);
}

.PanelCard-Label {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.PanelCard-Footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-2);
}

.PanelCard-ActionLink {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-brand-primary-1);
}

@media (width >=1512px) {
    .extended-breakpoints .Panels-Wrapper {
        padding-top: calc(var(--spacing) * 40);
    }
}

.HighlightContents-ActionLink {
    border-radius: var(--radius-xs);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
    text-transform: uppercase;
}

@media (hover: hover) {
    .HighlightContents-ActionLink:hover {
        background-color: var(--color-gray-9);
    }
}

@media (hover: hover) {
    .HighlightContents-ActionLink:hover {
        color: var(--color-white);
    }
}

.HighlightContents-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.TwoColumnHighlight {
    color: var(--color-gray-9);
}

.TwoColumnHighlight-Column {
    border-radius: var(--radius-sm);
    border-color: transparent;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.TwoColumnHighlight-ColumnTitle {
    border-color: var(--color-gray-1);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.TwoColumnHighlight-ColumnItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.TwoColumnHighlight-Icon {
    background-color: var(--color-gray-7);
}

.TwoColumnHighlight-ItemTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.TwoColumnHighlight-ItemSummary {
    font-family: var(--font-secondary);
    color: var(--color-gray-8);
}

.TwoColumnHighlight-Image {
    border-radius: var(--radius-sm);
}

.TwoColumnHighlight-ColumnButtonWrapper {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-gray-1);
}

.TwoColumnHighlight-ColumnButtonIcon {
    background-color: var(--color-black);
}

.TwoColumnHighlight-ColumnButtonText {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.TwoColumnHighlight-IconWrapper {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.TwoColumnHighlight-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.TwoColumnHighlight-Icon {
    background-color: var(--color-white);
}

.MicroList-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.MicroList-ListLinkText {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-7);
    text-transform: uppercase;
    text-decoration-color: var(--color-gray-7);
}

@media (hover: hover) {
    .MicroList-ListLinkText:hover {
        text-decoration-line: underline;
    }
}

.MicroList-ListLinkIcon {
    background-color: var(--color-gray-7);
}

.MicroList-CardsWrapper {
    border-color: var(--color-gray-2);
}

.MicroList-Image {
    border-radius: var(--radius-sm);
}

.MicroList-IconWrapper {
    border-radius: var(--radius-sm);
    background-color: color-mix(in oklab, var(--color-gray-9) 75%, transparent);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.MicroList-IconWrapper:hover {
    background-color: color-mix(in oklab, var(--color-black) 100%, transparent);
    --tw-shadow: 0px 6px 10px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.MicroList-Icon {
    background-color: var(--color-white);
}

.MicroList-CardKeyword {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
    color: var(--color-gray-9);
}

.MicroList-CardTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.MicroList-CardSummary {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

.LinkedImage {
    border-radius: var(--radius-sm);
    border-color: transparent;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),
        0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.LinkedImage-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.LinkedImage-LogoListWrapper {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-gray-1);
}

.LinkedImage-DefaultCtaWrapper {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.LinkedImage-DefaultCtaButton {
    font-family: var(--font-secondary);
    color: var(--color-gray-7);
    text-transform: uppercase;
}

@media (hover: hover) {
    .LinkedImage-DefaultCtaButton:hover {
        text-decoration-line: underline;
    }
}

.LinkedImage-DefaultCtaIcon {
    background-color: var(--color-gray-7);
}

.LinkedImage-MobileCtaWrapper {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-gray-1);
}

.LinkedImage-MobileCtaButton {
    font-family: var(--font-secondary);
    font-weight: var(--font-secondary-mid-weight);
}

.CardTime {
    display: inline-flex;
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.VideoPlaylist {
    border-radius: var(--radius-sm);
    --tw-shadow: 0px 4px 16px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.VideoPlaylist-Title,
.VideoPlaylist-ActiveVideoLink,
.VideoPlaylist-VideoItemLink {
    color: var(--color-gray-9);
}

.VideoPlaylist-Title,
.VideoPlaylist-VideoItemTitle,
.VideoPlaylist-VideoItemMobileTitle,
.VideoPlaylist-ActiveVideoTitle,
.VideoPlaylist-ActiveVideoMobileTitle {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.VideoPlaylist-VideoItemInfo {
    border-bottom-left-radius: 0.25rem;
}

.VideoPlaylist-VideoItemDuration {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
}

.VideoPlaylist-ActiveVideoFooter {
    border-color: var(--color-gray-2);
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

.VideoPlaylist-ActiveVideoDate,
.VideoPlaylist-ActiveVideoSeparator,
.VideoPlaylist-ActiveVideoViewTime {
    color: var(--color-gray-7);
    text-transform: uppercase;
}

.VideoPlaylist-VideoItemThumbnail,
.VideoPlaylist .VideoPlayer-ThumbnailImage {
    border-radius: var(--radius-sm);
}

.VideoPlaylist_isDarkMode {
    background-color: var(--color-gray-9);
}

.VideoPlaylist_isDarkMode .VideoPlaylist-Title,
.VideoPlaylist_isDarkMode .VideoPlaylist-ActiveVideoLink,
.VideoPlaylist_isDarkMode .VideoPlaylist-VideoItemLink,
.VideoPlaylist_isDarkMode .VideoPlaylist-ActiveVideoDate,
.VideoPlaylist_isDarkMode .VideoPlaylist-ActiveVideoSeparator,
.VideoPlaylist_isDarkMode .VideoPlaylist-ActiveVideoViewTime {
    color: var(--color-white);
}

.VideoPlaylist_isDarkMode .Keyword {
    color: var(--color-gray-2);
}

.VideoPlaylist_isDarkMode .VideoPlaylist-ActiveVideoFooter {
    border-color: var(--color-white);
}

.VideoSidebar-Title,
.VideoSidebar-VideoItemLink,
.VideoSidebar-VideoItemTitle,
.VideoSidebar-VideoItemMobileTitle {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.VideoSidebar-VideoItemThumbnail .VideoPlayer-ThumbnailImage {
    border-radius: var(--radius-sm);
}

.IirisRecommend-Title {
    margin-bottom: calc(var(--spacing) * 16);
    font-family: var(--font-primary);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.HeaderModule-Wrapper {
    border-radius: var(--radius-sm);
}

.HeaderModule_isLight .HeaderModule-Title {
    color: var(--color-gray-9);
}

.TextBox-Title {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.TextBox-Content {
    font-family: var(--font-secondary);
}

.PullQuote-Wrapper {
    border-radius: var(--radius-sm);
    background-color: var(--color-white);
}

.PullQuote-Wrapper_withImage .PullQuote-Quote {
    color: var(--color-black);
}

.PullQuote-Wrapper_withImage .PullQuote-Byline {
    color: var(--color-gray-9);
}

.PullQuote-Quote {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.PullQuote-Byline {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-8);
}

.PullQuote-Button {
    font-family: var(--font-primary);
    text-transform: uppercase;
}

.PullQuote_isDark .PullQuote-Wrapper {
    border-radius: var(--radius-sm);
    background-color: var(--color-brand-primary-1);
}

.PullQuote_isDark .PullQuote-Wrapper .PullQuote-Quote {
    color: var(--color-white);
}

.PullQuote_isDark .PullQuote-Wrapper .PullQuote-Overlay {
    border-radius: var(--radius-sm);
    background-color: var(--color-black);
    opacity: 50%;
}

.PullQuote_isDark .PullQuote-Wrapper .PullQuote-Byline {
    color: var(--color-gray-2);
}

.PullQuote_isDark .PullQuote-Wrapper_withImage .PullQuote-Overlay {
    color: var(--color-white);
    opacity: 0%;
}

@media (width >=1200px) {
    .extended-breakpoints .PullQuote-Wrapper {
        border-radius: 0;
    }
}

.LoginButton {
    color: var(--color-gray-9);
}

.LoginButton_white {
    color: var(--color-white);
}

.HeroModule-Label {
    text-transform: uppercase;
}

.HeroModule-Content_withOverlay {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >=744px) {
    .HeroModule-Content_withOverlay {
        border-radius: var(--radius-sm);
    }
}

.extended-breakpoints .HeroModule-Content_withOverlay {
    border-radius: var(--radius-sm);
    --tw-shadow: 0 0 20px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.BasicPage-Summary {
    text-align: center;
    color: var(--color-gray-7);
}

.BasicPage-Title {
    border-color: var(--color-gray-2);
    text-align: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.TopicList-Head {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
}

.TopicList-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

@media (width >=1024px) {
    .TopicList-NewsletterContent {
        margin-inline: calc(var(--spacing) * 0);
    }
}

.Subbrand-Head {
    margin-bottom: calc(var(--spacing) * 32);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
}

.Subbrand-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

.ContentFormatList-Head {
    margin-bottom: calc(var(--spacing) * 32);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
}

.ContentFormatList-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

.ContributorList-Head {
    margin-bottom: calc(var(--spacing) * 24);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .ContributorList-Head {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .ContributorList-Head {
        gap: calc(var(--spacing) * 32);
    }
}

.ContributorList-Divider {
    display: none;
}

.EventListTemplate-NewsletterSignUp {
    margin-top: calc(var(--spacing) * 40);
    margin-bottom: calc(var(--spacing) * 64);
}

@media (width >=744px) {
    .EventListTemplate-NewsletterSignUp {
        margin-top: calc(var(--spacing) * 64);
    }
}

@media (width >=744px) {
    .EventListTemplate-NewsletterSignUp {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .EventListTemplate-NewsletterSignUp {
        margin-top: calc(var(--spacing) * 80);
    }
}

.ListContent-AdNative {
    margin-top: calc(var(--spacing) * 24);
}

.ListContent-AdLeaderBoard {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    .ListContent-AdLeaderBoard {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ListContent-AdLeaderBoard {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ListContent-AdLeaderBoard.empty+.ListContent-ContentItem_borderless {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
}

.ListContent-Body {
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ListContent-Body {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ListContent-Body {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.ListContent-Title_featured {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ListContent-Title_featured {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ListContent-Title_latest {
    margin-bottom: calc(var(--spacing) * 24);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=744px) {
    .ListContent-Title_latest {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ListContent-Title_latest {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ListContent-Title_normal {
    margin-bottom: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ListContent-Title_normal {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .ListContent-Title_normal {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

@media (width >=1024px) {
    .ListContent-Content_featured {
        padding-bottom: calc(var(--spacing) * 40);
    }
}

.ListContent-Content_latest {
    margin-bottom: calc(var(--spacing) * 32);
}

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

@media (width >=1024px) {
    .ListContent-Content_latest {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1200px) {
    :where(.ListContent-Content_latest > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.ListContent-NewsletterSignupPromo {
    margin-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .ListContent-NewsletterSignupPromo {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .ListContent-ContentContainer {
        column-gap: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .ListContent-ContentContainer {
        column-gap: calc(var(--spacing) * 32);
    }
}

.ListContent-LatestItem {
    margin-bottom: calc(var(--spacing) * 24);
    flex: 1;
}

.ListContent-LatestItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .ListContent-LatestItem {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.ListContent-ContentItem {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-gray-1);
}

.ListContent-ContentItem_borderless {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
}

@media (width >=1512px) {
    .extended-breakpoints .ListContent-ContentContainer {
        column-gap: calc(var(--spacing) * 40);
    }
}

@media (width >=1512px) {
    .extended-breakpoints .ListContent-Content_latest {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1512px) {
    :where(.extended-breakpoints .ListContent-Content_latest > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 40) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-y-reverse)));
    }
}

.SingleEventList-Head {
    margin-bottom: calc(var(--spacing) * 32);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .SingleEventList-Head {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .SingleEventList-Head {
        gap: calc(var(--spacing) * 32);
    }
}

.SingleEventList-Breadcrumbs {
    display: flex;
    flex-direction: row;
}

.Search-HeaderText {
    text-align: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SearchFilterBlock-Title,
.SearchFilterButton-Title {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.SearchFilterButton-FooterWrapper {
    font-family: var(--font-primary);
    --tw-shadow: 0px -3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.SearchFilterButton-ResetButtonWrapper {
    text-transform: uppercase;
}

.SearchFilterButton-ApplyButton {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.SearchFilterButton-ApplyButton .Button-ContentWrapper {
    font-family: var(--font-primary);
}

@media (hover: hover) {
    .SearchFilterButton-ApplyButton .Button-ContentWrapper:hover {
        text-decoration-line: none;
    }
}

.SearchFilterButton-ResetButton {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: var(--color-gray-9) !important;
}

.SearchFilterButton-ResetButton .Button-ContentWrapper {
    font-family: var(--font-primary);
}

@media (hover: hover) {
    .SearchFilterButton-ResetButton .Button-ContentWrapper:hover {
        text-decoration-line: none;
    }
}

.SearchFilterButton-Button {
    border-color: var(--color-gray-9);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.SearchFilterButton-Modal {
    background-color: var(--color-gray-1);
}

.SearchFilterButton-ModalHeader {
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.SearchFilterButton-IconClose {
    position: relative;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 12);
    display: inline-block;
    height: calc(var(--spacing) * 18);
    width: calc(var(--spacing) * 18);
    background-color: var(--color-gray-9);
}

.SearchResult-NotFoundMessage {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SearchResult-PossibleReason {
    color: var(--color-gray-9);
}

.SearchResult-ContentPreview {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.SearchSummary-ResultsMobileText {
    text-align: center;
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.SearchSummary-ResultsDesktop {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
}

.SearchSummary-ResultsDesktopText {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.SearchSummary-FilterButton {
    border-radius: var(--radius-xs);
    border-color: var(--color-gray-9);
}

.SearchSummary-FilterText {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.SearchSummary-FilterNoteIcon {
    top: calc(var(--spacing) * 11);
    right: calc(var(--spacing) * 4);
}

.SearchSummary-ShowingResultsWrapper {
    text-align: center;
}

@media (width >=1024px) {
    .SearchSummary-ShowingResultsWrapper {
        text-align: left;
    }
}

.SeriesListPage-Header {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .SeriesListPage-Header {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.SeriesListPage-Body {
    margin-bottom: calc(var(--spacing) * 16);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (width >=744px) {
    .SeriesListPage-Body {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .SeriesListPage-Body {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.SeriesListPage-SeriesName {
    margin-bottom: calc(var(--spacing) * 24);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .SeriesListPage-SeriesName {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .SeriesListPage-SeriesName {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.SeriesListPage-MoreFromSeries {
    margin-bottom: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .SeriesListPage-MoreFromSeries {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .SeriesListPage-MoreFromSeries {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.SeriesListPage-Pagination {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .SeriesListPage-Pagination {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .SeriesListPage-Pagination {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .SeriesListPage-Pagination {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.SeriesListPage-LatestContent_articlesLength_3 {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .SeriesListPage-LatestContent_articlesLength_3 {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

.SeriesListPage-LatestContent_isLessThanThreeItems {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .SeriesListPage-LatestContent_isLessThanThreeItems {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.SeriesListPage-LatestContentItem {
    margin-bottom: calc(var(--spacing) * 24);
}

.SeriesListPage-LatestContentItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .SeriesListPage-LatestContentItem {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .SeriesListPage-LatestContentItem:not(.SeriesListPage-LatestContentItem_index_0) {
        margin-left: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .SeriesListPage-LatestContentItem:not(.SeriesListPage-LatestContentItem_index_0) {
        margin-left: calc(var(--spacing) * 32);
    }
}

.SeriesListPage-MainContentItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.SeriesListPage-MainContentItem_isLastItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
}

.SeriesListPage-Newsletter {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .SeriesListPage-Newsletter {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .SeriesListPage-Newsletter {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .SeriesListPage-Newsletter {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

@media (width >=1024px) {
    .HomePage {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.HomePage-Wrapper {
    margin-top: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .HomePage-Wrapper {
        margin-top: calc(var(--spacing) * 48);
    }
}

@media (width >=1200px) {
    .HomePage-Wrapper {
        margin-top: calc(var(--spacing) * 64);
    }
}

@media (width >=1024px) {
    .HomePage-NewsletterContent {
        margin-inline: calc(var(--spacing) * 0);
    }
}

.ArticleBase-HeaderTitle {
    margin-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

@media (width >=1024px) {
    .ArticleBase-HeaderTitle {
        margin-bottom: calc(var(--spacing) * 8);
    }
}

.ArticleBase-LargeTitle,
.ArticleBase-MobileTitle {
    font-weight:600;
    color: #333333;
}

.ArticleBase-HeaderSummary {
    color:#767676
}

.ArticleBase-Body {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .ArticleBase-Body {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.ArticleBase-Contributors {
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .ArticleBase-Contributors {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .ArticleBase-Contributors {
        flex-wrap: nowrap;
    }
}

@media (width >=744px) {
    .ArticleBase-Contributors {
        gap: calc(var(--spacing) * 0);
    }
}

.ArticleBase-SocialShare {
    margin-right: calc(var(--spacing) * 8);
}

.ArticleBase-SocialShare_second {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .ArticleBase-SocialShare_second {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.ArticleBase-SocialShare_first {
    margin-bottom: calc(var(--spacing) * 32);
}

.ArticleBase-MoreTitle {
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ArticleBase-ContributorsWrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.ArticleBase-ContributorsTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.ArticleBase-AdSponsored {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .ArticleBase-AdSponsored {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1200px) {
    .ArticleBase-AdSponsored {
        gap: calc(var(--spacing) * 32);
    }
}

.ArticleBase-SponsoredContent {
    text-align: center;
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ArticlePodcast-Media {
        margin-top: calc(var(--spacing) * 8);
    }
}

.ArticleSlideshow-Overlay,
.ArticleSlideshow-Wrapper {
    background-color: var(--color-gray-9);
}

.ArticleSlideshow-Overlay .Blockquote-Quote,
.ArticleSlideshow-Wrapper .Blockquote-Quote {
    color: var(--color-white);
}

.ArticleSlideshow-Overlay .Blockquote-Icon,
.ArticleSlideshow-Wrapper .Blockquote-Icon {
    background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
}

.ArticleSlideshow-Overlay .Table-Col,
.ArticleSlideshow-Overlay .Table-HeaderCell,
.ArticleSlideshow-Wrapper .Table-Col,
.ArticleSlideshow-Wrapper .Table-HeaderCell,
.ArticleSlideshow-Overlay .BasicList-ListItem,
.ArticleSlideshow-Overlay .BasicList-Title,
.ArticleSlideshow-Wrapper .BasicList-ListItem,
.ArticleSlideshow-Wrapper .BasicList-Title {
    color: var(--color-white);
}

.ArticleSlideshow-Overlay .BasicList-OrderedList *::marker,
.ArticleSlideshow-Wrapper .BasicList-OrderedList *::marker {
    color: var(--color-white);
}

.ArticleSlideshow-Overlay .BasicList-OrderedList::marker,
.ArticleSlideshow-Wrapper .BasicList-OrderedList::marker {
    color: var(--color-white);
}

.ArticleSlideshow-HeaderTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
}

.GatingSection-GatingInfo {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
    background-color: var(--color-gray-1);
}

.GatingSection-GatingTitle {
    color: var(--color-gray-9);
}

.GatingSection-GatingTitle_white {
    color: var(--color-white);
}

.GatingSection-GatingMessage {
    color: var(--color-gray-8);
}

.GatingSection-GatingMessage_white {
    color: var(--color-white);
}

:where(.UserProfileEdit-ReadOnly > :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)));
}

.UserProfileEdit-ReadOnlyValue {
    font-family: var(--font-secondary);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

.UserProfileFormHeading {
    border-color: var(--color-gray-2);
}

.UserProfileFormHeading-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.UserProfilePreview-GroupTitle {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.UserProfilePreview-Row {
    font-family: var(--font-secondary);
    font-size: var(--text-tx26);
    line-height: var(--tw-leading, var(--text-tx26--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-8);
}

.UserProfileSectionHeading {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.SocialLoginNotice {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-gray-7);
}

.UserProfileFieldWrapper .Label_variant_normal {
    margin-bottom: calc(var(--spacing) * 8);
}

.UserProfileFieldWrapper .Label_variant_small {
    margin-top: calc(var(--spacing) * 8);
}

.WeatherLandingPage-Header {
    border-color: var(--color-gray-2);
}

.WeatherLandingPage-Title {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.WeatherLandingPage-BroughtToTitle {
    color: var(--color-gray-9);
}

.WeatherLandingPage-NewsletterSignup {
    border-radius: 0;
    background-color: var(--color-gray-1);
}

.CurrentWeatherInfo-Location {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.CurrentWeatherInfo-ForecastedDay {
    font-family: var(--font-primary);
    color: var(--color-gray-9);
}

.CurrentWeatherInfo-ChangeLocationWrapper {
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.CurrentWeatherInfo-ChangeLocationInput {
    border-top-left-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
}

.CurrentWeatherInfo-ChangeLocationSearchBtn {
    border-top-right-radius: var(--radius-3);
    border-bottom-right-radius: var(--radius-3);
}

.Next24HourWeatherCard {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.Next24HourWeatherCard-Header {
    background-color: var(--color-gray-2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.Next24HourWeatherCard-Body_theme_dark {
    border-bottom-right-radius: var(--radius-3);
    border-bottom-left-radius: var(--radius-3);
    background-color: var(--color-gray-9);
    color: var(--color-white);
}

.Next24HourWeatherCard-Body_theme_light {
    color: var(--color-gray-9);
}

.Next24HourWeatherCard-TemperatureLevel,
.Next24HourWeatherCard-Temperature {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.Next24HourWeatherCard-Precipitation {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.Next24HourWeather-Header {
    border-color: var(--color-gray-2);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.HourlyForecastCard {
    border-radius: var(--radius-lg);
}

.HourlyForecastCard-Temperature {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.HourlyForecastCard-Time {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.HourlyForecastCard-Wind {
    color: var(--color-gray-9);
}

.HourlyForecastCard-WindIcon {
    background-color: var(--color-gray-7);
}

.HourlyForecastCard-Precipitation {
    color: var(--color-gray-9);
}

.HourlyForecastCard-PrecipitationIcon {
    background-color: var(--color-brand-tertiary-2);
}

.HourlyForecast-Header {
    border-color: var(--color-gray-2);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.HourlyForecast-Body {
    border-radius: var(--radius-sm);
    background-color: var(--color-brand-secondary-1);
}

.CurrentWeather {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.CurrentWeather-Temperature {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.CurrentWeather-FeelLikeTemperature {
    color: var(--color-gray-9);
}

.CurrentWeather-Condition {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.CurrentWeather-Row {
    border-color: var(--color-gray-2);
}

.CurrentWeather-TitleCell {
    color: var(--color-gray-9);
}

.CurrentWeather-ValueCell {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.MarketDataThirdLevel-TitleWrapper {
    border-color: var(--color-gray-2);
}

.MarketDataThirdLevel-Title {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.MarketDataThirdLevel-SponsorByText {
    color: var(--color-gray-9);
}

.MarketDataThirdLevel-SubTitle {
    color: var(--color-gray-7);
}

.MarketDataThirdLevel-Newsletter {
    border-radius: 0;
    background-color: var(--color-gray-1);
}

.ContractDate-Title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.ContractDate-DateSelect {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-3);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}

.HistoricalPrice {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.HistoricalPrice-Title,
.MarketNavigation-Title {
    border-color: var(--color-gray-2);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.MarketNavigation-NavigationItemTitle {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.OverViewPrice-PriceDetailsColumn {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.OverViewPrice-LastPriceValue {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.OverViewPrice-PriceNetChangeLabel {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.OverViewPrice-PriceDetailsLeftCell,
.OverViewPrice-PriceDetailsRightCell {
    color: var(--color-gray-9);
}

.OverViewPrice-PriceChangeColumn {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.OverViewPrice-ChangePriceRow {
    border-color: var(--color-gray-2);
}

.OverViewPrice-PriceChangeTitleCell {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.OverViewPrice-PriceChangeLabel {
    color: var(--color-gray-8);
    text-transform: uppercase;
}

.OverViewPrice-PriceChangeValue {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.MarketDataLandingPage-Description {
    color: var(--color-gray-9);
}

.MarketDataLandingPage-LastUpdate {
    color: var(--color-gray-7);
}

.MarketDataLandingPage-Newsletter {
    border-radius: 0;
    background-color: var(--color-gray-1);
}

.TitleHeader-TitleWrapper {
    border-color: var(--color-gray-2);
}

.TitleHeader-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.TitleHeader-SponsorByText {
    color: var(--color-gray-9);
}

.TitleHeader-MoreTopics {
    color: var(--color-gray-7);
}

.TitleHeader-MoreTopicsIcon {
    background-color: var(--color-gray-7);
}

.TitleHeader-CategoriesWrapper {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

@media (width >=1024px) {
    .TitleHeader-CategoriesWrapper {
        border-radius: 0;
    }
}

.TitleHeader-CategoryLink {
    color: var(--color-gray-7);
}

@media (hover: hover) {
    .TitleHeader-CategoryLink:hover {
        text-decoration-line: underline;
    }
}

.CashGrainBidsTemplate-TitleBox {
    border-color: var(--color-gray-2);
}

.CashGrainBidsTemplate-Title {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.CashGrainBidsTemplate-Summary {
    color: var(--color-gray-7);
}

.CashGrainBidsTemplate-NewsletterContent {
    background-color: var(--color-gray-1);
}

.CashGrainBidsTemplate-BroughtToYouBy {
    color: var(--color-gray-9);
}

.CashGrainBidsTable {
    min-width: calc(var(--spacing) * 680);
}

.CashGrainBidsTable-Header {
    border-color: var(--color-gray-5);
}

.CashGrainBidsTable-HeaderCell {
    text-align: left;
    color: var(--color-gray-9);
    text-transform: uppercase;
}

.CashGrainBidsTable-HeaderCell:not(.CashGrainBidsTable-HeaderCell:first-child) {
    text-align: right;
}

.CashGrainBidsTable-Col {
    text-align: left;
    color: var(--color-gray-9);
}

.CashGrainBidsTable-Col:not(.CashGrainBidsTable-Col:first-child) {
    text-align: right;
}

.CashGrainBidsTable-Row {
    border-color: var(--color-gray-3);
}

.ProgramListPage-Wrapper {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .ProgramListPage-Wrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.ProgramListPage-Header {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .ProgramListPage-Header {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.ProgramListPage-Body {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ProgramListPage-ProgramName {
    margin-bottom: calc(var(--spacing) * 24);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ProgramListPage-ProgramName {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .ProgramListPage-ProgramName {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ProgramListPage-MoreFromProgram {
    margin-bottom: calc(var(--spacing) * 8);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .ProgramListPage-MoreFromProgram {
        margin-bottom: calc(var(--spacing) * 16);
    }
}

@media (width >=1024px) {
    .ProgramListPage-MoreFromProgram {
        font-size: var(--text-tx26);
        line-height: var(--tw-leading, var(--text-tx26--line-height));
    }
}

.ProgramListPage-Pagination {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .ProgramListPage-Pagination {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .ProgramListPage-Pagination {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=1024px) {
    .ProgramListPage-Pagination {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.ProgramListPage-Newsletter {
    --tw-border-style: none;
    border-style: none;
    background-color: var(--color-gray-1);
}

@media (width >=1024px) {
    .ProgramListPage-Newsletter {
        margin-inline: calc(var(--spacing) * 0);
    }
}

.ProgramListPage-Newsletter:not(.ProgramListPage-Newsletter_mode_dark) .SubscribeBanner-Message {
    color: var(--color-gray-8) !important;
}

.ProgramListPage-LatestContent_articlesLength_3 {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .ProgramListPage-LatestContent_articlesLength_3 {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

.ProgramListPage-LatestContent_isLessThanThreeItems {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1200px) {
    .ProgramListPage-LatestContent_isLessThanThreeItems {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.ProgramListPage-LatestContentItem {
    margin-bottom: calc(var(--spacing) * 24);
}

.ProgramListPage-LatestContentItem:last-child {
    margin-bottom: calc(var(--spacing) * 0);
}

@media (width >=744px) {
    .ProgramListPage-LatestContentItem {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

@media (width >=744px) {
    .ProgramListPage-LatestContentItem:not(.ProgramListPage-LatestContentItem_index_0) {
        margin-left: calc(var(--spacing) * 24);
    }
}

@media (width >=1200px) {
    .ProgramListPage-LatestContentItem:not(.ProgramListPage-LatestContentItem_index_0) {
        margin-left: calc(var(--spacing) * 32);
    }
}

.ProgramListPage-MainContentItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.ProgramListPage-MainContentItem_isLastItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
}

.ChangeLocationTemplate-Location {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.ChangeLocationTemplate-Date {
    font-family: var(--font-primary);
    color: var(--color-gray-9);
}

.PublicationIssue-HeaderTitle {
    margin-bottom: calc(var(--spacing) * 12);
}

@media (width >=1024px) {
    .PublicationIssue-HeaderTitle {
        margin-bottom: calc(var(--spacing) * 8);
    }
}

.PublicationIssue-LargeTitle,
.PublicationIssue-MobileTitle {
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

.PublicationIssue-HeaderSummary {
    color: var(--color-gray-7);
}

.PublicationIssue-Body {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .PublicationIssue-Body {
        margin-bottom: calc(var(--spacing) * 0);
    }
}

.PublicationIssue-Contributors {
    flex-direction: column;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .PublicationIssue-Contributors {
        flex-direction: row;
    }
}

@media (width >=744px) {
    .PublicationIssue-Contributors {
        flex-wrap: nowrap;
    }
}

@media (width >=744px) {
    .PublicationIssue-Contributors {
        gap: calc(var(--spacing) * 0);
    }
}

.PublicationIssue-SocialShare {
    margin-right: calc(var(--spacing) * 8);
}

.PublicationIssue-SocialShare_second {
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=1024px) {
    .PublicationIssue-SocialShare_second {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.PublicationIssue-BodySummary {
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .PublicationIssue-BodySummary {
        margin-bottom: calc(var(--spacing) * 40);
    }
}

.PublicationIssue-BodyContent {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=1024px) {
    .PublicationIssue-BodyContent {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

.PublicationIssue-MoreTitle {
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-primary);
    font-weight: var(--font-primary-mid-weight);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .PublicationIssue-ContributorsWrapper {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.PublicationIssue-ContributorsTitle {
    color: var(--color-gray-9);
}

.PublicationIssue-AdSponsored {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 24);
}

@media (width >=744px) {
    .PublicationIssue-AdSponsored {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (width >=1200px) {
    .PublicationIssue-AdSponsored {
        gap: calc(var(--spacing) * 32);
    }
}

.PublicationWithEntries {
    margin-bottom: calc(var(--spacing) * 32);
}

@media (width >=744px) {
    .PublicationWithEntries {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

@media (width >=1024px) {
    .PublicationWithEntries {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.PublicationWithEntries-AdLeaderBoard {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=1024px) {
    .PublicationWithEntries-AdLeaderBoard {
        margin-top: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .PublicationWithEntries-AdLeaderBoard {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

.PublicationWithEntries-Body {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .PublicationWithEntries-Body {
        margin-bottom: calc(var(--spacing) * 32);
    }
}

@media (width >=1024px) {
    .PublicationWithEntries-Body {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .PublicationWithEntries-Body {
        margin-bottom: calc(var(--spacing) * 24);
    }
}

.PublicationWithEntries-Pagination {
    margin-top: calc(var(--spacing) * 32);
    margin-bottom: calc(var(--spacing) * 24);
}

@media (width >=1024px) {
    .PublicationWithEntries-Pagination {
        margin-top: calc(var(--spacing) * 40);
    }
}

.PublicationWithEntries-NewsletterSignupPromo {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 40);
}

@media (width >=744px) {
    .PublicationWithEntries-NewsletterSignupPromo {
        margin-bottom: calc(var(--spacing) * 56);
    }
}

@media (width >=1024px) {
    .PublicationWithEntries-NewsletterSignupPromo {
        margin-top: calc(var(--spacing) * 0);
    }
}

@media (width >=1024px) {
    .PublicationWithEntries-NewsletterSignupPromo {
        margin-bottom: calc(var(--spacing) * 48);
    }
}

.PublicationWithEntries-ContentItem {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.PublicationWithEntries-ContentItem_borderless {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
}

.PublicationWithEntries-Pagination {
    margin-top: calc(var(--spacing) * 16);
}

@media (width >=744px) {
    .PublicationWithEntries-Pagination {
        margin-top: calc(var(--spacing) * 40);
    }
}

@media (width >=744px) {
    .PublicationWithEntries .CategoryHeader_primaryTitle {
        padding-top: calc(var(--spacing) * 16);
    }
}

.PublicationWithEntries .CategoryHeader-Description {
    margin-bottom: calc(var(--spacing) * 0);
}

.Layout-Register_variant_footer {
    display: none;
}

.Layout-NewsLetter_variant_footer,
.Layout-NewsLetter_variant_megaMenu {
    display: block;
}

.ResourceResult-ContentPreview {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-gray-1);
}

.MediaCenterLandingPage .CategoryHeader-TitleWrapper_primaryTitle {
    padding-top: calc(var(--spacing) * 0);
}

.MediaCenterLandingPage .ContentGrid-ContentGridTitle {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-2);
    padding-bottom: calc(var(--spacing) * 12);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.MediaCenterLandingPage-SubMenuWrapper {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.MediaCenterLandingPage-NavItemTriangle {
    border-radius: var(--radius-sm);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-black);
    border-color: var(--color-gray-2);
}

.MediaCenterLandingPage-MobileNavTitle {
    color: var(--color-gray-7);
}

.MediaCenterLandingPage-NavItemTitle,
.MediaCenterLandingPage-NavItemWithoutSubMenu {
    font-family: var(--font-secondary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

@media (width >=1024px) {

    .MediaCenterLandingPage-NavItemTitle,
    .MediaCenterLandingPage-NavItemWithoutSubMenu {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
    }
}

@media (width >=1024px) {

    .MediaCenterLandingPage-NavItemTitle,
    .MediaCenterLandingPage-NavItemWithoutSubMenu {
        color: var(--color-gray-7);
    }
}

.MediaCenterLandingPage-SubMenuItemLink {
    font-family: var(--font-secondary);
    color: var(--color-gray-9);
}

@media (width >=1024px) {
    .MediaCenterLandingPage-SubMenuItemLink {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
    }
}

.MediaCenterLandingPage-NavIcon {
    background-color: var(--color-gray-7);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavIcon,
.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-CloseNavIcon {
    background-color: var(--color-gray-9);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-MobileNavTitle {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-9);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavItemWrapper {
    border-color: var(--color-gray-5);
}

.MediaCenterLandingPage-Nav_isMobileMenuOpen .MediaCenterLandingPage-NavMobileToggle {
    --tw-shadow: 0px 3px 10px var(--tw-shadow-color, #00000029);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

@media (width >=1024px) {
    .MediaCenterCollectionPage .CategoryHeader_primaryTitle {
        padding-bottom: calc(var(--spacing) * 24);
    }
}

.MediaCenterCollectionPage .CategoryHeader-Description {
    margin-bottom: calc(var(--spacing) * 0);
}

.MediaCenterIndividualPage-FeaturedTitle,
.MediaCenterIndividualPage .ContentGrid-ContentGridTitle {
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.MediaCenterAllSeries .CategoryHeader-TitleWrapper_primaryTitle {
    padding-top: calc(var(--spacing) * 0);
}

.MediaCenterAllSeries .CategoryHeader-Description {
    margin-bottom: calc(var(--spacing) * 0);
}

.LatestRecipesListPage-ContentCards .ContentCards-Header {
    justify-content: center;
}

.EnhancedListChildPage-Footnote {
    color: var(--color-gray-7);
}

.EnhancedListLandingPage-Summary {
    color: var(--color-gray-8);
}

.brand-foodservicedirector .RecipeLandingPage-FeatureTeaser {
    color: var(--color-brand-primary-4);
    text-transform: uppercase;
}

.brand-foodservicedirector .RecipeLandingPage-FeatureSummary {
    color: var(--color-gray-8);
}

.brand-foodservicedirector .RecipeLandingPage-Tag {
    border-radius: var(--radius-sm);
    background-color: var(--color-gray-9);
}

.brand-foodservicedirector .RecipeLandingPage-Tag p {
    text-transform: uppercase;
}

.brand-foodservicedirector .RecipeLandingPage-FeatureImageWrapper,
.brand-foodservicedirector .RecipeLandingPage-FeatureImageWrapper img {
    border-radius: var(--radius-sm);
}

.brand-foodservicedirector .RecipeLandingPage-RecipeFinderWrapper {
    border-radius: var(--radius-sm);
    border-color: var(--color-gray-2);
}

.brand-foodservicedirector .RecipeLandingPage-SearchWrapper label {
    color: var(--color-gray-9);
}

.brand-foodservicedirector .RecipeLandingPage-SearchWrapper input {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
    border-color: var(--color-gray-2);
}

.brand-foodservicedirector .RecipeLandingPage-SearchWrapper input::placeholder {
    color: var(--color-gray-7);
}

.brand-foodservicedirector .RecipeLandingPage-SearchWrapper input:focus {
    border-color: var(--color-gray-2);
}

.brand-foodservicedirector .RecipeLandingPage-SearchButton {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    background-color: var(--color-brand-primary-2);
    text-transform: uppercase;
}

.brand-foodservicedirector .RecipeLandingPage-SelectWrapper select {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-2);
    padding-block: calc(var(--spacing) * 12);
    color: var(--color-gray-9);
}

.brand-foodservicedirector .RecipeLandingPage-SelectWrapper select:focus {
    border-color: var(--color-gray-2);
}

.brand-foodservicedirector .RecipeLandingPage-SelectWrapper select:focus {
    --tw-ring-color: transparent;
}

.AuthorTeamPage-HeaderTitle {
    border-color: var(--color-gray-2);
    font-family: var(--font-primary);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-gray-9);
}

.AuthorTeamPage-HeaderSummary {
    color: var(--color-gray-7);
}

@layer theme, base, components, utilities;
@layer theme;

@layer base {

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

    html,
    :host {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        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;
    }

    body {
        line-height: inherit;
    }

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

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

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

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

    b,
    strong {
        font-weight: bolder;
    }

    code,
    kbd,
    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 {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.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 {
        display: block;
        vertical-align: middle;
    }

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

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

    :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;
        color: color-mix(in oklab, currentColor 50%, transparent);
    }

    textarea {
        resize: vertical;
    }

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

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

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

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

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0;
    }

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

    button,
    input:where([type="button"], [type="reset"], [type="submit"]),
    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
    }

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

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

@layer utilities;

.Button_variant_primaryFilled {
    background-color: #0042A5;
    color: var(--color-white);
}

@media (hover: hover) {
    .Button_variant_primaryFilled:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.Button_variant_primaryFilled .Button-Icon {
    background-color: var(--color-white);
}

.Button_variant_secondaryFilled {
    background-color: var(--color-brand-secondary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .Button_variant_secondaryFilled:hover {
        background-color: var(--color-brand-secondary-2);
    }
}

@media (hover: hover) {
    .Button_variant_secondaryFilled:hover {
        color: var(--color-black);
    }
}

.Button_variant_secondaryFilled .Button-Icon {
    background-color: var(--color-white);
}

.Button_variant_secondaryFilled:hover .Button-Icon {
    background-color: var(--color-black);
}

.Button_variant_textLink {
    color: var(--color-brand-primary-1);
}

.Button_variant_textLink .Button-Icon {
    background-color: var(--color-brand-primary-1);
}

.Button .Button-Icon {
    margin-right: calc(var(--spacing) * 8);
}

.Button-ContentWrapper {
    margin-left: calc(var(--spacing) * 0) !important;
}

.DropdownNavbar-Selected,
.DropdownNavbar-Item,
.DropdownNavbar-ItemDisabled {
    color: var(--color-brand-primary-1);
}

.DropdownNavbar-Item:active {
    background-color: var(--color-brand-primary-1);
}

.DropdownNavbar-ItemDisabled {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}

.FilterSection-InputAllItems:checked,
.FilterSection-InputRadio:checked {
    --tw-ring-color: var(--color-brand-primary-1);
}

.FilterSection-InputCheckbox:checked {
    background-color: var(--color-brand-primary-1);
}

.FilterSection-InputCheckbox:checked {
    --tw-ring-color: var(--color-brand-primary-1);
}

.Keyword_variant_category,
.Keyword_variant_alternate {
    color: var(--color-brand-primary-1);
}

.Keyword_variant_category:not(.Keyword_disabled):hover,
.Keyword_variant_label {
    border-color: var(--color-brand-primary-1);
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

.SearchBar-SearchButton {
    background-color: var(--color-brand-secondary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .SearchBar-SearchButton:hover {
        background-color: var(--color-brand-secondary-2);
    }
}

@media (hover: hover) {
    .SearchBar-SearchButton:hover {
        color: var(--color-black);
    }
}

.SearchBar-SearchButton .Button-Icon {
    background-color: var(--color-white);
}

.SearchBar-SearchButton:hover .Button-Icon {
    background-color: var(--color-black);
}

.SearchBar-SearchButton {
    border-color: var(--color-brand-secondary-1);
}

.BasicList-ListIcon_variant_unordered:not(.BasicList-ListIcon_nested) {
    background-color: var(--color-brand-tertiary-1);
}

.BasicList-ListIcon_variant_unordered.BasicList-ListIcon_nested {
    border-color: var(--color-brand-tertiary-1);
}

.BasicList-TitleIcon_variant_unordered {
    background-color: var(--color-brand-tertiary-1);
}

.Table-Col {
    color: var(--color-gray-8);
}

.Breadcrumb-GetText:not(.Breadcrumb-GetText_isLastItem) {
    color: var(--color-brand-primary-1);
}

.Pagination-PageNumber_current {
    background-color: var(--color-brand-tertiary-1);
}

.Pagination-ArrowIcon:not(.Pagination-ArrowIcon_disabled) {
    background-color: var(--color-brand-tertiary-1);
}

.ContentList-Icon,
.Summary-Icon {
    background-color: var(--color-brand-tertiary-1);
}

.WebinarSection-CTAButton {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .WebinarSection-CTAButton:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.WebinarSection-CTAButton .Button-Icon {
    background-color: var(--color-white);
}

.RelatedArticle-RelatedContent,
.FilterYear-CircleIcon {
    color: var(--color-brand-primary-1);
}

.SubMenu,
.SubMenu-RelatedTopics,
.SubMenu-RecentText,
.SubMenu-RecentTopicTerm,
.SubMenu-SeeMoreText,
.SubMenu-ItemLink {
    color: var(--color-white);
}

.SubMenu-SeeMoreIcon {
    background-color: var(--color-white);
}

.SubMenu-MoreContent:hover {
    text-decoration-color: var(--color-white);
}

.MainMenu-BackgroundMenuItem:not(.MainMenu-BackgroundMenuItem_withSearchBar),
.MainMenu-SearchBackground:not(.MainMenu-SearchBackground_withSearchBar) {
    background-color: var(--color-white);
}

.MainMenu-BackgroundMenuItem {
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-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);
}

.MainMenu-MenuItem {
    --tw-border-style: none;
    border-style: none;
}

.MainMenu-MenuItem_current.MainMenu-MenuItem_isSubMenuOpen {
    background-color: var(--color-brand-primary-2);
}

.MainMenu-MenuItem_current.MainMenu-MenuItem_isSubMenuOpen .MainMenu-MainTitle {
    color: var(--color-white) !important;
}

.MainMenu-MenuItem_current.MainMenu-MenuItem_isSubMenuOpen .MainMenu-SubMenuIcon {
    background-color: var(--color-white) !important;
}

@media (hover: hover) {

    .MainMenu-Title:hover,
    .MainMenu-MainTitle:hover {
        border-color: var(--color-brand-secondary-1);
    }
}

.MainMenu-Title,
.MainMenu-MainTitle {
    color: var(--color-gray-9) !important;
}

.MainMenu-SubMenuIcon {
    background-color: var(--color-gray-9) !important;
}

.MainMenu-SubMenuWrapper {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #180439;
    --tw-gradient-to: var(--color-brand-primary-2);
    --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));
}

.MainMenu-TitleWrapper {
    --tw-border-style: none;
    border-style: none;
}

.Navigation-MegaMenu {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #180439;
    --tw-gradient-to: var(--color-brand-primary-2);
    --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));
}

.SignupNewsletter-BaseCheckbox {
    border-color: var(--color-gray-7);
    color: var(--color-brand-primary-1);
}

.SignupNewsletter-BaseCheckbox:checked {
    background-color: var(--color-brand-primary-1);
}

.SignupNewsletter-BaseCheckbox {
    accent-color: var(--color-brand-primary-1) !important;
}

.SignupNewsletter-BaseCheckbox:focus {
    --tw-ring-color: var(--color-brand-primary-1);
}

.SignupNewsletter-BaseRadio {
    color: var(--color-brand-primary-1);
}

.SignupNewsletter-BaseRadio:checked {
    background-color: var(--color-brand-primary-1);
}

.SignupNewsletter-BaseRadio {
    accent-color: var(--color-brand-primary-1) !important;
}

.SignupNewsletter-Content {
    background-color: var(--color-white);
}

.SignupNewsletter-Submit {
    background-color: #420e76;
    color: var(--color-white);
    margin-top: 30px;
}

@media (hover: hover) {
    .SignupNewsletter-Submit:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.SignupNewsletter-Submit .Button-Icon {
    background-color: var(--color-white);
}

.SignupNewsletter-ConsentWrapper,
.SignupNewsletter-ConsentLink {
    color: var(--color-brand-primary-1);
}

.SignupNewsletter-NewsletterInput {
    border-color: var(--color-gray-7);
    color: var(--color-brand-primary-1);
}

.SignupNewsletter-NewsletterInputContainer [type="checkbox"]:checked {
    color: var(--color-brand-primary-1);
}

.SignupNewsletter-NewsletterInputContainer [type="checkbox"]:checked:checked {
    border-color: var(--color-brand-primary-1);
}

.SignupNewsletter-NewsletterInputContainer [type="checkbox"]:checked:checked {
    background-color: var(--color-brand-primary-1);
}

.SignupNewsletter-NewsletterInputContainer [type="checkbox"]:checked {
    accent-color: var(--color-brand-primary-1) !important;
}

.SignupNewsletter-NewsletterFrequencyLink {
    color: var(--color-brand-primary-1);
}

.SignupNewsletter-NewsletterSuccessButton {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .SignupNewsletter-NewsletterSuccessButton:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.SignupNewsletter-NewsletterSuccessButton .Button-Icon {
    background-color: var(--color-white);
}

.SignupNewsletter-ErrorButton {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .SignupNewsletter-ErrorButton:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.SignupNewsletter-ErrorButton .Button-Icon {
    background-color: var(--color-white);
}

.SubscribeBanner_mode_dark {
    background-color: var(--color-brand-primary-2);
}

.SubscribeBanner_mode_dark .SubscribeBanner-Message {
    color: var(--color-gray-1);
}

.SubscribeBanner:not(.SubscribeBanner_mode_dark).SubscribeBanner_variant_vertical .SubscribeBanner-Message {
    color: var(--color-gray-7);
}

.SubscribeBanner:not(.SubscribeBanner_mode_dark).SubscribeBanner_variant_horizontal .SubscribeBanner-Message {
    color: var(--color-gray-8);
}

.SubscribeBannerTopicPage_mode_dark {
    background-color: var(--color-brand-primary-2);
}

.SubscribeBannerTopicPage:not(.SubscribeBannerTopicPage_mode_dark).SubscribeBannerTopicPage_variant_vertical .SubscribeBanner-Message {
    color: var(--color-gray-8);
}

.SubscribeBannerTopicPage_variant_horizontal .SubscribeBanner-Title {
    font-size: var(--text-tx22);
    line-height: var(--tw-leading, var(--text-tx22--line-height));
}

.SubscribeBannerTopicPage:not(.SubscribeBannerTopicPage_mode_dark).SubscribeBannerTopicPage_variant_horizontal .SubscribeBanner-Message {
    color: var(--color-gray-8);
}

.SubscribeBannerTopicPage_mode_dark.SubscribeBannerTopicPage_variant_horizontal .SubscribeBanner-Message {
    color: var(--color-gray-1);
}

.NewsletterSignupPromo-Button_small {
    display: block;
}

@media (width >=744px) {
    .NewsletterSignupPromo-Button_small {
        display: none;
    }
}

.NewsletterSignupPromo-Button_small .Button-Icon,
.NewsletterSignupPromo-Button_medium {
    display: none;
}

@media (width >=744px) {
    .NewsletterSignupPromo-Button_medium {
        display: block;
    }
}

.NewsletterSignupPromo-Button_medium .Button-Icon {
    display: none;
}

.ContributorFocusedCard-Wrapper {
    border-color: var(--color-gray-2);
    background-color: var(--color-brand-secondary-3);
}

.Registration-RegisterText:not(.Registration-RegisterText_variant_megaMenu) {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
}

@media (width >=744px) {
    .Registration-RegisterText:not(.Registration-RegisterText_variant_megaMenu) {
        font-size: var(--text-tx14);
        line-height: var(--tw-leading, var(--text-tx14--line-height));
    }
}

.SortModule-CircleIcon:checked {
    color: var(--color-brand-primary-1);
}

.SortModule-CircleIcon:checked {
    --tw-ring-color: var(--color-brand-primary-1);
}

.SortModule-CircleIconMobile {
    background-color: var(--color-brand-primary-1);
}

.SortModule-ModalResetButton {
    color: var(--color-black);
}

.SortModule-ModalApplyButtonWrapper {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

.ContentSpotlight-ContentSummary {
    color: var(--color-brand-primary-1);
}

.ContentSpotlight_mode_dark .ContentSpotlight-Article {
    background-color: var(--color-brand-primary-2);
}

.FeatureSeries-CTA {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .FeatureSeries-CTA:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.FeatureSeries-CTA .Button-Icon {
    background-color: var(--color-white);
}

.ListItem-Keyword {
    color: var(--color-brand-primary-1);
}

.FeatureSeriesV2-ButtonText {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .FeatureSeriesV2-ButtonText:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.FeatureSeriesV2-ButtonText .Button-Icon {
    background-color: var(--color-white);
}

.GatedForm-BaseInput:focus {
    border-color: var(--color-brand-primary-1);
}

.GatedForm-BaseInput:focus {
    --tw-ring-color: var(--color-brand-primary-1);
}

.GatedForm-BaseInput:focus {
    --tw-outline-style: none;
    outline-style: none;
}

@media (forced-colors: active) {
    .GatedForm-BaseInput:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
    }
}

.GatedForm-BaseInput {
    accent-color: var(--color-brand-primary-1);
}

.GatedForm-BaseInput:checked {
    color: var(--color-brand-primary-1) !important;
}

.GatedForm-Submit {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .GatedForm-Submit:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.GatedForm-Submit .Button-Icon {
    background-color: var(--color-white);
}

.GatedForm-ConsentLink,
.ContentText-BodyTextChunk_link,
.PanelCard-ActionLink {
    color: var(--color-brand-primary-1);
}

.PublicationPromo {
    background-color: var(--color-brand-primary-2);
}

.PublicationPromo-Label,
.PublicationPromo-RelatedItemCategory {
    color: var(--color-brand-primary-1);
}

.PublicationPromo-RelatedItemTitle {
    color: var(--color-black);
}

.PublicationPromoSidebar {
    background-color: var(--color-brand-primary-2);
}

.PublicationPromoSidebar-RelatedItemCategory,
.PullQuote-Quote {
    color: var(--color-brand-primary-1);
}

.PullQuote_isDark {
    background-color: var(--color-brand-primary-2);
}

.PullQuote_isDark .PullQuote-ButtonWrapper .Button {
    background-color: var(--color-brand-secondary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .PullQuote_isDark .PullQuote-ButtonWrapper .Button:hover {
        background-color: var(--color-brand-secondary-2);
    }
}

@media (hover: hover) {
    .PullQuote_isDark .PullQuote-ButtonWrapper .Button:hover {
        color: var(--color-black);
    }
}

.PullQuote_isDark .PullQuote-ButtonWrapper .Button .Button-Icon {
    background-color: var(--color-white);
}

.PullQuote_isDark .PullQuote-ButtonWrapper .Button:hover .Button-Icon {
    background-color: var(--color-black);
}

.PullQuote_isDark .PullQuote-Byline {
    color: #e5e5e5;
}

.PullQuote_isDark .PullQuote-Overlay {
    background-color: transparent;
}

.VideoSpotlight:not(.VideoSpotlight_mode_dark) .VideoSpotlight-VideoLabel {
    color: var(--color-brand-primary-2);
}

.VideoSpotlight_mode_dark .VideoSpotlight-Article {
    background-color: var(--color-brand-primary-2);
}

.FeatureItem-FooterWrapper_contributors .Contributors-ContributorTitle {
    font-size: var(--text-tx12);
    line-height: var(--tw-leading, var(--text-tx12--line-height));
    color: var(--color-white);
}

.VideoPlaylist_isDarkMode {
    background-color: var(--color-brand-primary-2);
}

.ContentRibbon .swiper-button-next {
    background: linear-gradient(270deg, #42187e, #0000);
}

.ContentRibbon .swiper-button-prev {
    background: linear-gradient(270deg, #0000, #42187e);
}

.SearchFilterButton-ApplyButtonWrapper {
    background-color: var(--color-brand-primary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .SearchFilterButton-ApplyButtonWrapper:hover {
        background-color: var(--color-brand-primary-2);
    }
}

.SearchFilterButton-ApplyButtonWrapper .Button-Icon {
    background-color: var(--color-white);
}

.SearchFilterButton-ApplyButton {
    color: var(--color-white);
}

.SearchResult-PossibleReasonIcon {
    background-color: var(--color-brand-tertiary-1);
}

.SearchSummary-FilterNoteIcon {
    background-color: var(--color-brand-primary-1);
}

.ArticleBase-FeaturedImageWrapper .CaptionedContent-Content {
    background-color: transparent;
}

.ArticleBase-SocialShare_first {
    display: none;
}

.ArticleDocument-DocumentButton .Button_variant_primaryFilled {
    background-color: var(--color-brand-secondary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .ArticleDocument-DocumentButton .Button_variant_primaryFilled:hover {
        background-color: var(--color-brand-secondary-2);
    }
}

@media (hover: hover) {
    .ArticleDocument-DocumentButton .Button_variant_primaryFilled:hover {
        color: var(--color-black);
    }
}

.ArticleDocument-DocumentButton .Button_variant_primaryFilled .Button-Icon {
    background-color: var(--color-white);
}

.ArticleDocument-DocumentButton .Button_variant_primaryFilled:hover .Button-Icon {
    background-color: var(--color-black);
}

.ArticleSlideshow-GatedSlideshowLayout .Button_variant_primaryFilled {
    background-color: var(--color-brand-secondary-1);
    color: var(--color-white);
}

@media (hover: hover) {
    .ArticleSlideshow-GatedSlideshowLayout .Button_variant_primaryFilled:hover {
        background-color: var(--color-brand-secondary-2);
    }
}

@media (hover: hover) {
    .ArticleSlideshow-GatedSlideshowLayout .Button_variant_primaryFilled:hover {
        color: var(--color-black);
    }
}

.ArticleSlideshow-GatedSlideshowLayout .Button_variant_primaryFilled .Button-Icon {
    background-color: var(--color-white);
}

.ArticleSlideshow-GatedSlideshowLayout .Button_variant_primaryFilled:hover .Button-Icon {
    background-color: var(--color-black);
}

.UserProfileSectionHeading {
    border-color: var(--color-brand-secondary-1);
}

.EnhancedListChildPage .Pagination-ArrowIcon:not(.EnhancedListChildPage .Pagination-ArrowIcon_disabled) {
    background-color: var(--color-brand-tertiary-1);
}

.PublicationIssue-SocialShare_first {
    display: none;
}

.SubscribeBanner.SubscribeBanner_mode_light.ProgramListPage-Newsletter {
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-gray-2);
    background-color: var(--color-white);
}

.SubscribeBanner.SubscribeBanner_mode_dark.ProgramListPage-Newsletter .SubscribeBanner-Message {
    color: var(--color-gray-1) !important;
}

.brand-fintechfutures {
    --font-primary: "Poppins";
    --font-primary-mid-weight: 600;
    --font-secondary: "Poppins";
    --font-secondary-mid-weight: 600;
    --color-brand-primary-1: #420e76;
    --color-brand-primary-2: #220552;
    --color-brand-secondary-1: #957ab8;
    --color-brand-secondary-2: #cabddc;
    --color-brand-secondary-3: #f4f2f8;
    --color-brand-tertiary-1: #00a39e;
}

@layer base {

    [type="text"],
    input:where(:not([type])),
    [type="email"],
    [type="url"],
    [type="password"],
    [type="number"],
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="search"],
    [type="tel"],
    [type="time"],
    [type="week"],
    [multiple],
    textarea,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-color: #6a7282;
        border-width: 1px;
        border-radius: 0;
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-shadow: 0 0 #0000;
    }

    [type="text"]:focus,
    input:where(:not([type])):focus,
    [type="email"]:focus,
    [type="url"]:focus,
    [type="password"]:focus,
    [type="number"]:focus,
    [type="date"]:focus,
    [type="datetime-local"]:focus,
    [type="month"]:focus,
    [type="search"]:focus,
    [type="tel"]:focus,
    [type="time"]:focus,
    [type="week"]:focus,
    [multiple]:focus,
    textarea:focus,
    select:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty);
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(0.546 0.245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
        border-color: #155dfc;
    }

    input::placeholder,
    textarea::placeholder {
        color: #6a7282;
        opacity: 1;
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1.5em;
    }

    ::-webkit-date-and-time-value {
        text-align: inherit;
    }

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

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0;
    }

    select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    [multiple],
    [size]:where(select:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        padding-right: 0.75rem;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset;
    }

    [type="checkbox"],
    [type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        display: inline-block;
        vertical-align: middle;
        background-origin: border-box;
        -webkit-user-select: none;
        user-select: none;
        flex-shrink: 0;
        height: 1rem;
        width: 1rem;
        color: #155dfc;
        background-color: #fff;
        border-color: #6a7282;
        border-width: 1px;
        --tw-shadow: 0 0 #0000;
    }

    [type="checkbox"] {
        border-radius: 0;
    }

    [type="radio"] {
        border-radius: 100%;
    }

    [type="checkbox"]:focus,
    [type="radio"]:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(0.546 0.245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }

    [type="checkbox"]:checked,
    [type="radio"]:checked {
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    [type="checkbox"]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    }

    @media (forced-colors: active) {
        [type="checkbox"]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }
    }

    [type="radio"]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    }

    @media (forced-colors: active) {
        [type="radio"]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }
    }

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

    [type="checkbox"]:indeterminate {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    @media (forced-colors: active) {
        [type="checkbox"]:indeterminate {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }
    }

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

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

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

@layer base {

    [type="text"],
    input:where(:not([type])),
    [type="email"],
    [type="url"],
    [type="password"],
    [type="number"],
    [type="date"],
    [type="datetime-local"],
    [type="month"],
    [type="search"],
    [type="tel"],
    [type="time"],
    [type="week"],
    [multiple],
    textarea,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-color: #6a7282;
        border-width: 1px;
        border-radius: 0;
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-shadow: 0 0 #0000;
    }

    [type="text"]:focus,
    input:where(:not([type])):focus,
    [type="email"]:focus,
    [type="url"]:focus,
    [type="password"]:focus,
    [type="number"]:focus,
    [type="date"]:focus,
    [type="datetime-local"]:focus,
    [type="month"]:focus,
    [type="search"]:focus,
    [type="tel"]:focus,
    [type="time"]:focus,
    [type="week"]:focus,
    [multiple]:focus,
    textarea:focus,
    select:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty);
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(0.546 0.245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
        border-color: #155dfc;
    }

    input::placeholder,
    textarea::placeholder {
        color: #6a7282;
        opacity: 1;
    }

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

    ::-webkit-date-and-time-value {
        min-height: 1.5em;
    }

    ::-webkit-date-and-time-value {
        text-align: inherit;
    }

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

    ::-webkit-datetime-edit,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {
        padding-top: 0;
        padding-bottom: 0;
    }

    select {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
        background-position: right 0.5rem center;
        background-repeat: no-repeat;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    [multiple],
    [size]:where(select:not([size="1"])) {
        background-image: initial;
        background-position: initial;
        background-repeat: unset;
        background-size: initial;
        padding-right: 0.75rem;
        -webkit-print-color-adjust: unset;
        print-color-adjust: unset;
    }

    [type="checkbox"],
    [type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        display: inline-block;
        vertical-align: middle;
        background-origin: border-box;
        -webkit-user-select: none;
        user-select: none;
        flex-shrink: 0;
        height: 1rem;
        width: 1rem;
        color: #155dfc;
        background-color: #fff;
        border-color: #6a7282;
        border-width: 1px;
        --tw-shadow: 0 0 #0000;
    }

    [type="checkbox"] {
        border-radius: 0;
    }

    [type="radio"] {
        border-radius: 100%;
    }

    [type="checkbox"]:focus,
    [type="radio"]:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;
        --tw-ring-inset: var(--tw-empty);
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: oklch(0.546 0.245 262.881);
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
    }

    [type="checkbox"]:checked,
    [type="radio"]:checked {
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    [type="checkbox"]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    }

    @media (forced-colors: active) {
        [type="checkbox"]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }
    }

    [type="radio"]:checked {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    }

    @media (forced-colors: active) {
        [type="radio"]:checked {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }
    }

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

    [type="checkbox"]:indeterminate {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
        border-color: transparent;
        background-color: currentColor;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    @media (forced-colors: active) {
        [type="checkbox"]:indeterminate {
            -webkit-appearance: auto;
            -moz-appearance: auto;
            appearance: auto;
        }
    }

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

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

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

@property --tw-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false;
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false;
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
}

@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: 0px;
}

@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-content {
    syntax: "*";
    inherits: false;
    initial-value: "";
}

@property --tw-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-ease {
    syntax: "*";
    inherits: false;
}

@property --tw-tracking {
    syntax: "*";
    inherits: false;
}

@property --tw-leading {
    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-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-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-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-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@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%;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.link-color{
    color: #0344A6 !important;
}

.commentBox ul{
    margin-top: 30px;
}
.commentBox ul li{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: baseline;
    font-size: 18px;
}
@media (width < 744px) {
    .commentBox ul li {
        font-size: 16px;
    }
}
.commentBox ul li span{
    width: 90px;
    padding: 2px 5px;
    background: #61A1FF;
    text-align: center;
    color: #fff;
}
@media (width < 744px) {
    .commentBox ul li span {
        font-size: 13px;
        width: 70px;
        padding: 2px 0;
    }
}
.commentBox ul li .in-comt{
    width: calc(100% - 90px);
    padding-left: 10px;
}
@media (width < 744px) {
    .commentBox ul li .in-comt {
        width: calc(100% - 70px);
    }
}
.div-block-2-copy{
    display: flex;
    align-items: center;
    max-width: 70px;
    margin-top: 10px;
}
.gray-small-text {
    color: #949494;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none
}

.gray-small-text._10px-margin {
    margin-right: 10px
}

/* form */
.form-control {
    position: relative
}

.form-control {
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    padding: 0 35px 0 14px;
    width: 100%
}

.form-control input::placeholder {
}

.form-control .icon {
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%)
}

.form-control input {
    border: 1px solid transparent
}

.form-control input:active,
.form-control input:focus {
    border-radius: 4px
}

.form-control.has-error input {
    border: 1px solid rgb(var(--secondary-color));
    border-radius: 4px;
    outline: none
}

.form-control.suggest {
    background: rgb(var(--surface-color));
    border-radius: 4px;
    position: relative
}

.form-control.suggest input {
    background: transparent;
    box-shadow: none
}

.form-control.suggest .clear-option-btn {
    display: none
}

.form-control.suggest:hover .clear-option-btn {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 32px;
    top: 12px
}

.form-control.suggest:hover .clear-option-btn svg {
    fill: #3c67ab
}

.form-control .tooltip {
    width: 100%
}
.submitForm {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    border-radius: 0.5rem;
    font-size: 19px;
    line-height: 29px;
    margin-top: 0.5rem;
    border-color: #fff;
    border-width: 0;
    border-radius: 0.375em;
    color: #fff;
    background-color: #6ecb89;
    font-weight: 800;
    padding: 10px 0;
}

.submitForm:hover {
    background: black;
}

.form-content {
    padding: 10px;
    padding-bottom: 60px;
}

.prefix {
    text-align: left;
    direction: ltr;
    position: absolute !important;
    left: 9%;
    color: #000;
    font-size: 16px;
    top: 10px !important;
}

.user_phone,
#phoneFiled {
    padding-left: 100px !important;
    background-repeat: no-repeat !important;
    background-position: 2% 50% !important;
    background-size: 6% !important;
}

.iti__country {
    color: #000
}
.form-group {
    margin: 5px auto;
}
.HomeHeroV2-module--signup--21760 {
    display: flex;
    margin: 24px auto 40px;
    max-width: 350px;
    position: relative;
    width: 100%;
    z-index: 1
}

.HomeHeroV2-module--signup--21760 .HomeHeroV2-module--group--d9a59 {
    /* display: flex;
    justify-content: center; */
    width: 100%;
}

.HomeHeroV2-module--signup--21760 .HomeHeroV2-module--group--d9a59 .HomeHeroV2-module--email--56768 {
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    color: hsla(0, 0%, 100%, .9);
    font-size: 15px;
    height: 44px;
    padding: 11px 16px;
    /* width: 300px */
}

.HomeHeroV2-module--signup--21760 .HomeHeroV2-module--group--d9a59 .HomeHeroV2-module--registerBtn--9183d button {
    margin-left: 10px;
    min-width: 140px
}

@media screen and (max-width: 700px) {
    .HomeHeroV2-module--signup--21760 .HomeHeroV2-module--group--d9a59 {
        flex-direction: column;
        gap: 20px;
        min-width: 100%
    }

    .HomeHeroV2-module--signup--21760 .HomeHeroV2-module--group--d9a59 .HomeHeroV2-module--email--56768 {
        display: none
    }

    .HomeHeroV2-module--signup--21760 .HomeHeroV2-module--group--d9a59 .HomeHeroV2-module--registerBtn--9183d button {
        height: 40px;
        margin-left: 0;
        width: 100%
    }

    .HomeHeroV2-module--signup--21760 {
        margin-top: 20px
    }
}
.phone_holder{
    border-radius: 4px;
    padding: 0 35px 0 0;
    width: 100%;
    border: 1px solid #6a7282;
}