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

:root {
    --maxma-accent-color: #1CA1BD;
    --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: #1CA1BD;
    color: var(--maxma-accent-color);
    text-decoration: none;
    cursor: pointer;
    max-width: fit-content;
}

.maxma a:hover {
    color: #1CA1BD;
    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: #1CA1BD;
    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;
}

.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;
}