@font-face {
    font-family: "Material Symbols Outlined";
    src: url("../activities/stitch/fonts/material-symbols-outlined.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
}

@font-face {
    font-family: Inter;
    src: url("../activities/stitch/fonts/inter-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../activities/stitch/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

.stitch-activity .material-symbols-outlined {
    display: inline-block;
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
}

.stitch-activity {
    line-height: 1.5;
    color: #181c22;
    background: #f4f6f9;
}

.stitch-activity .stitch-contact[data-stitch-contact] { position: fixed; inset: 0; z-index: 1000; }
.stitch-activity .stitch-contact:not(.is-open) { display: none; }
.stitch-activity .stitch-contact--license { background: rgb(24 28 34 / 40%); }
.stitch-activity .stitch-contact-panel { max-height: 92dvh; overflow-y: auto; }
.stitch-activity .stitch-contact-sheet { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
.stitch-activity button.stitch-contact-close {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 8px;
    color: #4e5969;
}
.stitch-activity button.stitch-contact-close:hover { background: #edf2fa; color: #003da6; }
.stitch-activity .stitch-contact-icon { display: block; width: 20px; height: 20px; flex: 0 0 auto; }
.stitch-activity .stitch-contact-icon--submit { fill: currentColor; stroke: none; }
.stitch-activity button[data-activity-choice][aria-pressed="true"] {
    color: #fff;
    background-color: #003da6;
    border-color: #003da6;
    font-weight: 600;
}
.stitch-activity--mobile button[data-activity-choice][aria-pressed="true"] {
    color: #003da6;
    background-color: #e7effd;
    border-color: #a9c5ee;
}
.stitch-activity input:is([type="radio"], [type="checkbox"]) { accent-color: #003da6; }
html:has(.stitch-activity--mobile) { scrollbar-gutter: auto; scrollbar-width: none; }
.stitch-activity--mobile .stitch-board-content { overflow: clip; }
.stitch-activity [id] { scroll-margin-top: 72px; }
.stitch-activity [hidden] { display: none !important; }
.stitch-activity [data-activity-disclosure][aria-expanded="true"] :is(.faq-arrow, .faq-icon, .accordion-arrow, .material-symbols-outlined:last-child) { transform: rotate(180deg); }
.stitch-activity :is(a, button, [role="button"]):focus-visible { outline: 2px solid #0754d6; outline-offset: 3px; }
.stitch-activity [data-lead-message] { font-size: 13px; }
.stitch-activity [data-lead-message]:empty { display: none; }
.stitch-activity [data-lead-message][data-type="error"] { color: #b91c1c; }
.stitch-activity [data-lead-message][data-type="success"] { color: #007753; }