:root {
    --me-qr-white-color: #FFFFFF;
    --me-qr-dark-color: #3E4957;
    --me-qr-dark-color-hov: #293038;
    --me-qr-dark-color-1: #566074;
    --me-qr-violet-color: #9b27af;
    --me-qr-violet-color-hov: #8e23a0;
    --me-qr-purlule-color: #76519d;
    --me-qr-gray-color-1: #646970;
    --me-qr-gray-color-2: #a49eac;
    --me-qr-light-gray-color: #f5f4f6;
    --me-qr-light-gray-color-1: #f3f3f3;
    --me-qr-light-gray-color-2: #e8e3ed;
    --me-qr-light-gray-color-3: #e0dce5;
    --me-qr-light-green-color: #5f9b7d;
    --me-qr-light-green-color-hov: #54896f;
    --me-qr-light-red-color: #9b5f5f;
    --me-qr-light-red-color-hov: #895454;
    --me-qr-blue-color-1: #6094b2;
    --me-qr-blue-color-2: #739cba;
    --me-qr-blue-color-2-hov: #5a7c94;
    --me-qr-blue-color-2-focus: #486478;
    --me-qr-light-red-color-1: #e67b7b;
    --me-qr-gold-color-1: #cfa950;
    --me-qr-gold-color-1-hov: #b9983e;
    --me-qr-gold-color-1-focus: #9e8246;
    --me-qr-gold-color-2: #e6cb69;
}

.me-qr-d-none {
    display: none !important;
}
#me_qr_vars {
    display: none !important;
}

.me-qr-unselectable,
.me-qr-no-active-btn {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.me-qr-no-event,
.me-qr-no-active-btn {
    pointer-events: none !important;
}

.me-qr-desc-box {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0.3rem 0;
}
    .me-qr-desc-box .me-qr-desc {
        font-size: 0.8rem;
        color: var(--me-qr-gray-color-1);
        text-align: center;
    }

.me-qr-btn {
    max-width: 30.769rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--me-qr-violet-color);
    padding: 0.5rem 0.625rem;
    cursor: pointer;
}
.me-qr-btn,
.me-qr-btn:hover,
.me-qr-btn:focus {
    color: var(--me-qr-white-color);
}
.me-qr-btn:hover {
    text-decoration: underline;
    background-color: var(--me-qr-violet-color-hov);
}
.me-qr-btn:focus {
    outline: none;
    box-shadow: 0 0 19px 2px rgba(142, 35, 160, 0.14);
}

.me-qr-no-active-btn {
    color: #c3c3c3 !important;
    background-color: #e8e8e9 !important;
    border-color: #e8e8e9 !important;
    box-shadow: none !important;
}
    .me-qr-no-active-btn * {
        color: #c3c3c3 !important;
    }

.me-qr-link-btn {
    max-width: max-content;
    color: var(--me-qr-blue-color-2);
    word-break: break-word;
    overflow-wrap: break-word;
}
.me-qr-link-btn,
.me-qr-link-btn:hover,
.me-qr-link-btn:active,
.me-qr-link-btn:visited,
.me-qr-link-btn:focus {
    border: none;
    outline: none;
    box-shadow: none;
}
.me-qr-link-btn,
.me-qr-link-btn:visited {
    color: var(--me-qr-blue-color-2);
}
.me-qr-link-btn:hover,
.me-qr-link-btn:active {
    color: var(--me-qr-blue-color-2-hov);
}
.me-qr-link-btn:focus {
    color: var(--me-qr-blue-color-2-focus);
}

.me-qr-link-btn-gold,
.me-qr-link-btn-gold:visited {
    color: var(--me-qr-gold-color-1);
}
.me-qr-link-btn-gold:hover,
.me-qr-link-btn-gold:active {
    color: var(--me-qr-gold-color-1-hov);
}
.me-qr-link-btn-gold:focus {
    color: var(--me-qr-gold-color-1-focus);
}

.me-qr-ml-1 {
    margin-left: 0.5rem !important;
}
.me-qr-ml-2 {
    margin-left: 1rem !important;
}
.me-qr-mt-1 {
    margin-top: 0.5rem !important;
}
.me-qr-mt-2 {
    margin-top: 1rem !important;
}
.me-qr-mr-1 {
    margin-right: 0.5rem !important;
}
.me-qr-mr-2 {
    margin-right: 1rem !important;
}
.me-qr-mb-1 {
    margin-bottom: 0.5rem !important;
}
.me-qr-mb-2 {
    margin-bottom: 1rem !important;
}

.me-qr-pl-1 {
    padding-left: 0.5rem !important;
}
.me-qr-pl-2 {
    padding-left: 1rem !important;
}
.me-qr-pt-1 {
    padding-top: 0.5rem !important;
}
.me-qr-pt-2 {
    padding-top: 1rem !important;
}
.me-qr-pr-1 {
    padding-right: 0.5rem !important;
}
.me-qr-pr-2 {
    padding-right: 1rem !important;
}
.me-qr-pb-1 {
    padding-bottom: 0.5rem !important;
}
.me-qr-pb-2 {
    padding-bottom: 1rem !important;
}

.me-qr-ml-1 {
    margin-left: 0.5rem;
}
.me-qr-ml-2 {
    margin-left: 1rem;
}
.me-qr-mt-1 {
    margin-top: 0.5rem;
}
.me-qr-mt-2 {
    margin-top: 1rem;
}
.me-qr-mr-1 {
    margin-right: 0.5rem;
}
.me-qr-mr-2 {
    margin-right: 1rem;
}
.me-qr-mb-1 {
    margin-bottom: 0.5rem;
}
.me-qr-mb-2 {
    margin-bottom: 1rem;
}

.me-qr-error-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
}
    .me-qr-error-box .error-header {
        text-align: center;
        font-size: 1rem;
        font-style: normal;
    }
    .me-qr-error-box .error-desc {
        text-align: center;
        font-size: 0.8rem;
        font-style: italic;
        margin-top: 0.3rem;
        color: var(--me-qr-gray-color-1)
    }