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

:root {
    --cy-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cy-brand {
    align-items: center;
    color: #14231f;
    display: inline-flex;
    flex-shrink: 0;
    font-family: var(--cy-font);
    gap: 9px;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
}

.cy-brand__mark {
    display: block;
    flex-shrink: 0;
    height: 36px;
    width: 36px;
}

.cy-brand__word {
    color: inherit;
    font-size: 25px;
    font-weight: 760;
    letter-spacing: -1.2px;
}

.cy-brand--dark {
    color: #f5f7f3;
}

.cy-brand--compact .cy-brand__word {
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.cy-brand--compact {
    gap: 0;
}