.how-it-works-demo .demo-step[data-v-e6e73373]{align-items:center;display:flex;height:100%;justify-content:center;min-height:300px;padding:20px}@media(max-width:766px){.how-it-works-demo .demo-step[data-v-e6e73373]{padding:10px}}.how-it-works-demo .mini-form[data-v-e6e73373]{background:#fffc;border-radius:8px;box-shadow:0 2px 8px #3b48571a;font-size:12px;max-width:400px;padding:20px;width:100%}.how-it-works-demo .mini-form .head[data-v-e6e73373]{margin-bottom:20px;text-align:center}.how-it-works-demo .mini-form .bag__ttl[data-v-e6e73373]{font-size:16px;margin-bottom:8px}.how-it-works-demo .mini-form .bag__form-group[data-v-e6e73373]{margin-bottom:20px}.how-it-works-demo .mini-form .bag__form-group[data-v-e6e73373]:last-child{margin-bottom:0}.how-it-works-demo .mini-form .bag__box label[data-v-e6e73373]{color:#8492a5;display:block;font-size:11px;font-weight:600;margin-bottom:4px}.how-it-works-demo .mini-form .bag__form-field[data-v-e6e73373],.how-it-works-demo .mini-form .form-field[data-v-e6e73373]{position:relative}.how-it-works-demo .mini-form .bag__form-field .form-control[data-v-e6e73373],.how-it-works-demo .mini-form .form-field .form-control[data-v-e6e73373]{background:#fff;border:1px solid #e1e5e9;border-radius:4px;color:#3b4857;font-size:12px;padding:8px 12px;width:100%}.how-it-works-demo .mini-form .bag__form-field .form-control[readonly][data-v-e6e73373],.how-it-works-demo .mini-form .form-field .form-control[readonly][data-v-e6e73373]{background:#f8f9fa;cursor:not-allowed}.how-it-works-demo .mini-form .bag__form-field .form-control[data-v-e6e73373]::-moz-placeholder,.how-it-works-demo .mini-form .form-field .form-control[data-v-e6e73373]::-moz-placeholder{color:#8492a5}.how-it-works-demo .mini-form .bag__form-field .form-control[data-v-e6e73373]::placeholder,.how-it-works-demo .mini-form .form-field .form-control[data-v-e6e73373]::placeholder{color:#8492a5}.how-it-works-demo .mini-form .bag__form-field textarea.form-control[data-v-e6e73373],.how-it-works-demo .mini-form .form-field textarea.form-control[data-v-e6e73373]{min-height:60px;resize:vertical}.how-it-works-demo .mini-form .form-control-currency[data-v-e6e73373]{align-items:center;background-color:#f8f9fa;border-radius:0 3px 3px 0;bottom:1px;color:#8492a5;display:flex;font-size:11px;justify-content:center;position:absolute;right:1px;top:1px;width:50px}.how-it-works-demo .mini-form .avatar-demo[data-v-e6e73373]{display:flex;justify-content:center;padding:10px}.how-it-works-demo .mini-form .avatar-demo .demo-avatar[data-v-e6e73373]{height:60px;width:60px}.how-it-works-demo .mini-form .bag__form-action[data-v-e6e73373]{margin-top:20px;text-align:center}.how-it-works-demo .mini-form .bag__form-action .btn[data-v-e6e73373]{background:#dfeffe;border:none;border-radius:4px;color:#3b4857;cursor:not-allowed;font-size:12px;opacity:.6;padding:8px 16px}.how-it-works-demo .invite-demo[data-v-e6e73373]{max-width:440px}.how-it-works-demo .invite-demo__text[data-v-e6e73373]{color:#8492a5;font-size:11px;line-height:1.5;margin:0 0 8px}.how-it-works-demo .invite-demo__link[data-v-e6e73373]{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:4px;display:flex;gap:8px;padding:6px 8px}@media(max-width:766px){.how-it-works-demo .invite-demo__link[data-v-e6e73373]{flex-direction:column}}.how-it-works-demo .invite-demo__link code[data-v-e6e73373]{color:#3b4857;flex:1 1 auto;font-size:10px;line-height:1.4;word-break:break-all}.how-it-works-demo .invite-demo__link .btn[data-v-e6e73373]{background:#dfeffe;border:none;border-radius:4px;color:#3b4857;cursor:not-allowed;flex:0 0 auto;font-size:11px;opacity:.6;padding:6px 10px;white-space:nowrap}.how-it-works-demo .mini-card[data-v-e6e73373]{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #3b48571a;color:#8492a5;font-size:12px;font-weight:400;line-height:16px;max-width:350px;overflow:hidden;padding:16px;width:100%}.how-it-works-demo .mini-card .the-ward-card__head[data-v-e6e73373]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.how-it-works-demo .mini-card .the-ward-card__head-info[data-v-e6e73373]{align-items:center;display:flex;width:100%}.how-it-works-demo .mini-card .the-ward-card__body[data-v-e6e73373],.how-it-works-demo .mini-card .the-ward-card__contacts[data-v-e6e73373]{background:#dfeffe4d;border-radius:6px;display:flex;flex-direction:column;padding:12px;text-align:center}.how-it-works-demo .mini-card .the-ward-card__body span[data-v-e6e73373],.how-it-works-demo .mini-card .the-ward-card__contacts span[data-v-e6e73373]{font-size:11px;font-weight:600;margin-bottom:6px}.how-it-works-demo .mini-card .the-ward-card__body p[data-v-e6e73373],.how-it-works-demo .mini-card .the-ward-card__contacts p[data-v-e6e73373]{color:#3b4857;font-size:13px;font-weight:500;line-height:18px;margin:0}.how-it-works-demo .mini-card .the-ward-card__contacts[data-v-e6e73373]{margin-top:12px}.how-it-works-demo .mini-card .the-ward-card__avatar[data-v-e6e73373]{margin-right:20px;width:50px}.how-it-works-demo .mini-card .the-ward-card__name[data-v-e6e73373]{color:#3b4857;font-size:14px;font-weight:600}.how-it-works-demo .draw-demo[data-v-e6e73373]{background:#fffc;border-radius:8px;box-shadow:0 2px 8px #3b48571a;font-size:12px;max-width:600px;padding:20px;width:100%}.how-it-works-demo .draw-demo .bag-draw__head[data-v-e6e73373]{margin:0 auto 20px;max-width:-moz-fit-content;max-width:fit-content;text-align:center}.how-it-works-demo .draw-demo .bag-draw__title[data-v-e6e73373]{color:#3b4857;font-size:18px;margin:0 0 12px;text-align:center}.how-it-works-demo .draw-demo .bag-draw__action[data-v-e6e73373]{display:flex;flex-flow:row wrap;gap:10px;justify-content:space-between}.how-it-works-demo .draw-demo .bag-draw__action .btn[data-v-e6e73373]{border:none;border-radius:4px;cursor:not-allowed;font-size:11px;opacity:.6;padding:6px 12px}.how-it-works-demo .draw-demo .bag-draw__action .btn.btn-default[data-v-e6e73373]{background:#8492a5;color:#fff}.how-it-works-demo .draw-demo .bag-draw__action .btn.btn-danger[data-v-e6e73373]{background:#fc4b4e;color:#fff}.how-it-works-demo .draw-demo .bag-draw__list[data-v-e6e73373]{margin:0 -10px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap[data-v-e6e73373]{display:flex;flex-flow:row wrap;margin:20px auto 0;max-width:100%;width:100%}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box[data-v-e6e73373]{display:flex;flex:1 1 100%;padding:6px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__holder[data-v-e6e73373]{align-items:center;border-radius:6px;box-shadow:0 0 6px #3b485714;color:#8492a5;display:flex;flex:1 1 auto;flex-direction:row;font-size:11px;font-weight:400;line-height:14px;overflow:hidden;padding:6px 12px;position:relative}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__holder .color-list[data-v-e6e73373],.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__holder[data-v-e6e73373] .color-list{max-width:180px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__holder .color-list li.active .color-list__item[data-v-e6e73373]:before,.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__holder[data-v-e6e73373] .color-list li.active .color-list__item:before{inset:-4px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__holder .color-list__item[data-v-e6e73373],.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__holder[data-v-e6e73373] .color-list__item{height:20px;width:20px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__avatar[data-v-e6e73373]{display:block;margin:0 12px 0 0;width:44px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__info[data-v-e6e73373]{align-items:center;display:flex;flex:1 1 auto;flex-direction:row;padding-right:5px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__name[data-v-e6e73373]{color:#3b4857;display:block;font-size:12px;margin-bottom:2px}.how-it-works-demo .draw-demo .bag-draw__list .users-cards__wrap .users-cards__box .users-cards__name[data-v-e6e73373]:last-child{margin-bottom:0}.how-it-works-demo .qr-demo[data-v-e6e73373]{height:100%;text-align:center;width:100%}.how-it-works-demo .qr-demo img[data-v-e6e73373]{border-radius:8px;box-shadow:0 2px 8px #3b48571a;height:100%;max-height:395px;width:auto}@media(max-width:766px){.how-it-works-demo .qr-demo img[data-v-e6e73373]{max-height:340px}}