/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

:root {
    /* Colours */
    --c-red: #e63329;
    --c-dark-red: #a00000;
    --c-grey: #44555f;
    --c-black: #0d0d0d;
    --c-white: #fff;

    /* Red */
    --c-red-50: #fbeae9;
    --c-red-100: #f5c9c6;
    --c-red-200: #f1a19d;
    --c-red-300: #ef7c76;
    --c-red-400: #ea554d;
    --c-red-500: #e63329;
    --c-red-600: #d71e14;
    --c-red-700: #b11911;
    --c-red-800: #91140d;
    --c-red-900: #6e0d08;

    /* Dark red */
    --c-dark-red-50: #ff2e2e;
    --c-dark-red-100: #f50000;
    --c-dark-red-200: #db0000;
    --c-dark-red-300: #bd0000;
    --c-dark-red-400: #a30000;
    --c-dark-red-500: #a00000;
    --c-dark-red-600: #8f0000;
    --c-dark-red-700: #600;
    --c-dark-red-800: #570000;
    --c-dark-red-900: #470000;

    /* Grey */
    --c-grey-50: #8ba0ac;
    --c-grey-100: #7991a0;
    --c-grey-200: #688392;
    --c-grey-300: #5d7583;
    --c-grey-400: #506571;
    --c-grey-500: #44555f;
    --c-grey-600: #3c4e58;
    --c-grey-700: #2b3840;
    --c-grey-800: #253037;
    --c-grey-900: #1f282e;

    /* White */
    --c-white-100: #fafafa;
    --c-white-200: #f2f2f2;
    --c-white-300: #EDEDED;
    --c-white-600: #E0E0E0;
    --c-white-700: #CCC;
    --c-white-800: #BABABA;
    --c-white-900: #A6A6A6;

    /* Base  */
    --text-color: var(--c-grey);
    --link-color: var(--c-red);
    --link-hover-color: var(--c-dark-red);

    /* Buttons */
    --btn-primary-bg-color: var(--c-dark-red);
    --btn-primary-border-color: var(--c-dark-red);
    --btn-primary-text-color: var(--c-white);
    --btn-primary-hover-bg-color: var(--c-dark-red-600);
    --btn-primary-hover-border-color: var(--c-dark-red-600);
    --btn-primary-hover-text-color: var(--c-white);
    --btn-primary-active-bg-color: var(--c-dark-red-700);
    --btn-primary-active-border-color: var(--c-dark-red-700);
    --btn-primary-active-text-color: var(--c-white);
    --btn-secondary-bg-color: transparent;
    --btn-secondary-border-color: var(--c-dark-red);
    --btn-secondary-text-color: var(--c-dark-red);
    --btn-secondary-hover-bg-color: var(--c-red-50);
    --btn-secondary-hover-border-color: var(--c-dark-red-600);
    --btn-secondary-hover-text-color: var(--c-dark-red-600);
    --btn-secondary-active-bg-color: var(--c-red-100);
    --btn-secondary-active-border-color: var(--c-dark-red-700);
    --btn-secondary-active-text-color: var(--c-dark-red-700);
    --btn-tertiary-bg-color: var(--c-white);
    --btn-tertiary-border-color: var(--c-grey);
    --btn-tertiary-text-color: var(--c-grey);
    --btn-tertiary-hover-bg-color: var(--c-grey);
    --btn-tertiary-hover-border-color: var(--c-grey);
    --btn-tertiary-hover-text-color: var(--c-white);
    --btn-tertiary-active-bg-color: var(--c-grey-700);
    --btn-tertiary-active-border-color: var(--c-grey-700);
    --btn-tertiary-active-text-color: var(--c-white);

    /* fonts */
    --body-font-family: montserrat, montserrat-normal-400-fallback, sans-serif;
    --heading-font-family: montserrat, montserrat-normal-400-fallback, sans-serif;

    /* body sizes */
    --body-font-size-l: 18px;
    --body-font-size-m: 16px;
    --body-font-size-s: 14px;

    /* heading sizes */
    --heading-font-size-xxl: 36px;
    --heading-font-size-xl: 28px;
    --heading-font-size-l: 24px;
    --heading-font-size-m: 20px;
    --heading-font-size-s: 20px;
    --heading-font-size-xs: 16px;

    /* font weights */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;

    /* line heights */
    --body-line-height: 1.3;
    --heading-line-height: 1.2;
    --heading-line-height-tight: 1.1;
    --heading-line-height-flat: 1;

    /* icon sizes */
    --icon-size-xs: 10px;
    --icon-size-s: 12px;
    --icon-size-m: 16px;
    --icon-size-l: 24px;
    --icon-size-xl: 30px;
    --icon-size-2xl: 40px;
    --icon-size-3xl: 60px;
    --icon-size-4xl: 80px;

    /* spacings */
    --spacing-3xs: 4px;
    --spacing-2xs: 6px;
    --spacing-xs: 8px;
    --spacing-s: 12px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --spacing-4xl: 96px;

    /* border radius */
    --border-radius-xs: 2px;
    --border-radius-s: 5px;
    --border-radius-m: 8px;
    --border-radius-l: 20px;
    --border-radius-circle: 50%;
    --border-radius-full: 9999px;

    /* layout */
    --container-max-width: 1168px;
    --container-inline-margin: var(--spacing-m);
    --container-max-width-narrow: 800px;

    /* header height */
    --header-top-height: 54px;
    --header-bottom-height: 76px;
    --header-height: 130px;

    @media (width >= 768px) {
        /* heading sizes */
        --heading-font-size-xxl: 40px;
        --heading-font-size-xl: 36px;
        --heading-font-size-l: 28px;
        --heading-font-size-m: 24px;
    }

    @media (width >= 1024px) {
        /* heading sizes */
        --heading-font-size-xxl: 48px;
        --heading-font-size-xl: 40px;
        --heading-font-size-l: 32px;
        --heading-font-size-m: 28px;

        /* header height */
        --header-top-height: 84px;
        --header-height: 160px;

    }

    @media (width >= 1200px) {
        /* layout */
        --container-inline-margin: auto;
    }
}

:lang(ja) {
    /* fonts */
    --body-font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Noto Sans", montserrat, montserrat-normal-400-fallback, sans-serif;
    --heading-font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Noto Sans", montserrat, montserrat-normal-400-fallback, sans-serif;
}

:lang(ko) {
    /* fonts */
    --body-font-family: "Noto Sans KR", montserrat, montserrat-normal-400-fallback, sans-serif;
    --heading-font-family: "Noto Sans KR", montserrat, montserrat-normal-400-fallback, sans-serif;
}

.grey,
.darkgrey,
.red,
.cherry-red,
.darkred,
.image-dark,
.dark-background {
    --text-color: var(--c-white);
    --link-color: var(--c-red-100);
    --link-hover-color: var(--c-red-200);
    --btn-primary-bg-color: var(--c-white);
    --btn-primary-border-color: var(--c-white);
    --btn-primary-text-color: var(--c-dark-red);
    --btn-primary-hover-bg-color: var(--c-red-50);
    --btn-primary-hover-border-color: var(--c-red-50);
    --btn-primary-hover-text-color: var(--c-dark-red);
    --btn-primary-active-bg-color: var(--c-red-100);
    --btn-primary-active-border-color: var(--c-red-100);
    --btn-primary-active-text-color: var(--c-dark-red);
    --btn-secondary-bg-color: transparent;
    --btn-secondary-border-color: var(--c-white);
    --btn-secondary-text-color: var(--c-white);
    --btn-secondary-hover-bg-color: var(--c-grey-400);
    --btn-secondary-hover-border-color: var(--c-white);
    --btn-secondary-hover-text-color: var(--c-white);
    --btn-secondary-active-bg-color: var(--c-grey-300);
    --btn-secondary-active-border-color: var(--c-white);
    --btn-secondary-active-text-color: var(--c-white);
    --btn-tertiary-bg-color: transparent;
    --btn-tertiary-border-color: var(--c-white);
    --btn-tertiary-text-color: var(--c-white);
    --btn-tertiary-hover-bg-color: var(--c-grey-400);
    --btn-tertiary-hover-border-color: var(--c-white);
    --btn-tertiary-hover-text-color: var(--c-white);
    --btn-tertiary-active-bg-color: var(--c-grey-300);
    --btn-tertiary-active-border-color: var(--c-white);
    --btn-tertiary-active-text-color: var(--c-white);
}

.light-background {
    --text-color: var(--c-grey);
    --link-color: var(--c-red);
    --link-hover-color: var(--c-dark-red);
    --btn-primary-bg-color: var(--c-dark-red);
    --btn-primary-border-color: var(--c-dark-red);
    --btn-primary-text-color: var(--c-white);
    --btn-primary-hover-bg-color: var(--c-dark-red-600);
    --btn-primary-hover-border-color: var(--c-dark-red-600);
    --btn-primary-hover-text-color: var(--c-white);
    --btn-primary-active-bg-color: var(--c-dark-red-700);
    --btn-primary-active-border-color: var(--c-dark-red-700);
    --btn-primary-active-text-color: var(--c-white);
    --btn-secondary-bg-color: transparent;
    --btn-secondary-border-color: var(--c-dark-red);
    --btn-secondary-text-color: var(--c-dark-red);
    --btn-secondary-hover-bg-color: var(--c-red-50);
    --btn-secondary-hover-border-color: var(--c-dark-red-600);
    --btn-secondary-hover-text-color: var(--c-dark-red-600);
    --btn-secondary-active-bg-color: var(--c-red-100);
    --btn-secondary-active-border-color: var(--c-dark-red-700);
    --btn-secondary-active-text-color: var(--c-dark-red-700);
    --btn-tertiary-bg-color: var(--c-white);
    --btn-tertiary-border-color: var(--c-grey);
    --btn-tertiary-text-color: var(--c-grey);
    --btn-tertiary-hover-bg-color: var(--c-grey);
    --btn-tertiary-hover-border-color: var(--c-grey);
    --btn-tertiary-hover-text-color: var(--c-white);
    --btn-tertiary-active-bg-color: var(--c-grey-700);
    --btn-tertiary-active-border-color: var(--c-grey-700);
    --btn-tertiary-active-text-color: var(--c-white);
}

/* fallback font for montserrat (normal - 400) */
@font-face {
  font-family: "montserrat-normal-400-fallback";
  size-adjust: 111.211%;
  src: local("Arial");
}

/* fallback font for montserrat (italic - 400) */
@font-face {
  font-family: "montserrat-italic-400-fallback";
  size-adjust: 112.181%;
  src: local("Arial");
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    display: none;
    margin: 0;
    color: var(--text-color);
    font-family: var(--body-font-family);
    font-size: var(--body-font-size-m);
    font-weight: var(--font-weight-medium);
    line-height: var(--body-line-height);

    &.appear {
        display: block;
    }

    &.clinical-services {
        background: linear-gradient(170.92deg,#fffbf5 10.77%,#b9d4d5 51.86%);
        background-attachment: fixed;
    }
}

header {
    height: var(--header-height);

    .header {
        visibility: hidden;

        &[data-block-status="loaded"] {
            visibility: visible;
        }
    }
}

footer {
    .footer {
        visibility: hidden;

        &[data-block-status="loaded"] {
            visibility: visible;
        }
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-block: 0 var(--spacing-m);
    color: var(--text-color);
    font-family: var(--heading-font-family);
    letter-spacing: 0;
    scroll-margin-top: var(--header-height);
    overflow-wrap: anywhere;
}

h1 {
    font-size: var(--heading-font-size-xxl);
    font-weight: var(--font-weight-bold);
    line-height: var(--heading-line-height);
}

h2 {
    font-size: var(--heading-font-size-xl);
    font-weight: var(--font-weight-regular);
    line-height: var(--heading-line-height);
}

h3 {
    font-size: var(--heading-font-size-l);
    font-weight: var(--font-weight-regular);
    line-height: var(--heading-line-height);
}

h4 {
    font-size: var(--heading-font-size-m);
    font-weight: var(--font-weight-medium);
    line-height: var(--heading-line-height-tight);
}

h5 {
    font-size: var(--heading-font-size-s);
    font-weight: var(--font-weight-medium);
    line-height: var(--body-line-height);
}

h6 {
    font-size: var(--heading-font-size-xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--heading-line-height-flat);
}

:where(p, dl, ol, ul, blockquote) {
    margin-block: 0 var(--spacing-m);
    font-size: var(--body-font-size-m);
    line-height: var(--body-line-height);
    color: var(--text-color);

    .block + & {
        margin-block-start: var(--spacing-m);
    }

    &:last-child {
        margin-block-end: 0;
    }
}

strong {
    font-weight: var(--font-weight-bold);
}

code,
pre {
    font-size: var(--body-font-size-s);
}

pre {
    margin-block-end: var(--spacing-m);
    padding: 16px;
    border-radius: 8px;
    background-color: var(--c-red-50);
    overflow-x: auto;
    white-space: pre;
}

.button-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2xs);
}

main {
    position: relative;

    img {
        max-inline-size: 100%;
        inline-size: auto;
        block-size: auto;
    }

    > .section {
        position: relative;
        margin-block: var(--spacing-3xl);
        scroll-margin-block-start: var(--header-bottom-height);

        &:first-of-type {
            margin-block-start: 0;
        }

        > div {
            position: relative;
            z-index: 1;
            max-inline-size: var(--container-max-width);
            margin-inline: var(--container-inline-margin);
            margin-block-start: var(--spacing-2xl);

            &:has(.margin-top-0)  {
                margin-block-start: 0;
            }

            &:has(.full-width) {
                max-inline-size: none;
                margin-inline: 0;
            }

            &:has(.mobile-full-width) {
                max-inline-size: none;
                margin-inline: 0;

                @media (width >= 1024px) {
                    max-inline-size: var(--container-max-width);
                    margin-inline: var(--container-inline-margin);
                }
            }
        }

        > .section-background + div {
            margin-block-start: 0;
        }

        &.center {
            > .default-content-wrapper {
                text-align: center;

                .button-wrapper {
                    justify-content: center;
                }
            }
        }

        &.has-background {
            .section-background {
                position: absolute;
                inset: 0;
                z-index: 0;
                margin: 0;

                img {
                    display: block;
                    inline-size: 100%;
                    block-size: 100%;
                    object-fit: cover;
                }
            }

            &:is(.lightgrey, .grey, .darkgrey, .red, .cherry-red, .darkred, .gradient-green)::after {
                content: '';
                position: absolute;
                inset: 0;
                z-index: 0;
                background-color: var(--section-overlay-color, inherit);
                opacity: 0.7;
                pointer-events: none;
            }
        }

        &.narrow {
            > div {
                max-inline-size: var(--container-max-width-narrow);

                @media (width >= 816px) {   /* Narrow width max width + padding */
                    margin-inline: auto;
                }
            }
        }

        &.lightgrey,
        &.grey,
        &.darkgrey,
        &.red,
        &.cherry-red,
        &.darkred,
        &.gradient-green,
        &.has-background {
            margin-block: 0;
            padding-block: var(--spacing-3xl);

            > div:first-child {
                margin-block-start: 0;
            }
        }

        &.lightgrey,
        &.grey,
        &.darkgrey,
        &.red,
        &.cherry-red,
        &.darkred,
        &.gradient-green {
            padding-block: var(--spacing-3xl);
        }

        &.lightgrey {
            background-color: var(--c-white-100);

            --section-overlay-color: var(--c-white-100);
        }

        &.grey {
            background-color: var(--c-grey);

            --section-overlay-color: var(--c-grey);
        }

        &.darkgrey {
            background-color: var(--c-grey-900);

            --section-overlay-color: var(--c-grey-900);
        }

        &.red {
            background-color: var(--c-red);

            --section-overlay-color: var(--c-red);
        }

        &.cherry-red {
            background-color: var(--c-dark-red-600);

            --section-overlay-color: var(--c-dark-red-600);
        }

        &.darkred {
            background-color: var(--c-dark-red);

            --section-overlay-color: var(--c-dark-red);
        }

        &.gradient-green {
            background: linear-gradient(170.92deg,#fffbf5 10.77%,#b9d4d5 51.86%);

            --section-overlay-color: linear-gradient(170.92deg,#fffbf5 10.77%,#b9d4d5 51.86%);
        }

        &.inline-content {
            p, h1, h2, h3, h4, h5, h6 {
                display: inline-block;
                padding-inline: var(--spacing-l);
            }
        }

        .right-sidebar & {
            &:nth-child(2) {
                @media (width >= 1024px) {
                    max-inline-size: var(--container-max-width);
                    margin-inline: var(--container-inline-margin);
                    display: grid;
                    grid-template-columns: repeat(12, 1fr);
                    gap: var(--spacing-l);
                    row-gap: 0;
                }

                > div:first-child {
                    grid-column: 1 / span 8;
                    grid-row: span 100;
                }

                > div:not(:first-child) {
                    grid-column: 9 / span 4;
                    align-self: start;
                    grid-row: auto;
                }
            }
        }

        .left-sidebar & {
            &:nth-child(2) {
                @media (width >= 1024px) {
                    max-inline-size: var(--container-max-width);
                    margin-inline: var(--container-inline-margin);
                    display: grid;
                    grid-template-columns: repeat(12, 1fr);
                    gap: var(--spacing-l);
                    row-gap: 0;
                }

                > div:first-child { /* First element is the side bar */
                    margin-block-start: 0;
                    grid-column: 1 / span 3;
                    grid-row: span 100;  /* Number of potential content rows for the main column */
                }

                > div:nth-child(2) {    /* First element of the main content */
                    margin-block-start: 0;
                }

                > div:not(:first-child) {
                    grid-column: 4 / span 9;
                    grid-row: auto;
                }
            }
        }
    }
}

input,
textarea,
select,
button {
    font: inherit;
}

/* links */
a:any-link {
    color: var(--link-color);
    text-decoration: none;
    overflow-wrap: break-word;

    &:hover,
    &:focus-visible {
        color: var(--link-hover-color);
        text-decoration: underline;
    }
}

/* buttons */
a.button:any-link,
button.button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-inline-size: 100%;
    margin: 0;
    border: 1px solid transparent;
    border-radius: var(--border-radius-full);
    padding-block: var(--spacing-s);
    padding-inline: var(--spacing-l);
    background-color: transparent;
    font: inherit;
    font-weight: var(--font-weight-bold);
    line-height: var(--body-line-height);
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    transition:
        background-color 0.15s linear,
        border-color 0.15s linear,
        color 0.15s linear;
    white-space: nowrap;

    &[aria-disabled="true"],
    &:disabled {
        cursor: not-allowed;
        pointer-events: none;
    }

    &.primary {
        border-color: var(--btn-primary-border-color);
        background-color: var(--btn-primary-bg-color);
        color: var(--btn-primary-text-color);

        &:hover,
        &:focus-visible {
            border-color: var(--btn-primary-hover-border-color);
            background-color: var(--btn-primary-hover-bg-color);
            color: var(--btn-primary-hover-text-color);
        }

        &:active {
            border-color: var(--btn-primary-active-border-color);
            background-color: var(--btn-primary-active-bg-color);
            color: var(--btn-primary-active-text-color);
        }
    }

    &.secondary {
        border-color: var(--btn-secondary-border-color);
        background-color: var(--btn-secondary-bg-color);
        color: var(--btn-secondary-text-color);

        &:hover,
        &:focus-visible {
            border-color: var(--btn-secondary-hover-border-color);
            background-color: var(--btn-secondary-hover-bg-color);
            color: var(--btn-secondary-hover-text-color);
        }

        &:active {
            border-color: var(--btn-secondary-active-border-color);
            background-color: var(--btn-secondary-active-bg-color);
            color: var(--btn-secondary-active-text-color);
        }
    }

    &.tertiary {
        border-color: var(--btn-tertiary-border-color);
        background-color: var(--btn-tertiary-bg-color);
        color: var(--btn-tertiary-text-color);

        &:hover,
        &:focus-visible {
            border-color: var(--btn-tertiary-hover-border-color);
            background-color: var(--btn-tertiary-hover-bg-color);
            color: var(--btn-tertiary-hover-text-color);
        }

        &:active {
            border-color: var(--btn-tertiary-active-border-color);
            background-color: var(--btn-tertiary-active-bg-color);
            color: var(--btn-tertiary-active-text-color);
        }
    }

    &.small {
        padding-block: var(--spacing-2xs);
    }

    &.full-width {
        width: 100%;
    }
}

.icon {
    display: inline-block;
    inline-size: var(--icon-size-l);
    block-size: var(--icon-size-l);

    .social-link & {
        inline-size: var(--icon-size-xl);
        block-size: var(--icon-size-xl);
        margin-inline-end: var(--spacing-2xs);
    }

    > * {
        inline-size: 100%;
        block-size: 100%;
    }
}

:is(.expert-page, .expertpage,  .bd-team-page, .bdteampage) main > .section.person-info-container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--spacing-2xl);
    max-inline-size: var(--container-max-width);
    margin-inline: var(--container-inline-margin);

    > .default-content-wrapper,
    > .person-info-wrapper {
        inline-size: 100%;
        max-inline-size: none;
        margin-inline: 0;
        margin-block-start: 0;
    }

    @media (width >= 768px) {
        grid-template-columns: 8fr 4fr;
        gap: 0 var(--spacing-2xl);
        align-items: start;

        > .default-content-wrapper {
            grid-column: 1;
        }

        > .person-info-wrapper {
            grid-column: 2;
            grid-row: 1;
        }
    }
}

:is(.arran-productpage) {
    /* stylelint-disable-next-line no-descending-specificity */
    h1 + .columns > div > div:first-child tr > td:first-child {
        padding-inline-end: var(--spacing-s);
    }
}

.resource-type-pill {
    display: block;
    inline-size: fit-content;
    padding-block: var(--spacing-3xs);
    padding-inline: var(--spacing-xs);
    border-radius: var(--border-radius-s);
    background-color: var(--c-white-200);
    color: var(--text-color);
    font-size: var(--body-font-size-s);
}

.resource-page-dialog {
    border: 0;
    padding: 0;
    background-color: var(--c-white-200);
    max-inline-size: var(--container-max-width-narrow);

    &::backdrop {
        background-color: rgb(0 0 0 / 50%);
    }

    .close {
        all: unset;
        cursor: pointer;
        margin-block-start: var(--spacing-xl);
        margin-inline-start: var(--spacing-2xl);
    }
}

.product-id {
    font-size: var(--heading-font-size-m);
}

.no-scroll {
    overflow: hidden;
}

.sr-only {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip-path: inset(50%);
    white-space: nowrap;
}

/* terms feed cookie consent — Almac red (the library injects its own styles at
   runtime, so !important is required to override them) */
/* stylelint-disable selector-class-pattern -- third-party TermsFeed class names */
.termsfeed-com---nb-simple {
    width: 100% !important;
    max-width: 100% !important;
}

.termsfeed-com---nb .cc-nb-main-container {
    background: #363d4d;
    padding: 16px 24px !important;
    text-align: center !important;
}

/* hide the "We use cookies" heading */
.termsfeed-com---palette-light .cc-nb-title {
    display: none !important;
}

.termsfeed-com---palette-light .cc-nb-text {
    color: var(--c-white) !important;
    font-size: var(--body-font-size-s) !important;
}

.termsfeed-com---palette-light .cc-nb-okagree,
.termsfeed-com---palette-light .cc-cp-foot-save {
    background-color: var(--c-dark-red) !important;
    color: var(--c-white) !important;
}

.termsfeed-com---palette-light .cc-nb-okagree:hover,
.termsfeed-com---palette-light .cc-cp-foot-save:hover {
    background-color: var(--c-dark-red-600) !important;
}

.termsfeed-com---palette-light .cc-nb-reject,
.termsfeed-com---palette-light .cc-nb-changep {
    background-color: var(--c-white) !important;
    color: var(--c-dark-red) !important;
}

.termsfeed-com---palette-light .cc-nb-reject:hover,
.termsfeed-com---palette-light .cc-nb-changep:hover {
    background-color: var(--c-red-50) !important;
    border-color: var(--c-dark-red-600) !important;
    color: var(--c-dark-red-600) !important;
}
/* stylelint-enable selector-class-pattern */