@font-face {
    font-family: "Switzer";
    src: url("./fonts/Switzer-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


    html {
        scroll-behavior: auto;
    }


#pupupsidebar  {
    --base: 2.5641025641vw;
    --gap-24: calc(2.4 * var(--base));
    font-size: var(--base);
}

@media (min-width: 576px) {
  #pupupsidebar  {
        --base: 0.6944444444vw;
    }
}


#pupupsidebar {
    background: #fff;
    border-radius: calc(0.6 * var(--base));
    bottom: calc(2 * var(--base));
    box-shadow: 0 0 calc(0.2 * var(--base)) 0 rgba(0, 0, 0, .102);
    /* display: none; */
    height: calc(8 * var(--base));
    max-width: calc(24.5 * var(--base));
    overflow: hidden;
    position: fixed;
    right: calc(1.6 * var(--base));
    width: 100%;
    z-index: 100;
    font-family: "Switzer", sans-serif !important;
}

@media (min-width: calc(57.6 * var(--base))) {
    #pupupsidebar {
        align-items: center;
    }
}

@media (min-width: calc(57.6 * var(--base))) {
    #pupupsidebar.active {
        display: flex;
    }
}

#pupupsidebar button.c-whitepape__main {
    all: unset;
    display: flex;
    align-items: center;
    height: 100%;
}

#pupupsidebar .c-whitepape__icon svg
 {
    max-width: calc(7.2 * var(--base));
    width: 100%;
    height: auto;
}

#pupupsidebar .c-whitepape__icon {
    all: unset;
    /* max-width: 7.2rem; */
    width: 100%;
    height: 100%;
        max-width: calc(7.2 * var(--base));
}

#pupupsidebar p.c-whitepape__label {
    font-size: calc(1.4 * var(--base));
    font-weight: 600;
    line-height: calc(1.68 * var(--base));
    padding: 0 calc(2.9 * var(--base)) 0 calc(1.6 * var(--base));
        margin: 0;
}

#pupupsidebar button.c-whitepape__close.button {
    all:unset;
    cursor: pointer;
    position: absolute;
    right: calc(0.8 * var(--base));
    top: calc(0.8 * var(--base));
    background: none;
}

.c-button__icon {
    display: block;
    height: calc(1.6 * var(--base));
    position: relative;
    width: calc(1.6 * var(--base));
}

.c-button__icon svg path {
    stroke: #000 !important;
}

.c-whitepape__close svg {
    transition: .4s cubic-bezier(.645, .045, .355, 1);
    width: calc(1.4 * var(--base));
    height: calc(1.4 * var(--base));
}

.c-whitepape__close:hover svg {
    transform: rotate(90deg);
}





div#pupupsidebar {
    cursor: pointer;
}