.test-page .grid-wrapper{display:grid;grid-template-areas:"mascot table" "mascot steps" "mascot buttons";grid-template-columns:311px auto;grid-template-rows:auto;grid-column-gap:20px;grid-row-gap:.625rem;position:relative}@media (max-width: 767.98px){.test-page .grid-wrapper{grid-template-columns:100%;grid-column-gap:0;grid-row-gap:1.25rem;grid-template-areas:"table" "steps" "buttons"}}@media (min-width: 576px) and (max-width: 991.98px){.test-page .grid-wrapper{grid-column-gap:.5rem;grid-row-gap:.625rem}}.test-page .grid-wrapper .dots{display:none;position:absolute;left:-40px;bottom:130px;z-index:-11}@media (min-width: 992px){.test-page .grid-wrapper .dots{display:block}}.test-page .grid-wrapper .dots-tablet{display:none;position:absolute;right:33px;bottom:-75px;z-index:-11}@media (min-width: 768px) and (max-width: 991.98px){.test-page .grid-wrapper .dots-tablet{display:block}}.test-page .mascot-bubble-wrapper{grid-area:mascot}@media (max-width: 767.98px){.test-page .mascot-bubble-wrapper{grid-area:none;display:none}}.test-page .mascot-bubble-wrapper p{margin:0;padding:0}.test-page .mascot-bubble-wrapper .mascot-bubble-wrapper_mascot{object-fit:contain;height:120px;margin-top:-55px;margin-left:10px}.test-page .mascot-bubble-wrapper.mascot-cashier .mascot-bubble-wrapper_mascot,.test-page .mascot-bubble-wrapper.mascot-school .mascot-bubble-wrapper_mascot,.test-page .mascot-bubble-wrapper.mascot-farmer .mascot-bubble-wrapper_mascot{margin-top:-94px;width:140px;height:170px}.test-page .mascot-bubble-wrapper.mascot-cook .mascot-bubble-wrapper_mascot{margin-top:-82px;width:162px;height:170px}.test-page .mascot-bubble-wrapper.mascot-cook .mascot-bubble-wrapper_arrow{margin-top:-95px}.test-page .mascot-bubble-wrapper.mascot-doctor .mascot-bubble-wrapper_mascot{margin-top:-82px;width:162px;height:170px;transform:scaleX(-1)}.test-page .mascot-bubble-wrapper.mascot-doctor .mascot-bubble-wrapper_arrow{margin-top:-95px;margin-left:152px}.test-page .mascot-bubble-wrapper.mascot-painter .mascot-bubble-wrapper_mascot{margin-top:-94px;width:160px;height:170px}.test-page .mascot-bubble-wrapper.mascot-tech .mascot-bubble-wrapper_mascot{margin-top:-94px;width:140px;height:170px}.test-page .mascot-bubble-wrapper .mascot-bubble-wrapper_arrow{margin-top:-83px;margin-left:140px;display:block}.test-page .mascot-bubble-wrapper .mascot-bubble-wrapper_arrow path{fill:#66beec}.test-page .mascot-bubble-wrapper .mascot-bubble-wrapper_text-wrapper{border:3px solid #CF043C;color:#222;padding:1.25rem 1.25rem 98px;border-radius:25px}.test-page .mascot-bubble-wrapper .mascot-bubble-wrapper_text-wrapper>.mascot-bubble-wrapper_text-primary{font-weight:700;font-size:2.25rem;font-style:normal;line-height:3.375rem}.test-page .table-wrapper{grid-area:table;display:flex;flex-direction:column;background-color:#cf043c;font-family:Raleway,sans-serif;font-style:normal;font-size:1.125rem;border:3px solid #CF043C;border-radius:25px;overflow:hidden;overflow:clip}@media (min-width: 576px) and (max-width: 991.98px){.test-page .table-wrapper{font-size:.875rem}}.test-page .table-column{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.125rem 1.25rem 1.25rem}.test-page .table-column:not(.table-column--index){border-left:3px solid #CF043C}@media (max-width: 767.98px){.test-page .table-column{padding:1rem 1.25rem}}@media (min-width: 768px) and (max-width: 991.98px){.test-page .table-column{padding:.125rem .5rem}}.test-page .table-column--title{align-items:flex-start;font-size:1.125rem}.test-page .table-column--variant{cursor:pointer;padding-left:.4375rem;padding-right:.4375rem}@media (min-width: 768px){.test-page .table-column--variant{padding-left:0;padding-right:0}}@media (min-width: 576px) and (max-width: 991.98px){.test-page .table-column--variant{font-size:.75rem}}.test-page .table-column--variant div{text-align:center}@media (max-width: 767.98px){.test-page .table-column--variant div{text-align:left}}.test-page .table-row{display:inline-grid;grid-template-areas:"index title a b c";grid-template-columns:62px auto repeat(3,86px);grid-template-rows:auto;grid-gap:0;width:100%}.test-page .table-row:not(:last-child){border-bottom:3px solid #CF043C}@media (min-width: 576px) and (max-width: 991.98px){.test-page .table-row{grid-template-columns:30px auto repeat(3,65px)}}.test-page .table-row--header{background-color:#cf043c;color:#fff;font-size:.875rem;font-weight:700}@media (max-width: 767.98px){.test-page .table-row--header{display:block}}.test-page .table-row--header .table-column{border-color:#fff}.test-page .table-row--header .table-column:not(.table-column--index){border-left:3px solid white}@media (max-width: 767.98px){.test-page .table-row--header .table-column:not(.table-column--index){border:none}}@media (max-width: 767.98px){.test-page .table-row--header .table-column--index{display:none}}@media (max-width: 767.98px){.test-page .table-row--header .table-column--variant{display:none}}.test-page .table-row--regular{background:#fff;color:#222}.test-page .table-row--regular:nth-child(odd){background:#eee}.test-page .table-row--regular.error{color:#80ba27}@media (max-width: 767.98px){.test-page .table-row--regular{grid-template-areas:"index title title title" "index a b c";grid-template-rows:auto;grid-template-columns:20px repeat(3,1fr)}}@media (max-width: 767.98px){.test-page .table-row--regular .table-column{padding:.8125rem .4375rem}}@media (max-width: 767.98px){.test-page .table-row--regular .table-column--index{padding:0;grid-area:index}}@media (max-width: 767.98px){.test-page .table-row--regular .table-column--title{grid-area:title;border-bottom:3px solid #CF043C}}@media (max-width: 767.98px){.test-page .table-row--regular .table-column--variant:nth-child(0){grid-area:a}.test-page .table-row--regular .table-column--variant:nth-child(1){grid-area:b}.test-page .table-row--regular .table-column--variant:nth-child(2){grid-area:c}}.test-page .steps-wrapper{color:#cf043c;font-family:Raleway,sans-serif;font-weight:700;font-style:normal;font-size:1.5rem;grid-area:steps;width:100%;display:flex;flex-direction:column}@media (max-width: 991.98px){.test-page .steps-wrapper{font-size:1.125rem}}.test-page .steps-row{display:flex;flex-direction:row;justify-content:space-between}.test-page .step-indicator{text-align:left}.test-page .step-description{text-align:right}.test-page .step-description.step-description--error{color:#80ba27}.test-page .step-seekbar{width:100%;display:flex;flex-direction:row;padding-top:10px}.test-page .step-seekbar .step-seekbar__step{flex:1;position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.test-page .step-seekbar .step-seekbar__step:first-child .step-seekbar__step--stripe{border-top-left-radius:6px;border-bottom-left-radius:6px}.test-page .step-seekbar .step-seekbar__step.active .step-seekbar__step--stripe{background-color:#cf043c}.test-page .step-seekbar .step-seekbar__step--stripe{z-index:-1;position:absolute;width:100%;height:12px;background-color:#c4c4c4}@media (max-width: 767.98px){.test-page .step-seekbar .step-seekbar__step--stripe{height:6px}}@media (min-width: 576px) and (max-width: 991.98px){.test-page .step-seekbar .step-seekbar__step--stripe{height:7px}}.test-page .step-seekbar .step-seekbar__step--number{background-color:#cf043c;width:30px;height:30px;border:3px solid #FFFFFF;border-radius:50%;font-family:Raleway,sans-serif;font-weight:700;line-height:30px;font-style:normal;color:#fff;display:flex;align-items:center;justify-content:center}@media (max-width: 767.98px){.test-page .step-seekbar .step-seekbar__step--number{border-width:2px;width:14px;height:14px;line-height:14px}.test-page .step-seekbar .step-seekbar__step--number>div{display:none}}@media (min-width: 576px) and (max-width: 991.98px){.test-page .step-seekbar .step-seekbar__step--number{border-width:2px;font-size:.875rem;width:18px;height:18px;line-height:18px}}.test-page .button-wrapper{overflow:hidden;overflow:clip;grid-area:buttons;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding-top:1.25rem}@media (max-width: 360px){.test-page .button-wrapper{flex-direction:column;justify-content:stretch;align-items:stretch}.test-page .button-wrapper>a,.test-page .button-wrapper>button,.test-page .button-wrapper>form{flex:1}.test-page .button-wrapper>form>button{width:100%}}@media (min-width: 360.02px) and (max-width: 767.98px){.test-page .button-wrapper{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width: 768px) and (max-width: 991.98px){.test-page .button-wrapper{align-items:center}}.test-page .button-wrapper button,.test-page .button-wrapper a.button{display:block;margin-left:1.25rem;padding-left:1.75rem;padding-right:1.75rem}@media (max-width: 767.98px){.test-page .button-wrapper button,.test-page .button-wrapper a.button{width:auto;margin:1.25rem 0}}@media (min-width: 768px) and (max-width: 991.98px){.test-page .button-wrapper button,.test-page .button-wrapper a.button{display:block;margin:0 0 1.25rem}.test-page .button-wrapper button:not(:last-child),.test-page .button-wrapper a.button:not(:last-child){margin-right:20px}}