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