#body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    text-align: center;
    font-size: 14px;
    width: 95%;
    position: absolute;
    bottom: 14px;
    margin: 0 10px;
    background-color: #ffffff;
    z-index: 2;
}

#closer {
    display: none;
    justify-content: center;
    width: 100%;
    height: 300px;
    align-items: center;
    position: relative;
    z-index: 1;
}

#closer button {
    margin: 10px;
    padding: 5px 20px;
    background-color: #ff8a09;
    border: 1px solid #ff8a09;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    color: #333333;
    width: 150px;
    height: 50px;
}

#popupIcon {
    width: 70px;
}

#popupTitle {
    font-weight: bold;
    margin: 10px 0;
}

#popupMessage {
    color: #333333;
    font-size: 13px;
}

#privacy {
    color: #4f4f4f;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
}

#privacy:hover {
    text-decoration: underline;
}

#branding {
    color: #8f8f8f;
    font-size: 9px;
    text-decoration: none;
    float: left;
    padding-left: 10px;
    visibility: hidden;
}

#branding:hover {
    text-decoration: underline;
}

#branding::before {
    content: "";
    height: 25px;
    width: 25px;
    position: relative;
    display: inline-flex;
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%201000%201000%22%20style%3D%22enable-background%3Anew%200%200%201000%201000%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M587.4%2C355.8c-5.6%2C0-10.2%2C1.8-13.8%2C5.4c-3.6%2C3.6-5.4%2C8.2-5.4%2C13.8c0%2C5.6%2C1.8%2C10.2%2C5.4%2C13.8c3.6%2C3.6%2C8.2%2C5.4%2C13.8%2C5.4%20%20c5.6%2C0%2C10.2-1.8%2C13.8-5.4c3.6-3.6%2C5.4-8.2%2C5.4-13.8c0-5.6-1.8-10.2-5.4-13.8C597.6%2C357.6%2C593%2C355.8%2C587.4%2C355.8z%22%20id%3D%22path2%22%20style%3D%22fill%3A%238f8f8f%22%20%2F%3E%3Cpath%20d%3D%22M545.4%2C361.7c0-3.4-2.8-6.1-6.1-6.1H426.5c-18.1%2C0-32.8%2C14.7-32.8%2C32.8V462v73.7c0%2C18.1%2C14.7%2C32.8%2C32.8%2C32.8h44.6%20%20c0%2C1.5%2C0%2C2.8%2C0%2C3.2c0%2C17.3%2C0%2C34.7%2C0%2C52c0%2C5.2%2C0.2%2C10.3%2C2.8%2C15c2.2%2C4%2C6%2C5.8%2C10.4%2C4.7c1.9-0.5%2C3.8-1.2%2C5.4-2.3%20%20c2.9-2.1%2C5.8-4.3%2C8.3-6.8c21.2-21.1%2C42.3-42.3%2C63.3-63.5c1.6-1.6%2C3.1-2.3%2C5.4-2.3l-0.6%2C0h7.8c18.1%2C0%2C32.8-14.7%2C32.8-32.8V423%20%20c0-3.4-2.8-6.1-6.1-6.1h-13.1c-12.2%2C0-22.3-3.9-30.2-11.8c-7.9-7.8-11.8-17.8-11.8-30L545.4%2C361.7z%20M451%2C514.1%20%20c-4.7-5.9-7-12.4-7-19.6V492c0-0.9%2C0.3-1.7%2C0.9-2.3c0.6-0.6%2C1.4-0.9%2C2.3-0.9h23.9c0.9%2C0%2C1.7%2C0.3%2C2.3%2C0.9c0.6%2C0.6%2C0.9%2C1.4%2C0.9%2C2.3%20%20v0.5c0%2C4.5%2C2.5%2C8.4%2C7.5%2C11.8c5%2C3.3%2C11.2%2C5%2C18.8%2C5c7.2%2C0%2C13.1-1.5%2C17.6-4.5c4.5-3%2C6.8-6.7%2C6.8-11.2c0-4.2-1.9-7.3-5.6-9.4%20%20c-3.7-2.1-9.7-4.3-18-6.6l-10.3-3.3c-9.2-2.7-17-5.6-23.3-8.7c-6.3-3.1-11.7-7.3-16-12.6c-4.3-5.3-6.5-12.1-6.5-20.5%20%20c0-12.6%2C5-22.7%2C14.9-30.2c9.9-7.5%2C23-11.2%2C39.3-11.2c11%2C0%2C20.7%2C1.8%2C29%2C5.3c8.3%2C3.5%2C14.7%2C8.4%2C19.2%2C14.6c4.5%2C6.2%2C6.8%2C13.3%2C6.8%2C21.3%20%20c0%2C0.9-0.3%2C1.7-0.9%2C2.3c-0.6%2C0.6-1.4%2C0.9-2.3%2C0.9h-23c-0.9%2C0-1.7-0.3-2.3-0.9c-0.6-0.6-0.9-1.4-0.9-2.3c0-4.7-2.3-8.6-6.9-11.8%20%20c-4.6-3.2-10.9-4.7-18.8-4.7c-7%2C0-12.8%2C1.3-17.2%2C3.9c-4.4%2C2.6-6.6%2C6.3-6.6%2C11c0%2C4.3%2C2.1%2C7.6%2C6.4%2C9.9c4.2%2C2.3%2C11.3%2C4.7%2C21.3%2C7.5%20%20l6%2C1.6c9.6%2C2.9%2C17.6%2C5.8%2C24.1%2C8.8c6.5%2C3%2C12%2C7.1%2C16.5%2C12.5c4.5%2C5.3%2C6.8%2C12.2%2C6.8%2C20.7c0%2C12.8-5.1%2C22.9-15.2%2C30.2%20%20c-10.1%2C7.3-23.6%2C11-40.4%2C11c-11.4%2C0-21.4-1.7-29.9-5C462.4%2C524.5%2C455.7%2C519.9%2C451%2C514.1z%22%20id%3D%22path4%22%20style%3D%22fill%3A%238f8f8f%22%20%2F%3E%3C%2Fsvg%3E") 50px 50px;
    background-size: 300%;
    top: 10px;
    left: -3px;
}

#userInteractionButtons {
    display: block;
}

#userInteractionButtons.hide {
    display: none;
}

#openOptIn {
    margin: 10px 0;
    padding: 5px 20px;
    background-color: #ff8a09;
    border: 1px solid #ff8a09;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    font-size: 13px;
}

#closePopUp {
    margin: 10px;
    padding: 5px 20px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    color: #333333;
}

#quieterUi {
    display: none;
    position: relative;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    padding: 10px;
}

#quieterUi div {
    font-size: 50px;
    vertical-align: super;
    line-height: 1;
}

#explanation {
    display: none;
    justify-content: center;
    position: relative;
    margin-left: 10px;
    padding: 10px;
}