@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}@layer bricks {.brxe-code{width:100%}}h1 span { font-size:var(--c1-text-2xl); display: inline-block; margin-top: var(--c1-space-m);}#brxe-ybfnod {font-size: var(--c1-text-l); color: var(--btn-border); font-weight: 300; font-style: italic; margin-bottom: var(--c1-space-xl)}#brxe-aa9a61 { & h2{margin-left: 0; } & #mbq { max-width: 100%; } & ul { list-style: none; padding-left: 0; } & .mbq__btn { padding: 1.2rem 2rem 1.4rem; border-radius: var(--c1-radius-xl); background: #fae2cd; transition: all .2s ease-in-out; margin-bottom: var(--c1-space-l); } & .mbq__btn:hover { filter: brightness(.965); } & #mbqStart:hover { background: #f2cba9; } & .test_intro1, & #mbq:not(:has([class~="test_intro1"])) { border: 1px solid #e9e1e1; border-radius: var(--c1-radius-l); padding: var(--c1-space-m) var(--c1-space-3xl); background: #fff5f1; font-weight: 300; box-shadow: var(--c1-shadow-m); margin-block-end: var(--c1-space-3xl); & .mbq__facts { display: flex; gap: var(--c1-space-l); border-block: 1px #b6b6b6 dotted; padding-block: var(--c1-space-2xs); font-family: montserrat; color: #553e2b; margin-block-end: var(--c1-space-l); flex-wrap: wrap; & b { display: block; } } } & .mbq__top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--c1-space-l); } & .mbq__step, .mbq__part { font-size: var(--c1-text-s); letter-spacing: 1.4px; text-transform: uppercase; } & .mbq__part{ letter-spacing: .6px; } & .mbq__bar { height: 3px; background: #F0E7DE; border-radius: 3px; overflow: hidden; margin-bottom: var(--c1-space-m); } & .mbq__bar i{ display:block; height:100%; width:0; background:#88654F; border-radius:3px; } & .mbq__q { font-size: var(--c1-text-xl); margin-block-end: var(--c1-space-2xs); } & .mbq__hint { font-size: var(--c1-text-m); color: gray; } & .mbq__opts { display: flex; flex-direction: column; gap: var(--c1-space-xs); margin: 0; padding: 0; margin-block: var(--c1-space-xl); & .mbq__opt { display: flex; width: 100%; cursor: pointer; background: #FFFDFB; border: 1px solid #EAE0D6; border-radius: var(--c1-radius-l); padding: var(--c1-space-xs) var(--c1-space-l) var(--c1-space-xs) var(--c1-space-3xl); position: relative; color: #3A3A3A; line-height: 1.55; transition: background .2s,border-color .2s; &:hover { background: #f2eef5;; border-color: #efdaf1;; } } & .mbq__opt::before{ content: ""; position: absolute; left: 20px; width: 1.7rem; height: 1.7rem; border-radius: var(--c1-radius-full); border: 1px solid #d2c1B2; transition: all .2s; align-self: center; } & .mbq__opt[aria-pressed="true"]::before{ border-color:#88654F;background:#88654F; box-shadow:inset 0 0 0 3.5px #fff;} } & .mbq__nav { display: flex; align-items: center; margin-block-start: var(--c1-space-l); gap: var(--c1-space-m); flex-wrap: wrap; } & .sp { flex: 1; } & .mbq__note { font-size: var(--c1-text-m); color: gray; } & .mbq__back { background: none; border: none; padding: 0; cursor: pointer; font-size: var(--c1-text-m); color: gray; } & .mbq__fade{ animation:mbqFade .4s ease; } & h3 { font-family: montserrat; font-weight: 300; font-size: var(--c1-text-xl); color: var(--c1-dark); margin-block-start: var(--c1-space-2xl); margin-block-end: var(--c1-space-l); padding: .2em var(--c1-space-l);  background: #eeebf3; border-radius: var(--c1-radius-m); display: block; } & .mbq__resulthead { text-align: center; display: flex; flex-direction: column; align-content: space-around; gap: var(--c1-space-s); margin-block-end: var(--c1-text-xs); } & .mbq__kicker { font-size: var(--c1-text-s); letter-spacing: 1.6px; text-transform: uppercase; } & .mbq__title { font-family: montserrat; font-weight: 200; font-size: var(--c1-text-4xl); color: #88654f; margin: 0; } & .mbq__claim { font-size: var(--c1-text-xl); font-style: italic; } & .mbq__mapwrap { max-width: 70%; margin: var(--c1-space-xl) auto; } & .mbq__map { display: block; width: 100%; height: auto; } & .mbq__legend { color: #A79B90; text-align: center; font-size: var(--c1-text-m); } & .mbq__section h4, .mbq__box h4, .mbq__cta h4 { font-family: montserrat; font-weight: 200; color: #88654f; margin-block-end: .6em; margin-block-start: 1.2em; } & .mbq__section ul { list-style: unset; padding-inline-start: 1.2em; } & .mbq__section li { padding-inline-start: .3em; margin-block-end: .3em; } & .mbq__box { background: #faefe9; padding: var(--c1-space-l); border: 1px solid #f5e1e1; border-radius: var(--c1-radius-l); margin-block-end: var(--c1-space-l); padding-block-start: 0; & .mbq__btn { margin-block-start: var(--c1-space-s); margin-block-end: var(--c1-space-4xs); display: inline-block; } & h4 { font-weight: 300; } } & .mbq__cta { border-top: 1px solid pink; padding-block-start: var(--c1-space-xl); border-top: 1px solid #e8d7d1; margin-block-start: var(--c1-space-2xl); & h4 { margin-block-start: 0; } & .mbq__ctabtns { margin-block: var(--c1-space-l); display: flex; gap: var(--c1-space-m); flex-wrap: wrap; align-items: center; & .mbq__btn--ghost { background: none; border: 1px solid #d6cbcb; } & .mbq__btn--blush { background: #fcd9d9; } } } & .mbq__keep { padding: var(--c1-space-l); border: 1px solid #e4dddd; border-radius: var(--c1-radius-l); & .mbq__keeprow { display: flex; gap: var(--c1-space-m); flex-wrap: wrap; align-items: center; } & .mbq__btn { font-weight: 300; } & .mbq__btn--ghost { background: none; border: 1px solid #d6cbcb; } } & .mbq__foot { font-size: calc(var(--c1-text-s)*1.2); margin-block: var(--c1-space-xl); padding-block-start: var(--c1-space-l); border-top: 1px solid #e4dddd; } & .mbq__restart { background: none; text-decoration: underline; }} @keyframes mbqFade{ from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none}}@media print {  body *:not(:has(#mbq)):not(#mbq):not(#mbq *) { display: none !important; }  #mbqKeep, .mbq__ctabtns, .mbq__restart { display: none !important; }}@media screen and (max-width: 1000px) {#brxe-aa9a61 {& .mbq__mapwrap { max-width: 100%; width: 100%; }}}