@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter/woff2/inter-latin.woff2') format('woff2-variations'),
         url('/fonts/Inter/woff2/inter-latin.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter/woff2/inter-latin-ext.woff2') format('woff2-variations'),
         url('/fonts/Inter/woff2/inter-latin-ext.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter/woff2/inter-cyrillic.woff2') format('woff2-variations'),
         url('/fonts/Inter/woff2/inter-cyrillic.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0301,U+0400-04FF,U+0500-052F,U+2116;
}

@layer base {
    *, *::before, *::after { box-sizing: border-box; }
    html { min-height: 100%; background: var(--tr-canvas); font-family: var(--tr-font); }
    body {
        min-height: 100%;
        margin: 0;
        color: var(--tr-text);
        background: var(--tr-canvas);
        font-family: var(--tr-font);
        font-size: 16px;
    }
    body.home-reference-body { --home-content-width: var(--tr-content); }
    body.home-reference-body,
    body.tr-public-body {
        min-height: 100%;
        margin: 0;
        color: var(--tr-text);
        background: var(--tr-canvas);
        font-family: var(--tr-font);
        font-size: 16px;
    }
    body.home-reference-body.site-menu-lock,
    body.home-reference-body.auth-lock,
    body.tr-public-body.site-menu-lock,
    body.tr-public-body.auth-lock { overflow: hidden; }
    body.home-reference-body a,
    body.tr-public-body a { color: inherit; }
    body.home-reference-body button,
    body.home-reference-body input,
    body.home-reference-body textarea,
    body.home-reference-body select,
    body.tr-public-body button,
    body.tr-public-body input,
    body.tr-public-body textarea,
    body.tr-public-body select { font: inherit; }
    body.home-reference-body input,
    body.home-reference-body textarea,
    body.home-reference-body select,
    body.tr-public-body input,
    body.tr-public-body textarea,
    body.tr-public-body select { font-size: 16px; }
    @media (max-width: 768px), (pointer: coarse) {
        body.home-reference-body input,
        body.home-reference-body textarea,
        body.home-reference-body select,
        body.home-reference-body [contenteditable="true"],
        body.tr-public-body input,
        body.tr-public-body textarea,
        body.tr-public-body select,
        body.tr-public-body [contenteditable="true"] {
            font-size: 16px !important;
        }
    }
    body.home-reference-body img,
    body.tr-public-body img { max-width: 100%; }
    body.home-reference-body :focus-visible,
    body.tr-public-body :focus-visible { outline: 2px solid var(--tr-link); outline-offset: 3px; }
    .scroll { scrollbar-width: thin; scrollbar-color: var(--tr-border-strong) transparent; }
    .scroll::-webkit-scrollbar { width: 5px; height: 5px; }
    .scroll::-webkit-scrollbar-track { background: transparent; }
    .scroll::-webkit-scrollbar-thumb { border-radius: var(--tr-radius-pill); background: var(--tr-border-strong); }
}

@layer utilities {
    body.home-reference-body [hidden],
    body.tr-public-body [hidden] { display: none; }
}