@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');

:root {
    --maxma-accent-color: #000000;
    --maxma-success-color: #87C73D;
    --maxma-error-color: #C71E1E;
    --maxma-main-hover-color: #5B9F0B;
}

input::-ms-clear {
    display: none;
}

.maxma {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
}

.maxma a {
    color: #000000;
    /*color: var(--maxma-accent-color);*/
    text-decoration: underline;
    cursor: pointer;
    max-width: fit-content;
}

.maxma a:hover {
    color: #000000;
    /*color: var(--maxma-accent-color);*/
}

.maxma-element-bonus__bonus-amount-wrapper {
    flex-direction: column;
}

.maxma-element-bonus__bonus-amount-wrapper > div {
    margin-bottom: 6px;
}

.maxma-element-bonus__bonus-amount-container {
    color: #000000;
    /*color: var(--maxma-accent-color);*/
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-right: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.maxma-element-bonus__bonus-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    position: relative;
    margin-top: 10px;
    max-width: 100%;
}

.maxma-element-bonus__bonus-logo {
    margin-right: 4px;
}

.maxma-element-bonus__bonus-logo circle {
    fill: #1CA1BD;
    fill: var(--maxma-accent-color);
}

.maxma-element-bonus__bonus-info {
    display: flex;
    width: 17px;
    height: 17px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.86133' cy='8.90601' r='7.5' stroke='%23CBCBCB'/%3E%3Crect x='8.36133' y='12.906' width='1' height='1' fill='%23CBCBCB'/%3E%3Cpath d='M8.28416 10.906C8.27993 10.7573 8.27782 10.6458 8.27782 10.5715C8.27782 10.1337 8.34124 9.75586 8.46809 9.43786C8.56112 9.19834 8.71122 8.95674 8.91841 8.71309C9.07063 8.5355 9.34336 8.27739 9.73659 7.93875C10.1341 7.59598 10.392 7.32341 10.5104 7.12105C10.6288 6.91869 10.688 6.69775 10.688 6.45822C10.688 6.02459 10.5146 5.64465 10.1679 5.3184C9.82116 4.98801 9.39621 4.82282 8.89304 4.82282C8.40678 4.82282 8.00086 4.97149 7.67528 5.26884C7.3497 5.56618 7.13617 6.03078 7.03469 6.66264L5.86133 6.52636C5.96704 5.67975 6.27993 5.03137 6.80002 4.58123C7.32433 4.13108 8.01566 3.90601 8.87401 3.90601C9.7831 3.90601 10.5083 4.1476 11.0495 4.63078C11.5907 5.11397 11.8613 5.69834 11.8613 6.38388C11.8613 6.78034 11.7662 7.14583 11.5759 7.48034C11.3856 7.81486 11.0135 8.22164 10.4596 8.7007C10.0875 9.02282 9.84441 9.26028 9.73025 9.41309C9.61609 9.56589 9.53152 9.7414 9.47655 9.93963C9.42158 10.1379 9.38987 10.46 9.38141 10.906H8.28416Z' fill='%23CBCBCB'/%3E%3C/svg%3E%0A") center center no-repeat;
    cursor: pointer;
}

.maxma-element-bonus__info-container {
    display: none;
    position: absolute;
    width: 175px;
    right: -23px;
    top: 26px;
    flex-direction: column;
    padding: 14px 12px 10px;
    border: 1px solid #CBCBCB;
    box-sizing: border-box;
    border-radius: 3px;
    filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.14));
    z-index: 2;
    background-color: #ffffff;
}

.maxma-element-bonus__info-container:hover {
    cursor: default;
}

.maxma-element-bonus__bonus-info:hover .maxma-element-bonus__info-container {
    display: flex;
}

.maxma-element-bonus__info-container > div:not(:last-child) {
    margin-bottom: 6px;
}

.maxma-element-bonus__info-details-link {
    color: #1CA1BD;
    color: var(--maxma-accent-color);
}

.maxma-element-bonus__info-container :before {
    content: '';
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    right: 25px;
    top: -12px;
    border: 6px solid;
    z-index: 99;
    border-color: transparent transparent #f9f9f9 transparent;
}

.maxma-element-bonus__info-container :after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    right: 24px;
    top: -14px;
    position: absolute;
    border: 7px solid;
    z-index: 98;
    border-color: transparent transparent #CBCBCB transparent;
}