/* Start:/local/templates/severapparel_new/components/maxma/basket.bonus/q_personal_full/style.css?172897919812571*/
@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;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input::placeholder {
    font-size: 16px;
    line-height: 100%;
    color: #CBCBCB;
}

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

.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-basket-bonus__container {
    /*width: 414px;
    padding: 15px 20px 18px 20px;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    border-radius: 3px;*/
    width: 100% !important;
}

@media screen and (max-width: 767px) {
    .maxma-basket-bonus__container {
        width: 327px;
        padding: 0;
        border: none;
    }
}

@media screen and (max-width: 374px) {
    .maxma-basket-bonus__container {
        width: 290px;
    }
}

.maxma-basket-bonus__promo-form-container {
    margin: 0 0 5px 0;
}

.maxma-basket-bonus__promo-form-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin: 0;

    margin-right: 15px;
}

.maxma-basket-bonus__promo-input-fields {
    display: flex;
}

.maxma-basket-bonus__promo-form input {
    height: 38px;
    box-sizing: border-box;
    border-radius: 3px;
}

.maxma-basket-bonus__promo-form input[name='maxma-bonus-value'] {
    width: 243px;
    padding: 12px 30px 12px 11px;
    outline: none;
    border: 1px solid #CBCBCB;
    background: #FFFFFF;
    font-size: 16px;
}

@media screen and (max-width: 767px) {
    .maxma-basket-bonus__promo-form input[name='maxma-bonus-value'] {
        width: 197px;
    }
}

@media screen and (max-width: 374px) {
    .maxma-basket-bonus__promo-form input[name='maxma-bonus-value'] {
        width: 160px;
    }
}

.maxma-basket-bonus__promo-form input[type='submit'] {
    width: 122px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    padding: 7px 16px 9px;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
    background: #CBCBCB;
    pointer-events: none;
}

.maxma-basket-bonus__promo-form.active input[name='maxma-bonus-value'] {
    border: 1px solid #1CA1BD;
    border-color: var(--maxma-accent-color);
}

.maxma-basket-bonus__promo-form.active input[type='submit'],
.maxma-basket-bonus__promo-form.accepted input[type='submit'] {
    pointer-events: all;
    background: #1CA1BD;
    background: var(--maxma-accent-color);
}

.maxma-basket-bonus__promo-form.error input[name='maxma-bonus-value'] {
    color: #C71E1E;
    color: var(--maxma-error-color);
}

.maxma-basket-bonus__promo-form.error .maxma__promo-input-fields {
    margin-bottom: 6px;
}

.maxma-basket-bonus__promo-form.accepted input[name='maxma-bonus-value'] {
    color: #87C73D;
    pointer-events: none;
    color: var(--maxma-success-color);
}

.maxma-basket-bonus__promo-form.accepted input[type='submit'] {
    border: 1px solid #1CA1BD;
    border: 1px solid var(--maxma-accent-color);
    color: #1CA1BD;
    color: var(--maxma-accent-color);
    background: #FFFFFF;
}

.maxma-basket-bonus__promo-input-fields-container {
    position: relative;
    margin-right: 8px;
}

.maxma-basket-bonus__promo-form.active input[type='submit']:hover {
    transition: 300ms;
    background: #5B9F0B;
    background: var(--maxma-main-hover-color);
}

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

.maxma-basket-bonus__promo-input-fields-container label {
    width: 12px;
    height: 12px;
    position: absolute;
    top: calc(50% - 6px);
    right: 13px;
}

.maxma-basket-bonus__promo-form.active .maxma-basket-bonus__promo-input-fields-container label {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.20093L13 13.2009' stroke='%23CBCBCB'/%3E%3Cpath d='M13 1.20093L1 13.2009' stroke='%23CBCBCB'/%3E%3C/svg%3E") no-repeat center center;
    cursor: pointer;
}

.maxma-basket-bonus__promo-form.active .maxma-basket-bonus__promo-input-fields-container label:hover {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L13 13' stroke='%23777777'/%3E%3Cpath d='M13 1L1 13' stroke='%23777777'/%3E%3C/svg%3E") no-repeat center center;
    transition: 300ms;
}

.maxma-basket-bonus__promo-form.accepted .maxma-basket-bonus__promo-input-fields-container label {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.72724L5.03333 8.20093L11 1.20093' stroke='white'/%3E%3C/svg%3E") #87C73D no-repeat center center;
    background: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.72724L5.03333 8.20093L11 1.20093' stroke='white'/%3E%3C/svg%3E") var(--maxma-success-color) no-repeat center center;
}

.maxma-basket-bonus__promo-form.error .maxma-basket-bonus__promo-input-fields-container label {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9' stroke='white'/%3E%3Cpath d='M9 1L1 9' stroke='white'/%3E%3C/svg%3E") #C71E1E no-repeat center center;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9' stroke='white'/%3E%3Cpath d='M9 1L1 9' stroke='white'/%3E%3C/svg%3E") var(--maxma-error-color) no-repeat center center;
}

.maxma-basket-bonus__promo-form.error .maxma-basket-bonus__promo-input-fields-container label:hover {
    cursor: pointer;
}

.maxma-basket-bonus__promo-error-message {
    display: none;
}

.maxma-basket-bonus__promo-form.error .maxma-basket-bonus__promo-error-message {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    margin-bottom: 0;
    color: #C71E1E;
    color: var(--maxma-error-color);
    margin-top: 6px;
}

.maxma-basket-bonus__promo-cart-unauthorized-user {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}

.maxma-basket-bonus__promo-cart-message {
    margin-bottom: 5px;
    font-size: 12px;

    display: none;
}

.maxma-basket-bonus__promo-form {
    display: none;
}

.maxma-basket-bonus__promo-cart-link {
    font-size: 12px;
    color: #1CA1BD;
    color: var(--maxma-accent-color);
}

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

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

.maxma-basket-bonus__bonus-amount-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #1CA1BD;
    color: var(--maxma-accent-color);
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    margin-right: 4px;
    padding-top: 1px;
}

.maxma-basket-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-basket-bonus__info-container {
    display: none;
    position: absolute;
    width: 175px;
    right: -21px;
    top: 30px;
    flex-direction: column;
    padding: 11px 12px;
    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;
    font-size: 12px;
}

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

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

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

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

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

@media screen and (max-width: 374px) {
    .maxma-basket-bonus__info-container {
        right: 0;
    }

    .maxma-basket-bonus__info-container :before {
        right: 1px;
    }

    .maxma-basket-bonus__info-container :after {
        right: 0;
    }
}

.maxma-basket-bonus__promo-form-container {
    display: flex;
    /* justify-content: space-between; */
}

.maxma-basket-bonus__bonus-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 138px;
    position: relative;
    padding-top: 3px;
}

.maxma-basket-bonus__promo-info-message {
    margin-top: 0;
    margin-bottom: 10px
}

.maxma-basket-bonus__promo-cart-message .maxma-basket-bonus__promo-info-num {
    color: #1CA1BD;
    color: var(--maxma-accent-color);
}

.maxma-basket-bonus__info-message {
    margin-right: 4px;

    display: none;
}

@media screen and (max-width: 374px) {
    .maxma-basket-bonus__info-message {
        display: none;
    }
}

@media screen and (max-width: 1399px) {
    .workarea .maxma-basket-bonus__container {
        width: 353px;
    }

    .workarea .maxma-basket-bonus__promo-form input[name='maxma-bonus-value'] {
        width: 180px;
    }
}

@media screen and (max-width: 1199px) {
    .workarea .maxma-basket-bonus__promo-form-title {
        font-size: 16px;
    }

    .workarea .maxma-basket-bonus__container {
        width: 293px;
    }

    .workarea .maxma-basket-bonus__promo-form input[type='submit'] {
        width: 105px;
        padding: 7px 7px 9px;
    }

    .workarea .maxma-basket-bonus__promo-form input[name='maxma-bonus-value'] {
        width: 140px;
    }

    .maxma-basket-bonus__info-message {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .workarea .maxma-basket-bonus__promo-form-title {
        font-size: 14px;
    }

    .workarea .maxma-basket-bonus__container {
        width: 274px;
    }

    .workarea .maxma-basket-bonus__promo-form input[type='submit'] {
        width: 100px;
        padding: 7px 5px 9px;
    }

    .workarea .maxma-basket-bonus__promo-form input[name='maxma-bonus-value'] {
        width: 130px;
    }

    @media screen and (max-width: 767px) {
        .workarea .maxma-basket-bonus__container {
            width: 235px;
        }
    }
}
/* End */
/* /local/templates/severapparel_new/components/maxma/basket.bonus/q_personal_full/style.css?172897919812571 */