:root {
    font-family: Inter, sans-serif;
    font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */

    --hs-bankid-color: #193E4F !important;
}

@supports (font-variation-settings: normal) {
    :root { font-family: InterVariable, sans-serif; }
}

html, body {
    height: 100dvh;
}

body {
    background-color: rgb(243 244 246);
}

.hs-max-width {
    max-width: 512px;
}

.hs-header {
    background-color: #ffecda;
    border-bottom: 1px solid #fed7aa;
    box-shadow: 0 0 3px #bbb;
}

.hs-button-radio:has(input[type="radio"]:checked) {
    outline-width: 2px;
    outline-style: solid;
}

.pdf-page {
}

.pdf-page canvas {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    background-color: #fff;
}

.bankid-bg {
    background-color: var(--hs-bankid-color)
}

.bankid-accent {
    accent-color: var(--hs-bankid-color)
}

.bankid-outline {
    outline-color: var(--hs-bankid-color)
}