/* --------------------------------------------------------------------------
   Cookies
   -------------------------------------------------------------------------- */

.cookies {
    width: 100%;
    min-width: 0;
}

.sv_cookies_header,
.sv_cookies_content,
.sv_cookies_required,
.sv_cookies_external,
.sv_cookies_privacy {
    width: 100%;
    min-width: 0;
}

    .sv_cookies_content > p {
        margin-top: 0;
        margin-bottom: var(--space_3);
        text-indent: var(--space_5);
        line-height: var(--line_height_normal);
    }

.sv_cookies_section_header {
    width: 100%;
    min-width: 0;
}

    .sv_cookies_section_header h2 {
        margin: 0;
        padding-block: var(--space_2);
        font-family: var(--font_heading);
        font-size: var(--font_size_24);
        font-weight: var(--font_weight_medium);
        line-height: var(--line_height_tight);
    }

    .sv_cookies_section_header p,
    .sv_cookies_privacy > p {
        margin-top: 0;
        margin-bottom: var(--space_3);
        text-indent: var(--space_5);
        line-height: var(--line_height_normal);
    }

.sv_cookies_table {
    display: grid;
    grid-template-columns: repeat(15, minmax(0, 1fr));
    width: 100%;
    min-width: 0;
    margin-bottom: var(--space_5);
    padding-block: var(--space_3);
    border: var(--space_0_25) solid var(--color_AshGreyLight);
    row-gap: var(--space_2);
}

.sv_cookies_row {
    display: contents;
}

    .sv_cookies_row > div {
        min-width: 0;
        padding: 0 var(--space_2) var(--space_2);
        border-bottom: var(--space_0_25) solid var(--color_AshGrayDark);
        overflow-wrap: anywhere;
    }

.sv_cookies_row_header > div {
    font-family: var(--font_heading);
    font-weight: var(--font_weight_bold);
}

.sv_cookies_col_name {
    grid-column: 1 / span 3;
}

.sv_cookies_col_provider {
    grid-column: 4 / span 2;
}

.sv_cookies_col_purpose {
    grid-column: 6 / span 6;
}

.sv_cookies_col_expiration {
    grid-column: 12 / span 2;
}

.sv_cookies_col_type {
    grid-column: 14 / span 2;
}

.cookies a {
    color: var(--color_text_link);
    text-decoration: underline;
    text-underline-offset: var(--space_1);
}

    .cookies a:hover {
        text-decoration-thickness: var(--space_0_5);
    }

@media only screen and (max-width: 48em) {
    .sv_cookies_table {
        display: block;
        overflow-x: auto;
    }

    .sv_cookies_row {
        display: grid;
        grid-template-columns: minmax(var(--space_37_5), 1fr);
        min-width: calc(var(--space_92) * 2);
    }

        .sv_cookies_row > div {
            grid-column: auto;
        }
}