@layer bricks {.brxe-code{width:100%}}@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}}#brxe-ofizlx {margin-bottom: 24px; color: #ffffff}#brxe-oopsxo {color: #ffffff; padding-top: 40px; padding-right: 50px; padding-bottom: 40px; padding-left: 50px; grid-column: 2 / span 4;}#brxe-oopsxo{border-radius: 20px;background: radial-gradient(75.2% 95.92% at 3.73% 100%, #CB3763 0%, rgba(203, 55, 99, 0.00) 100%), #003A4A;}@media (min-width: 1440px) {#brxe-oopsxo {padding-top: 70px; padding-right: 60px; padding-bottom: 70px; padding-left: 60px}}@media (max-width: 1080px) {#brxe-oopsxo {grid-column: auto}}@media (max-width: 767px) {#brxe-oopsxo {padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px}}#brxe-zyrdom {background-color: #f5f5f5; border-radius: 20px; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; grid-column: 6 / span 6}:root { --line-border-fill: #cb3763; --line-border-empty: #bbb;}#next-form-step, #brxe-zyrdom form button[type="submit"] {background: #ffa535; color: #1c1d1d; padding: 16px 24px; border-radius: 64px; transition: all .3s ease; &:hover { background-color: #cb3763; color: #fff; }}#prev-form-step {background: transparent; color: #1c1d1d; margin-right: 24px;}#brxe-zyrdom form { width: 100%;}#brxe-zyrdom .nav-holder{display: flex; justify-content: space-between; align-items: center; width: 100%;}#error-message{ font-size: 16px; color: red;}#brxe-zyrdom .progress-container { display: flex; justify-content: space-between; position: relative; margin-bottom: 40px; gap: 15px;}#brxe-zyrdom .progress-container::before { content: ""; background-color: var(--line-border-empty); position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 1px; width: 100%; z-index: 1;}#brxe-zyrdom .options-wrapper { margin: 0; padding: 0; display: flex; gap: 20px; flex-wrap: wrap; li { padding: 24px; background-color: #fff; display: flex; align-items: center; gap: 16px; border-radius: 8px; label { margin: 0; color: #000 } }} .form-step[role="group"] label, .form-step[role="radiogroup"] .label { font-size: 24px; font-weight: 600; color: #1C1D1D; text-transform: none; margin-bottom: 32px;} .form-step input[type="radio"] { appearance: none; width: 18px; height: 18px; border: 1px solid #DEDEDE; border-radius: 50%; position: relative; cursor: pointer; padding: 0;} .form-step input[type="text"],.form-step input[type="email"]{ height: 64px; border-radius: 8px; padding: 0 32px; border: none;} .form-step input[type="text"]::placeholder,.form-step input[type="email"]::placeholder{color: #757477;} .form-step input[type="radio"]::before { content: ""; width: 8px; height: 8px; background-color: #cb3763; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform 0.2s ease-in-out;} .form-step input[type="radio"]:checked::before { transform: translate(-50%, -50%) scale(1);} .form-step label:has(input[type="radio"]:checked) { border-color: #cb3763;}#brxe-zyrdom .progress-bar { background-color: var(--line-border-fill); position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 1px; width: 0%; z-index: 1; transition: 0.4s ease;}#brxe-zyrdom .circle { background-color: #fff; color: #999; border-radius: 50%; height: 16px; width: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line-border-empty); transition: 0.4s ease; z-index: 999; position: relative; &.active { border: 5px solid var(--line-border-fill); border-color: var(--line-border-fill); }}#brxe-zyrdom .form-step { display: none; text-align: left; margin-bottom: 60px; padding: 0; &.active { display: block; }}@media (min-width: 1440px) {#brxe-zyrdom {padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px}}@media (max-width: 1080px) {#brxe-zyrdom {grid-column: auto}}@media (max-width: 767px) {#brxe-zyrdom {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px}}#brxe-qtinmx {display: grid; align-items: initial; grid-gap: 20px; grid-template-columns: repeat(12, 1fr)}@media (max-width: 1080px) {#brxe-qtinmx {grid-template-columns: 1fr}}#brxe-lyuigo {margin-top: 50px; margin-bottom: 100px}