@layer components {
    /* Styles for Accordion
     *
     * Import this file in overrides/app/styles/components.css to include it
     * in the SSR-friendly CSS manifest.
     */

    .mcf-accordion {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .mcf-accordion__item {
        border-top: var(--mcf-border-width-1) solid var(--mcf-color-border-secondary);
    }

    .mcf-accordion__item:last-child {
        border-bottom: var(--mcf-border-width-1) solid var(--mcf-color-border-secondary);
    }

    .mcf-accordion__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: var(--mcf-space-24) 0;
        background: none;
        border: none;
        cursor: pointer;
        text-align: left;
        transition: background-color var(--mcf-duration-200) var(--mcf-easing-ease);
    }

    .mcf-accordion__header:hover {
        background-color: var(--mcf-opacity-black-5);
    }

    .mcf-accordion__header:focus-visible {
        outline-style: dotted;
        outline-width: var(--mcf-focus-outline-width);
        outline-color: var(--mcf-focus-outline-color-1);
        outline-offset: var(--mcf-focus-outline-offset);
    }

    .mcf-accordion__title {
        text-align: left;
    }

    .mcf-accordion__icon {
        flex-shrink: 0;
        width: var(--mcf-space-16);
        height: var(--mcf-space-16);
        transition: transform var(--mcf-duration-300) var(--mcf-easing-ease);
        transform: rotate(180deg);
    }

    .mcf-accordion__icon--open {
        transform: rotate(0deg);
    }

    .mcf-accordion__content-wrapper {
        max-height: 0;
        overflow: hidden;
        transition: max-height var(--mcf-duration-300) var(--mcf-easing-ease);
    }

    .mcf-accordion__content-wrapper--open {
        max-height: 1000px;
    }

    .mcf-accordion__content {
        padding-bottom: var(--mcf-space-24);
        font-family: var(--mcf-paragraph-font-family);
        font-weight: var(--mcf-paragraph-regular-weight);
        font-size: var(--mcf-paragraph-p3-size);
        line-height: var(--mcf-paragraph-line-height);
        letter-spacing: var(--mcf-paragraph-letter-spacing);
        color: var(--mcf-color-text-primary);
    }

    .mcf-accordion__content ul,
    .mcf-accordion__content ol {
        margin: 0;
        padding-left: var(--mcf-space-24);
    }

    .mcf-accordion__content li {
        margin-bottom: 0;
        line-height: var(--mcf-paragraph-line-height);
    }

    .mcf-accordion__content p {
        margin: 0;
        white-space: pre-wrap;
    }
}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer components{.mcf-badge{font-family:var(--Typography-Font-Body-Copy);-webkit-user-select:none;user-select:none;background-color:var(--mcf-badge-bg);color:var(--mcf-badge-fg);justify-content:center;align-items:center;font-weight:700;line-height:1.5;display:inline-flex}.mcf-badge[data-size=sm]{font-size:var(--mcf-font-size-12);padding:var(--mcf-space-4) var(--mcf-space-8);border-radius:var(--mcf-radius-8)}.mcf-badge[data-size=md]{font-size:var(--mcf-font-size-14);padding:var(--mcf-space-6) var(--mcf-space-12);border-radius:var(--mcf-radius-8)}.mcf-badge[data-size=lg]{font-size:var(--mcf-font-size-16);padding:var(--mcf-space-8) var(--mcf-space-16);border-radius:var(--mcf-radius-12)}.mcf-badge[data-variant=neutral]{--mcf-badge-bg:var(--mcf-color-neutral-100);--mcf-badge-fg:var(--mcf-color-gray-800)}.mcf-badge[data-variant=accent]{--mcf-badge-bg:var(--mcf-color-accent);--mcf-badge-fg:var(--mcf-color-on-accent)}.mcf-badge[data-variant=success]{--mcf-badge-bg:var(--mcf-color-teal-800);--mcf-badge-fg:var(--mcf-color-white)}.mcf-badge[data-variant=warning]{--mcf-badge-bg:var(--mcf-color-amber-400);--mcf-badge-fg:var(--mcf-color-gray-950)}.mcf-badge[data-variant=error]{--mcf-badge-bg:var(--mcf-color-red-600);--mcf-badge-fg:var(--mcf-color-white)}}

@layer components {
    /* BannerAlert Component - Uses design tokens */
    .mcf-banner-alert {
        display: flex;
        align-items: center;
        gap: var(--mcf-space-8);
        padding: var(--mcf-space-8) var(--mcf-space-16) var(--mcf-space-8) var(--mcf-space-20);
        border-radius: var(--mcf-radius-11);
        overflow: hidden;
    }

    .mcf-banner-alert__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: var(--mcf-space-24);
        height: var(--mcf-space-24);
    }

    .mcf-banner-alert__message {
        flex: 1;
        margin: 0;
        font-family: var(--mcf-font-family-body);
        font-size: var(--mcf-font-size-14);
        line-height: var(--mcf-line-height-1-5);
        letter-spacing: 0;
    }

    /* Error variant - bold text per Figma design */
    .mcf-banner-alert--error .mcf-banner-alert__message {
        font-weight: var(--mcf-font-weight-bold);
    }

    /* Other variants - regular weight */
    .mcf-banner-alert--info .mcf-banner-alert__message,
    .mcf-banner-alert--warning .mcf-banner-alert__message,
    .mcf-banner-alert--success .mcf-banner-alert__message {
        font-weight: var(--mcf-font-weight-regular);
    }

    /* Variant styles */
    .mcf-banner-alert--info {
        background: var(--mcf-color-info-light);
        color: var(--mcf-color-info-dark);
    }

    .mcf-banner-alert--warning {
        background: var(--mcf-color-warning-light);
        color: var(--mcf-color-warning-dark);
    }

    .mcf-banner-alert--error {
        background: transparent;
        color: var(--mcf-color-red-500);
        padding: 0;
        border-radius: 0;
    }

    .mcf-banner-alert--error .mcf-banner-alert__icon {
        color: var(--mcf-color-red-500);
    }

    .mcf-banner-alert--error .mcf-banner-alert__message {
        color: var(--mcf-color-red-500);
    }

    .mcf-banner-alert--success {
        background: var(--mcf-color-success-light);
        color: var(--mcf-color-success-dark);
    }
}

@layer components {
    .mcf-color-swatch-container {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--mcf-space-8);
        position: relative;
        padding: var(--mcf-space-4);
        border-radius: var(--mcf-radius-pill);
        box-sizing: border-box;
    }

    .mcf-color-swatch-container--sm {
        min-width: var(--mcf-color-swatch-size-sm);
        min-height: var(--mcf-color-swatch-size-sm);
    }

    .mcf-color-swatch-container--md {
        min-width: var(--mcf-color-swatch-size-md);
        min-height: var(--mcf-color-swatch-size-md);
    }

    .mcf-color-swatch-container--lg {
        min-width: var(--mcf-color-swatch-size-lg);
        min-height: var(--mcf-color-swatch-size-lg);
    }

    .mcf-color-swatch-container:hover {
        border: var(--mcf-border-width-2) solid var(--mcf-color-swatch-border-hover);
    }

    .mcf-color-swatch-container.mcf-color-swatch-container--selected {
        border: var(--mcf-border-width-2) solid var(--mcf-color-swatch-border-selected);
    }

    .mcf-color-swatch {
        border-radius: var(--mcf-radius-pill);
        border: none;
        cursor: pointer;
        padding: 0;
        flex: 1 0 0;
        width: 100%;
        height: 100%;
        min-width: var(--mcf-space-1);
        min-height: var(--mcf-space-1);
        position: relative;
        box-sizing: border-box;
    }

    .mcf-color-swatch:focus-visible {
        outline: var(--mcf-border-width-2) solid currentColor;
        outline-offset: var(--mcf-space-2);
    }

    .mcf-color-swatch-label {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: var(--mcf-space-1);
        padding: var(--mcf-space-2) var(--mcf-space-6);
        background-color: var(--mcf-color-swatch-label-bg);
        color: var(--mcf-color-swatch-label-fg);
        border-radius: var(--mcf-radius-pill);
        font-size: var(--mcf-color-swatch-label-font-size);
        font-weight: var(--mcf-font-weight-regular);
        line-height: var(--mcf-color-swatch-label-line-height);
        letter-spacing: var(--mcf-color-swatch-label-letter-spacing);
        text-align: center;
        white-space: nowrap;
        pointer-events: none;
        z-index: 10;
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--mcf-duration-200) ease-in-out, visibility var(--mcf-duration-200) ease-in-out;
    }

    .mcf-color-swatch-container:hover .mcf-color-swatch-label {
        opacity: 1;
        visibility: visible;
    }

    @media (prefers-reduced-motion: reduce) {
        .mcf-color-swatch-label {
            transition-duration: var(--mcf-duration-0);
        }
    }
    .mcf-color-swatch-container .mcf-color-swatch[aria-label*="White"], .mcf-color-swatch-container .mcf-color-swatch[aria-label*="white"],
    .mcf-color-swatch-container .mcf-color-swatch[aria-label*="No Accent Mat"], .mcf-color-swatch-container .mcf-color-swatch[aria-label*="no accent mat"] {
    border: var(--mcf-border-width-1) solid var(--mcf-color-gray-100);
}
}


/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer components{.mcf-email-input{gap:var(--mcf-email-input-gap);flex-direction:column;width:100%;display:flex}.mcf-email-input__container{align-items:center;gap:var(--mcf-email-input-gap);border:var(--mcf-email-input-border-width) solid var(--mcf-email-input-border);border-radius:var(--mcf-email-input-radius);padding:var(--mcf-email-input-container-padding);padding-left:var(--mcf-email-input-container-padding-left);display:flex}.mcf-email-input--white .mcf-email-input__container{background-color:var(--mcf-email-input-bg-white)}.mcf-email-input--almost-white .mcf-email-input__container{background-color:var(--mcf-email-input-bg-almost-white)}.mcf-email-input--focused{border:var(--mcf-email-input-border-focused-width) solid var(--mcf-email-input-border-focused);border-radius:var(--mcf-email-input-radius);padding:var(--mcf-email-input-container-padding)}.mcf-email-input__field-wrapper{flex:1;gap:0;min-width:0;margin:0}.mcf-email-input .mcf-email-input__container .mcf-email-input__field-wrapper .mcf-input-field{font-family:var(--mcf-email-input-font-family);font-size:var(--mcf-email-input-font-size);font-weight:var(--mcf-email-input-font-weight);line-height:var(--mcf-email-input-line-height);letter-spacing:var(--mcf-email-input-letter-spacing);color:var(--mcf-email-input-fg);padding:var(--mcf-email-input-field-padding-block) 0;border-radius:var(--mcf-radius-0);height:auto;min-height:auto;box-shadow:none;text-overflow:ellipsis;background:0 0;border:none;outline:none}.mcf-email-input__field-wrapper .mcf-input-field::placeholder{color:var(--mcf-email-input-placeholder-fg)}.mcf-email-input__field-wrapper .mcf-input-field:focus::placeholder{color:var(--mcf-email-input-fg)}.mcf-email-input__submit{height:var(--mcf-space-48);min-height:var(--mcf-space-36);min-width:var(--mcf-space-96);padding:var(--mcf-email-input-submit-padding-block) var(--mcf-email-input-submit-padding-inline);background-color:var(--mcf-email-input-submit-bg);border-radius:var(--mcf-email-input-submit-radius);font-family:var(--mcf-font-family-button);font-size:var(--mcf-font-size-16);font-weight:var(--mcf-font-weight-bold);line-height:var(--mcf-line-height-tight);color:var(--mcf-email-input-submit-fg);cursor:pointer;transition:background-color var(--mcf-email-input-transition-duration) var(--mcf-email-input-transition-easing);white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mcf-email-input .mcf-email-input__container .mcf-email-input__submit{cursor:pointer}.mcf-email-input__submit:hover:not(:disabled){background-color:var(--mcf-email-input-submit-bg-hover)}.mcf-email-input__submit:focus-visible{outline:var(--mcf-border-width-2) solid var(--mcf-focus-outline-color);outline-offset:var(--mcf-space-2)}.mcf-email-input__submit:disabled{opacity:var(--mcf-opacity-disabled)}.mcf-email-input .mcf-email-input__container .mcf-email-input__submit:disabled{cursor:not-allowed}.mcf-email-input__message{align-items:center;gap:var(--mcf-email-input-gap);font-family:var(--mcf-email-input-font-family);font-size:var(--mcf-email-input-message-font-size);font-weight:var(--mcf-email-input-message-font-weight);line-height:var(--mcf-email-input-line-height);display:flex}.mcf-email-input__message--success{color:var(--mcf-email-input-success-fg)}.mcf-email-input__message--error{color:var(--mcf-email-input-error-fg)}.mcf-email-input__message .mcf-paragraph{color:inherit}.mcf-email-input__field-wrapper.mcf-input-field-wrapper{min-width:unset;flex:1}@media not all and (min-width:48rem){.mcf-email-input__container{gap:var(--mcf-space-8);padding:var(--mcf-space-4) var(--mcf-space-4) var(--mcf-space-4) var(--mcf-space-16)}.mcf-email-input .mcf-email-input__container .mcf-email-input__field-wrapper .mcf-input-field{padding:var(--mcf-space-12) 0;font-size:var(--mcf-font-size-16);line-height:var(--mcf-line-height-normal);text-overflow:ellipsis}.mcf-email-input__submit{padding:var(--mcf-space-10) var(--mcf-space-16);font-size:var(--mcf-font-size-16)}}@media (min-width:48rem) and (not (min-width:64rem)){.mcf-email-input__container{gap:var(--mcf-space-8)}.mcf-email-input__submit{padding:var(--mcf-space-10) var(--mcf-space-16)}}@media (prefers-reduced-motion:reduce){.mcf-email-input__submit{transition-duration:var(--mcf-duration-0)}}}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer components{.mcf-footer{background-color:var(--mcf-footer-bg);width:100%;padding:var(--mcf-footer-padding-block) var(--mcf-footer-padding-inline)}.mcf-footer__container{gap:var(--mcf-footer-gap);flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex}.mcf-footer__header{width:100%;max-width:var(--mcf-footer-content-max-width);justify-content:space-between;align-items:flex-end;display:flex}.mcf-footer__logo-wrapper{flex-shrink:0;max-width:100%}.mcf-footer__logo{width:var(--mcf-footer-logo-width);height:var(--mcf-footer-logo-height);object-fit:contain;object-position:left center;max-width:100%}.mcf-footer__logo-placeholder{background-color:var(--mcf-color-gray-50);width:100%;height:100%}.mcf-footer__social{justify-content:flex-end;align-items:flex-start;gap:var(--mcf-space-24);max-width:100%;display:flex}.mcf-footer__social-title.mcf-paragraph{white-space:nowrap}.mcf-footer__social-list{align-items:center;gap:var(--mcf-space-16);display:flex}.mcf-footer__social-list .mcf-list-item{align-items:center;margin-bottom:0}.mcf-footer__social-link{color:var(--mcf-footer-icon-fill);cursor:pointer;height:auto;min-height:0;transition:color var(--mcf-duration-150) var(--mcf-easing-ease-in-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.mcf-footer__social-link:hover{color:var(--mcf-color-action-primary-hover)}.mcf-footer__social-link:focus-visible{outline:var(--mcf-border-width-2) solid var(--mcf-focus-outline-color);outline-offset:var(--mcf-space-2);border-radius:var(--mcf-radius-2)}.mcf-footer__nav{width:100%;max-width:var(--mcf-footer-content-max-width)}.mcf-footer__nav--desktop{display:block}.mcf-footer__nav--mobile{gap:var(--mcf-space-32);flex-direction:column;width:100%;display:none}.mcf-footer__nav-grid{gap:var(--mcf-footer-column-gap);grid-template-columns:repeat(3,1fr) 1.6fr;align-items:start;width:100%;min-width:0;display:grid}.mcf-footer__nav-grid .mcf-list-item{margin-bottom:0}.mcf-footer__nav-column{gap:var(--mcf-footer-link-gap);flex-direction:column;align-self:start;min-width:0;display:flex}.mcf-footer__nav-list{--mcf-list-nav-gap:var(--mcf-footer-link-gap)}.mcf-footer__nav-link{width:100%}.mcf-footer__nav-link:focus-visible{outline:var(--mcf-border-width-2) solid var(--mcf-focus-outline-color);outline-offset:var(--mcf-space-2);border-radius:var(--mcf-radius-2)}.mcf-footer__signup{padding:var(--mcf-footer-signup-padding);border:var(--mcf-border-width-1) dashed var(--mcf-footer-signup-border);border-radius:var(--mcf-footer-radius);gap:var(--mcf-footer-signup-gap);box-sizing:border-box;flex-direction:column;align-self:start;width:100%;display:flex}.mcf-footer__signup-content{gap:var(--mcf-footer-signup-gap);flex-direction:column;width:100%;display:flex}.mcf-footer__signup-title.mcf-heading{color:var(--mcf-footer-text-primary)}.mcf-footer__signup-disclaimer.mcf-paragraph{font-style:italic}.mcf-footer__bottom{width:100%;max-width:var(--mcf-footer-content-max-width);overflow-wrap:break-word;align-items:flex-end;display:flex}.mcf-footer__copyright.mcf-paragraph{line-height:var(--mcf-line-height-1-2)}.mcf-footer__accordion{width:100%}.mcf-footer__accordion .mcf-accordion__header{padding:var(--mcf-space-16) 0}.mcf-footer__accordion .mcf-accordion__item--open .mcf-accordion__header{padding:var(--mcf-space-16) 0 0}.mcf-footer__accordion .mcf-accordion__header:hover{background-color:#0000}.mcf-footer__accordion .mcf-accordion__content{padding:var(--mcf-space-20) 0 var(--mcf-space-16);text-align:left}.mcf-footer__accordion-list{--mcf-list-nav-gap:var(--mcf-footer-link-gap);text-align:left}.mcf-footer__accordion .mcf-accordion__content ul{padding-left:0}.mcf-footer__accordion .mcf-accordion__content .mcf-button-icon{display:none}@media not all and (min-width:64rem){.mcf-footer__nav--desktop{display:none}.mcf-footer__nav--mobile{display:flex}.mcf-footer__header{align-items:flex-start;gap:var(--mcf-space-32);flex-direction:column}.mcf-footer__social{align-items:flex-start;gap:var(--mcf-space-24)}.mcf-footer__social-list{gap:var(--mcf-space-12)}.mcf-footer__signup{padding:var(--mcf-space-24) var(--mcf-space-20)}}@media not all and (min-width:48rem){.mcf-footer__social{gap:var(--mcf-space-8);flex-direction:column}}@media (prefers-reduced-motion:reduce){.mcf-footer__social-link,.mcf-footer__nav-link{transition-duration:var(--mcf-duration-0)}}}

@layer components {
    /* InputField wrapper - contains label, input, and error message */
    .mcf-input-field-wrapper {
        display: flex;
        flex-direction: column;
        gap: var(--mcf-input-wrapper-gap);
        width: 100%;
        min-width: var(--mcf-input-min-width);
    }

    /* Input container - wraps input + suffix */
    .mcf-input-field-container {
        position: relative;
        width: 100%;
    }

    /* Input field base styles - Default state (empty) */
    .mcf-input-field {
        width: 100%;
        padding: var(--mcf-input-padding-block) var(--mcf-input-padding-inline);
        font-family: var(--mcf-input-font-family);
        font-size: var(--mcf-input-font-size);
        font-weight: var(--mcf-input-font-weight);
        line-height: var(--mcf-input-line-height);
        letter-spacing: var(--mcf-input-letter-spacing);
        color: var(--mcf-input-fg);
        background-color: var(--mcf-input-bg);
        border: var(--mcf-input-border-width) solid var(--mcf-input-border);
        border-radius: var(--mcf-input-radius);
        transition: background-color var(--mcf-input-transition-duration) var(--mcf-input-transition-easing),
            border-color var(--mcf-input-transition-duration) var(--mcf-input-transition-easing);
    }

    /* Placeholder styles - gray/secondary text */
    .mcf-input-field::placeholder {
        color: var(--mcf-input-placeholder-fg);
        opacity: var(--mcf-opacity-full);
    }

    /* Filled state (when input has value) - almost-white background */
    .mcf-input-field:not(:placeholder-shown) {
        background-color: var(--mcf-input-filled-bg);
    }

    /* Focus state - almost-white background, maintains same border */
    .mcf-input-field:focus {
        outline: none;
        background-color: var(--mcf-input-focus-bg);
        border-color: var(--mcf-input-focus-border);
    }

    /* Hover state - subtle change */
    .mcf-input-field:hover:not(:disabled):not(.mcf-input-field--error) {
        border-color: var(--mcf-input-hover-border);
    }

    /* Error state - 2px red border */
    .mcf-input-field--error {
        background-color: var(--mcf-input-error-bg);
        border: var(--mcf-input-error-border-width) solid var(--mcf-input-error-border);
        padding: calc(var(--mcf-input-padding-block) - 1px) calc(var(--mcf-input-padding-inline) - 1px);
    }

    .mcf-input-field--error:hover,
    .mcf-input-field--error:focus {
        border-color: var(--mcf-input-error-border);
    }

    .mcf-input-field--error:focus {
        outline: none;
    }

    /* Disabled state */
    .mcf-input-field--disabled,
    .mcf-input-field:disabled {
        background-color: var(--mcf-input-disabled-bg);
        border-color: var(--mcf-input-disabled-border);
        color: var(--mcf-input-disabled-fg);
        cursor: not-allowed;
    }

    .mcf-input-field:disabled::placeholder {
        color: var(--mcf-input-disabled-fg);
    }

    /* Suffix styling - positioned dynamically right after the value */
    .mcf-input-field-suffix {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-family: var(--mcf-input-font-family);
        font-size: var(--mcf-input-font-size);
        font-weight: var(--mcf-font-weight-bold);
        line-height: var(--mcf-input-line-height);
        color: var(--mcf-input-fg);
        pointer-events: none;
        white-space: nowrap;
    }

    /* Hidden measure element for calculating text width */
    .mcf-input-field-measure {
        position: absolute;
        visibility: hidden;
        white-space: pre;
        pointer-events: none;
    }

    /* Error message styling */
    .mcf-input-field-error {
        display: block;
        padding: var(--mcf-input-error-padding-block) 0;
        font-family: var(--mcf-input-error-font-family);
        font-size: var(--mcf-input-error-font-size);
        font-weight: var(--mcf-input-error-font-weight);
        line-height: var(--mcf-input-error-line-height);
        letter-spacing: var(--mcf-input-error-letter-spacing);
        color: var(--mcf-input-error-fg);
    }

    /* Reduce motion for accessibility */
    @media (prefers-reduced-motion: reduce) {
        .mcf-input-field {
            transition-duration: var(--mcf-duration-0);
        }
    }
}

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer components{.mcf-orientation-option{align-items:center;gap:var(--mcf-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s);transition-duration:var(--mcf-duration-150);flex-shrink:0;display:flex}.mcf-orientation-option[data-disabled=true]{cursor:not-allowed;opacity:var(--mcf-opacity-disabled)}.mcf-orientation-option input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.mcf-orientation-option__label{font-family:var(--Typography-Font-Body-Copy);font-size:var(--mcf-font-size-14);font-weight:var(--mcf-font-weight-regular);line-height:var(--mcf-line-height-1-5);letter-spacing:var(--mcf-letter-spacing-normal);color:var(--mcf-orientation-option-label-fg);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s);transition-duration:var(--mcf-duration-150);flex-shrink:0;text-decoration:none;position:relative}.mcf-orientation-option__label:before{content:attr(data-label);font-weight:var(--mcf-font-weight-bold);visibility:hidden;height:0;display:block;overflow:hidden}.mcf-orientation-option__label[data-checked=true]{font-weight:var(--mcf-font-weight-bold);color:var(--mcf-orientation-option-label-fg-selected);text-decoration:underline}.mcf-orientation-option__label[data-disabled=true]{color:var(--mcf-orientation-option-label-fg-disabled)}.mcf-orientation-option:not([data-disabled=true]):hover .mcf-orientation-option__label{color:var(--mcf-orientation-option-label-fg-hover)}.mcf-orientation-option[data-checked=true]:not([data-disabled=true]):hover .mcf-orientation-option__label{color:var(--mcf-orientation-option-label-fg-selected)}.mcf-orientation-option__box{width:var(--mcf-space-24);height:var(--mcf-space-18);border:var(--mcf-border-width-2) solid var(--mcf-orientation-option-box-border);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s);transition-duration:var(--mcf-duration-150);background-color:#0000;flex-shrink:0;display:block}.mcf-orientation-option__box[data-orientation=portrait]{transform:rotate(90deg)}.mcf-orientation-option__box[data-orientation=square]{width:var(--mcf-space-18);height:var(--mcf-space-18)}.mcf-orientation-option__box[data-checked=true]{border-color:var(--mcf-orientation-option-box-border-selected)}.mcf-orientation-option:not([data-disabled=true]):hover .mcf-orientation-option__box{border-color:var(--mcf-orientation-option-box-border-hover)}.mcf-orientation-option__box[data-disabled=true]{border-color:var(--mcf-orientation-option-box-border-disabled);opacity:var(--mcf-opacity-disabled)}.mcf-orientation-option input[type=radio]:focus-visible~.mcf-orientation-option__box{outline-style:solid;outline-width:var(--mcf-focus-outline-width);outline-color:var(--mcf-focus-outline-color-1);outline-offset:var(--mcf-focus-outline-offset)}.mcf-radio-group-options[data-gap=lg]{gap:var(--mcf-space-40);padding-bottom:var(--mcf-space-4)}@media (prefers-reduced-motion:reduce){.mcf-orientation-option,.mcf-orientation-option__label,.mcf-orientation-option__box{transition-duration:var(--mcf-duration-0)}}}

@layer components {
    .mcf-ticker-tape {
        width: 100%;
        min-height: var(--mcf-space-56); /* 56px */
        overflow: hidden;
        position: relative;
        padding: var(--mcf-space-16) 0;
        display: flex;
        align-items: center;
        background-color: var(--mcf-color-bg);
        color: var(--mcf-color-text-primary);
    }

    /* Wrapper holds both tracks side by side for seamless loop */
    .mcf-ticker-tape__wrapper {
        display: flex;
        width: max-content;
        will-change: transform;
    }

    .mcf-ticker-tape__track {
        display: inline-flex;
        align-items: center;
        gap: var(--mcf-space-80);
        white-space: nowrap;
        flex-shrink: 0;
        height: 100%;
        padding-right: var(--mcf-space-80);
    }

    @media (min-width: 1024px) {
        .mcf-ticker-tape__track {
            gap: var(--mcf-space-104);
            padding-right: var(--mcf-space-104);
        }
    }

    /* Animation speeds - animate wrapper instead of tracks */
    .mcf-ticker-tape[data-speed='slow'] .mcf-ticker-tape__wrapper {
        animation: mcf-ticker-scroll 60s linear infinite;
    }

    .mcf-ticker-tape[data-speed='normal'] .mcf-ticker-tape__wrapper {
        animation: mcf-ticker-scroll 40s linear infinite;
    }

    .mcf-ticker-tape[data-speed='fast'] .mcf-ticker-tape__wrapper {
        animation: mcf-ticker-scroll 20s linear infinite;
    }

    /* Pause animation on hover for accessibility */
    .mcf-ticker-tape[data-paused='true'] .mcf-ticker-tape__wrapper {
        animation-play-state: paused;
    }

    .mcf-ticker-tape__item {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: var(--mcf-space-8);
        white-space: nowrap;
        flex-shrink: 0;
        flex-grow: 0;
        background: transparent;
    }

    .mcf-ticker-tape__icon {
        flex-shrink: 0;
        width: var(--mcf-space-24); /* 24px */
        height: var(--mcf-space-24); /* 24px */
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .mcf-ticker-tape__text {
        font-family: var(--Typography-Font-Body-Copy);
        font-size: var(--mcf-font-size-14);
        font-weight: var(--mcf-font-weight-regular);
        line-height: var(--mcf-space-24); /* Match icon height for vertical alignment */
        display: inline-flex;
        align-items: center;
    }

    /* Infinite scroll animation - move by -50% to loop seamlessly (2 tracks) */
    @keyframes mcf-ticker-scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-50%);
        }
    }

    /* RTL support */
    [dir='rtl'] .mcf-ticker-tape__wrapper {
        flex-direction: row-reverse;
    }

    [dir='rtl'] .mcf-ticker-tape__track {
        flex-direction: row-reverse;
    }

    [dir='rtl'] .mcf-ticker-tape__item {
        flex-direction: row-reverse;
    }

    /* Reduced motion support */
    @media (prefers-reduced-motion: reduce) {
        .mcf-ticker-tape__wrapper {
            animation: none;
        }
    }
}

@layer components {
    .mcf-video-control {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: var(--mcf-space-8);
        background-color: var(--mcf-video-control-bg);
        border: var(--mcf-border-width-1) solid var(--mcf-video-control-border);
        border-radius: var(--mcf-radius-pill);
        cursor: pointer;
        transition: background-color var(--mcf-duration-200) ease-in-out;
    }

    .mcf-video-control:hover:not(:disabled) {
        background-color: var(--mcf-video-control-bg-hover);
    }

    .mcf-video-control:focus-visible {
        outline: var(--mcf-border-width-2) solid var(--mcf-video-control-border);
        outline-offset: var(--mcf-space-2);
    }

    .mcf-video-control--disabled,
    .mcf-video-control:disabled {
        background-color: var(--mcf-video-control-bg-disabled);
        border-color: var(--mcf-video-control-border-disabled);
        cursor: not-allowed;
        opacity: var(--mcf-video-control-opacity-disabled);
    }

    .mcf-video-control__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: var(--mcf-video-control-icon-size);
        height: var(--mcf-video-control-icon-size);
        color: var(--mcf-color-white);
    }

    .mcf-video-control__icon svg {
        width: 100%;
        height: 100%;
    }

    @media (prefers-reduced-motion: reduce) {
        .mcf-video-control {
            transition-duration: var(--mcf-duration-0);
        }
    }
}