body{background-color:#fff}#madBalanceQuiz{--mbq-text: #43413d;--mbq-accent: #ebff00;--mbq-grey: #e6e8e6;--mbq-card: #f5f6f4;color:var(--mbq-text);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}#madBalanceQuiz,#madBalanceQuiz *,#madBalanceQuiz *:before,#madBalanceQuiz *:after{box-sizing:border-box}#madBalanceQuiz button{all:unset;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;appearance:none}#madBalanceQuiz .mbq__top{position:sticky;top:0;z-index:10;background:#fff}#madBalanceQuiz .mbq__top-row{display:flex;align-items:center;justify-content:space-between;padding:15px;background-color:#f7f6f5}#madBalanceQuiz .logo{width:120px}#madBalanceQuiz .mbq__counter{font-size:14px;line-height:1;color:var(--mbq-text);opacity:.75}#madBalanceQuiz .mbq__progress{height:12px;width:100%;background-color:#e1e1e1!important;background-image:none!important;display:flex;align-items:center;border-radius:20px;overflow:hidden;padding:3px}#madBalanceQuiz .mbq__progress .mbq__progress-bar{height:100%;width:0;background-color:#ebff00!important;background-image:none!important;opacity:1!important;display:block;transition:width .35s ease;border-radius:20px}#madBalanceQuiz .mbq__counter{margin-left:8px;font-size:14px;line-height:1;color:var(--mbq-text);opacity:.75}#madBalanceQuiz .mbq__stage{max-width:500px;margin:28px auto;position:relative;transition:height .3s ease}#madBalanceQuiz .img-3{width:200px;display:block;margin:auto auto 30px}#madBalanceQuiz .mbq__step{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}#madBalanceQuiz .mbq__step.is-hidden{display:none}#madBalanceQuiz .mbq__step.active{opacity:1;transform:translateY(0);pointer-events:auto;display:block;z-index:2}#madBalanceQuiz .mbq__step.leaving{opacity:0;transform:translateY(0);pointer-events:none;z-index:1}#madBalanceQuiz .mbq__h{font-size:34px;line-height:1.25;margin:30px 0 18px;text-align:left;font-family:Satoshi!important;letter-spacing:0}#madBalanceQuiz .mbq__sub{margin:-6px 0 18px;opacity:.8;text-align:left}#madBalanceQuiz .mbq__p{margin:10px 0 0;text-align:left}#madBalanceQuiz .mbq__fine{margin:10px 0 0;font-size:13px;opacity:.7;text-align:left}#madBalanceQuiz .mbq__options{display:flex;flex-direction:column;gap:12px;align-items:flex-start}#madBalanceQuiz .mbq__pill{display:inline-block;border:1px solid var(--mbq-text);border-radius:26px;color:var(--mbq-text);padding:16px 20px;font-size:16px;line-height:1;text-align:left;letter-spacing:0;font-weight:600;transition:background .25s ease,color .25s ease}#madBalanceQuiz .mbq__pill:hover{background:#f8f8f8}#madBalanceQuiz .mbq__pill.selected{background:#f1ff4c}#madBalanceQuiz .mbq__card{background:#f7f6f5;border-radius:16px;padding:30px;text-align:left;width:100%;margin:auto}#madBalanceQuiz .mbq__checks{list-style:none;padding:0;display:flex;flex-direction:column;gap:5px;margin:0}#madBalanceQuiz .mbq__cmp{display:grid;grid-template-columns:1fr 110px 110px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e9ece9}#madBalanceQuiz .mbq__cmp--head{font-weight:700;border-bottom:2px solid #e9ece9}#madBalanceQuiz .mbq__actions{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#fff;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%}#madBalanceQuiz .mbq__back{font-size:16px;color:var(--mbq-text);padding:16px 24px}#madBalanceQuiz .mbq__cta{background:var(--mbq-text);color:#fff;font-weight:600;font-size:18px;line-height:1;padding:18px 28px;max-width:180px;width:100%;border-radius:50px;text-align:center;transition:.3s}#madBalanceQuiz .mbq__cta[disabled]{opacity:.4;pointer-events:none;transition:.3s}#madBalanceQuiz .mbq__back[hidden]{display:none!important}@media (max-width: 749px){#madBalanceQuiz .mbq__h{font-size:28px}#madBalanceQuiz .mbq__cmp{grid-template-columns:1fr 80px 80px}#madBalanceQuiz .mbq__card{margin:auto;width:fit-content;padding:20px!important}#madBalanceQuiz .mbq__step>*{padding:0 20px}.mbq__stage{padding:0 20px}#madBalanceQuiz .img-3{margin-bottom:20px}}#madBalanceQuiz .header-wrapper{display:none}#madBalanceQuiz .flex-wrap{display:flex;flex-direction:unset;gap:12px;align-items:flex-start;flex-wrap:wrap!important}@media screen and (min-width: 750px){#madBalanceQuiz .mbq__actions{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/mad-balance-quiz.css.map */