/* Start:/local/components/maxma/catalog.element.bonus/templates/heart/style.css?17489463924336*/
@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: #cc7c5a;
    font-weight: normal;
    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;
}

.maxma-element-bonus__bonus-amount a {
    color: #cc7c5a;
}
/* End */


/* Start:/local/components/dn/dolyame.catalog.element/templates/.default/style.css?17467956174040*/
.dolyame-btn {
    background: white no-repeat 8px center;
    color: black;
    padding: 8px 12px 8px 86px;
    min-height: 16px;
    width: fit-content;
    margin: 16px 0;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2268%22%20height%3D%2220%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2268%22%20height%3D%2220%22%20fill%3D%22%23000%22%20rx%3D%224%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M15.94%206h-1.336v6.769h1.335V6ZM13.071%206.379h-1.335v6.769h1.335v-6.77ZM10.203%206.802H8.868v6.77h1.335v-6.77ZM7.335%207.23H6V14h1.335V7.23ZM51.194%209.606l-2.15-2.39h-1.256v5.533H49.1V9.22l1.962%202.092h.243l1.928-2.092v3.53h1.312V7.217H53.29l-2.095%202.39ZM60.795%207.217l-3.252%203.596V7.217h-1.311v5.532h1.202l3.251-3.596v3.596h1.312V7.217h-1.202ZM40.722%209.241c0%20.881.482%201.575%201.221%201.866l-1.386%201.642h1.606l1.26-1.494h1.366v1.494H46.1V7.217h-3.34c-1.245%200-2.039.852-2.039%202.024Zm4.067-.806v1.636h-1.785c-.596%200-.915-.332-.915-.819%200-.486.33-.818.915-.818l1.785.001ZM34.626%208.323c-.08%201.903-.482%203.131-1.268%203.131h-.196v1.329l.21.01c1.575.089%202.446-1.294%202.59-4.315h2.072v4.271h1.31V7.217H34.67l-.044%201.106ZM29.688%207.14c-1.774%200-3.051%201.228-3.051%202.843%200%201.67%201.389%202.855%203.05%202.855%201.732%200%203.076-1.25%203.076-2.855s-1.344-2.844-3.075-2.844Zm0%204.37c-1.003%200-1.686-.653-1.686-1.527%200-.896.684-1.532%201.686-1.532%201.002%200%201.708.665%201.708%201.532s-.716%201.527-1.708%201.527ZM25.246%207.227h-4.63l-.045%201.107c-.065%201.594-.481%203.11-1.267%203.132l-.364.01V14l1.323-.003V12.75h4.596v1.247h1.335v-2.531h-.948V7.227Zm-1.312%204.239h-2.8c.474-.72.728-1.76.772-2.977h2.028v2.976Z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6%206h56v8H6z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    border-radius: 4px;
    border: 1px solid black;
    display: block;
}

.dolyame-modal-overlay {
    transition: visibility 0s, opacity .2s linear;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    top: 0;
    left: 0;
    min-height: 100%;
    box-sizing: border-box;
    z-index: 999999999;
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

.dolyame-modal-overlay[active] {
    visibility: visible;
    opacity: 1;
}

body:has(.dolyame-modal-overlay[active]) {
    overflow: hidden;
}

.dolyame-modal {
    background: white;
    border-radius: 16px;
    padding: 32px;
    max-width: 800px;
    position: relative;
}

.dolyame-payments {
    display: grid;
    gap: 16px;
    background: #EEE9E3;
    border-radius: 16px;
    padding: 16px;
    margin: 0 -4px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}

.dolyame-payments li {
    display: inline-flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 0;
    font-size: 24px;
    color: lightslategrey;
    border-bottom: 6px solid lightgrey;
    padding-bottom: 8px;
}

.dolyame-payments li:first-of-type {
    color: black;
    border-bottom-color: #D3A18C;
}

.dolyame-payment-date {
    font-size: 12px;
    display: block;
}

.dolyame-header {
    font-size: 24px;
    font-weight: bold;
    margin-right: 32px;
}

.dolyame-footer {
    font-size: 12px;
}

.dolyame-close {
    position: absolute;
    right: 16px;
    top: 16px;    
    font-size: 48px;
    display: block;
    cursor: pointer;
}

.dolyame-close:after {
    content: '\00d7';
}

@media (max-width: 480px) {
    .dolyame-modal {
        width: 100%;
        padding: 16px;
        overflow: auto;
        max-height: max-content;
        height: 100vh;
        position: fixed;
        bottom: 0;
        border-radius: 16px 16px 0 0;
    }
    .dolyame-payments {
        gap: 4px;
        border-radius: 8px;
        padding: 8px;
    }
    .dolyame-payment-amount {
        font-size: 16px;
    }
}
/* End */
/* /local/components/maxma/catalog.element.bonus/templates/heart/style.css?17489463924336 */
/* /local/components/dn/dolyame.catalog.element/templates/.default/style.css?17467956174040 */