* {box-sizing: border-box; font-family: 'Titillium Web', Arial, sans-serif; outline: none; -webkit-tap-highlight-color: transparent;}
html {font-size: 10px;}
html.zoom2 {font-size: 12px;}
html.zoom4 {font-size: 13px;}
body {margin: 0;}
#sh135-temp h1, #sh135-temp h2, #sh135-temp h3, #sh135-temp h4, #sh135-temp h5, #sh135-temp h6, #sh135-temp li, #sh135-temp p, #sh135-temp ul {margin: 0; padding: 0; font-weight: normal; line-height: 1.25;}
#sh135-temp a {text-decoration: none;}
#sh135-temp button {cursor: pointer;}
#sh135-temp ul {list-style: none;}
#sh135-temp img {width: auto; max-width: 100%; height: auto; border: none;}
#sh135-temp textarea {resize: none;}

#sh135-temp .f-12 {font-size: 1.2rem;}
#sh135-temp .f-14 {font-size: 1.4rem;}
#sh135-temp .f-16 {font-size: 1.6rem;}
#sh135-temp .f-18 {font-size: 1.8rem;}
#sh135-temp .f-20 {font-size: 2.0rem;}
#sh135-temp .f-22 {font-size: 2.2rem;}
#sh135-temp .f-24 {font-size: 2.4rem;}
#sh135-temp .f-26 {font-size: 2.6rem;}
#sh135-temp .f-28 {font-size: 2.8rem;}
#sh135-temp .f-30 {font-size: 3.0rem;}
#sh135-temp .f-32 {font-size: 3.2rem;}
#sh135-temp .f-34 {font-size: 3.4rem;}
#sh135-temp .f-36 {font-size: 3.6rem;}
#sh135-temp .f-38 {font-size: 3.8rem;}
#sh135-temp .f-40 {font-size: 4.0rem;}
#sh135-temp .f-42 {font-size: 4.2rem;}
#sh135-temp .f-48 {font-size: 4.8rem;}
#sh135-temp .f-60 {font-size: 6.0rem;}
#sh135-temp .f-68 {font-size: 6.8rem;}
#sh135-temp .f-70 {font-size: 7.0rem;}

#sh135-temp .center {text-align: center;}
#sh135-temp .uppercase {text-transform: uppercase;}
#sh135-temp .thin {font-weight: 300;}
#sh135-temp .bold {font-weight: bold;}
#sh135-temp .semibold {font-weight: 600;}
#sh135-temp .teal {color: #008285;}
#sh135-temp .green {color: #8BCB21;}
#sh135-temp .magenta {color: #E2007E;}

#sh135-temp {overflow: hidden; position: relative; display: flex; flex-direction: column; min-height: 100dvh; background: linear-gradient(180deg, #E2007A 0%, #C2036A 100%);}
#sh135-temp .container-box {width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;}

#sh135-temp .c-ripple {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
#sh135-temp .c-ripple-circle {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; opacity: 0; background: rgba(255, 255, 255, .25); border-radius: 50%;}

#sh135-temp .btn-magenta {overflow: hidden; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 300px; padding: 8px 16px; background-color: #E2007E; color: #FFF; border: 1px solid #E2007E; border-radius: 250px; transition: background-color .3s, color .3s, border-color .3s;}
.contrast #sh135-temp .btn-magenta {background-color: #000 !important; color: #FFF !important; border-color: #FFE800 !important;}
#sh135-temp .btn-magenta:hover {background-color: #AA036C; border-color: #AA036C;}
.contrast #sh135-temp .btn-magenta:hover {background-color: #FFE800 !important; color: #000 !important; border-color: #FFE800 !important;}

#sh135-temp .btn-white {overflow: hidden; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 300px; padding: 8px 16px; background-color: #FFF; color: #E2007A; border: 1px solid #E2007E; border-radius: 250px; transition: background-color .3s, color .3s, border-color .3s;}
.contrast #sh135-temp .btn-white {background-color: #000 !important; color: #FFF !important; border-color: #FFE800 !important;}
#sh135-temp .btn-white:hover {background-color: #E2007A; color: #FFF;}
.contrast #sh135-temp .btn-white:hover {background-color: #FFE800 !important; color: #000 !important; border-color: #FFE800 !important;}

#sh135-temp .tooltip-wrapper {position: relative;}
#sh135-temp .tooltip-wrapper .tooltip-box {position: absolute; top: 1px; left: 50%; z-index: 10; transform: translate(-50%, -100%); display: none; width: max-content; max-width: 400px; padding: 12px; background-color: #FFF; box-shadow: 0 0 8px rgba(0, 0, 0, 0.24); color: #000; border-radius: 16px; transition: opacity .3s;}
#sh135-temp .tooltip-wrapper .btn-tooltip {display: block; max-width: max-content; max-height: max-content; color: #000; text-decoration: none;}
#sh135-temp .tooltip-wrapper .btn-tooltip .tooltip-icon {display: block; min-width: 42px; max-width: 42px; height: auto;}
#sh135-temp .tooltip-wrapper:hover .btn-tooltip + .tooltip-box {display: block;}
#sh135-temp .tooltip-wrapper .tooltip-box ul {margin-left: 20px; list-style: disc;}
#sh135-temp .tooltip-wrapper .tooltip-box ul li::marker {color: #E2007A;}
#sh135-temp .tooltip-wrapper .tooltip-box a {color: #E2007A;}
#sh135-temp .tooltip-wrapper .tooltip-box a:hover {text-decoration: underline;}

#sh135-temp .start-tiles-grid .range-container {position: relative; display: flex; flex-direction: column; gap: 0;}
#sh135-temp .start-tiles-grid .range-wrapper {position: relative; display: flex; align-items: center; width: 100%;}
#sh135-temp .start-tiles-grid input[type='range'] {position: relative; z-index: 1; -webkit-appearance: none; width: 100%; height: 6px; background: #FCE6F2; border-radius: 3px; outline: none;}
#sh135-temp .start-tiles-grid input[type='range']::-webkit-slider-thumb {position: relative; z-index: 2; -webkit-appearance: none; width: 24px; height: 24px; background: #FFF; border: 4px solid #E2007A; border-radius: 50%; cursor: pointer;}
#sh135-temp .start-tiles-grid input[type='range']::-moz-range-thumb {position: relative; z-index: 2; width: 20px; height: 20px; background: #FFF; box-shadow: 0 0 0 2px #E2007A; border: none; border-radius: 50%; cursor: pointer;}
#sh135-temp .start-tiles-grid input[type='number']::-webkit-inner-spin-button,
#sh135-temp .start-tiles-grid input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
#sh135-temp .start-tiles-grid input[type='number'] {-moz-appearance: textfield;}
#sh135-temp .start-tiles-grid .range-label-wrapper {position: absolute; top: 0; z-index: 3; transform: translateY(10px); pointer-events: none; opacity: 0; transition: opacity .3s, transform .3s;}
#sh135-temp .start-tiles-grid .range-label-wrapper.visible {transform: translateY(0); opacity: 1;}
#sh135-temp .start-tiles-grid .range-label {position: absolute; top: -36px; transform: translateX(-50%); padding: 4px 12px; background-color: #FFF; color: #000; font-size: 1.6rem; font-weight: 600; white-space: nowrap; border-radius: 50px;}
#sh135-temp .start-tiles-grid .value-container {position: relative; display: flex; align-items: flex-end; justify-content: center; width: 100%; margin-top: 0;}
#sh135-temp .start-tiles-grid .value-input {width: 100%; margin-left: auto; padding: 10px 64px 10px 16px; background-color: #F7F7F7; color: #000; border: 1px solid #A5A6A6; border-radius: 250px;}
#sh135-temp .start-tiles-grid .value-container .input-suffix {position: absolute; top: 50%; right: 16px; transform: translateY(-50%);}

#sh135-temp .btn-start-app {width: 100%; max-width: 450px; margin-top: 32px; margin-bottom: 64px; padding: 16px 64px; background: #73DADF; box-shadow: inset 0 0 12px rgba(17, 17, 17, 0), 0 0 12px rgba(17, 17, 17, 0.24); color: #000; text-align: center; text-decoration: none; border: 2px solid #73DADF; border-radius: 250px; transition: background-color .3s, box-shadow .3s, border-color .3s;}
#sh135-temp .btn-start-app:hover {box-shadow: inset 0 2px 16px rgba(17, 17, 17, 0.3);}
#sh135-temp .btn-start-app .btn-text {text-align: center; line-height: 1.2;}
#sh135-temp .btn-start-app .btn-icon {position: absolute; top: 50%; right: 8px; transform: translateY(-50%); display: block; min-width: 42px; max-width: 42px; height: auto;}
#sh135-temp .js-ripple-effect {overflow: hidden; position: relative;}
#sh135-temp .js-ripple-effect.is-active .c-ripple-circle {animation: ripple-animation 450ms ease-in;}

#sh135-temp .decoration-img {position: absolute; z-index: 1; height: auto;}
#sh135-temp .decoration-gradient-1 {bottom: 0; right: 0; max-width: 1345px; height: 100%;}
#sh135-temp .decoration-gradient-2 {bottom: 0; left: 0; max-width: 520px;}
#sh135-temp .decoration-gradient-3 {bottom: 0; right: 0; z-index: 0; max-width: 990px;}
#sh135-temp .decoration-img-1 {top: 0; right: 0; max-width: 325px;}
#sh135-temp .decoration-img-2 {bottom: 0; left: 0; transform: translateY(140px); max-width: 350px;}
#sh135-temp .decoration-img-3 {top: 50%; left: 0; transform: translateY(-50%); max-width: 150px;}

#sh135-temp .top-bar {position: relative; z-index: 2; margin-bottom: 32px; padding-top: 16px;}
#sh135-temp .top-bar .logo-link {display: block; max-width: max-content; max-height: max-content;}
#sh135-temp .top-bar .img-logo {display: block; min-width: 128px; max-width: 128px; height: auto;}
#sh135-temp .top-bar .img-logo.mobile {display: none;}

#sh135-temp .views-wrapper {position: relative; z-index: 2; display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
#sh135-temp .views-wrapper .switch-views-box {position: relative; display: flex; flex: 1; flex-direction: column; width: 100%; max-height: 500px;}
#sh135-temp .views-wrapper .switch-views-box .view-screen-box {display: none; flex: 1; flex-direction: column; width: 100%; height: 100%;}
#sh135-temp .views-wrapper .switch-views-box .view-screen-box.active {display: flex;}
#sh135-temp .views-wrapper .switch-views-box .result-info-wrapper {margin-top: auto; margin-bottom: auto;}
#sh135-temp .views-wrapper .switch-views-box .result-info-wrapper.hidden {display: none;}

#sh135-temp .layout-loader-wrapper {position: absolute; top: 50%; left: 50%; z-index: 50; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 325px; height: auto;}
#sh135-temp .layout-loader-wrapper .loader-img {display: block; width: 100%; height: auto;}
#sh135-temp .layout-loader-wrapper .loader-content-wrapper {top: 30%; left: 25%; zoom: 0.75;}
#sh135-temp .layout-loader-wrapper .loader-content-wrapper .loader-circle {border: 6px solid rgba(226, 0, 122, 0.75);}

#sh135-temp .loader-content-wrapper {position: absolute; top: 50%; left: 50%; z-index: 50; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 150px; height: 150px;}
#sh135-temp .loader-content-wrapper .loader-circle {position: relative; width: 100px; height: 100px; border: 6px solid rgba(226, 0, 122, 0.5); border-radius: 50%;}
#sh135-temp .loader-content-wrapper .loader-dot {position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background: #FFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); border-radius: 50%;}
#sh135-temp .loader-content-wrapper .loader-animation {position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: spin-content-loader 2s linear infinite;}

#sh135-temp .views-wrapper .fixed-animated-bot {position: absolute; top: 0; right: 0; z-index: 3; transform: translate(-16px, -80%);}
#sh135-temp .views-wrapper .fixed-animated-bot .wrapper {position: relative; display: flex; align-items: center; justify-content: center; width: 330px; height: 300px;}
#sh135-temp .views-wrapper .fixed-animated-bot .ball {position: absolute; top: 50%; left: 50%; z-index: 5; transform: translate(-30%, -30%); display: flex; align-items: center; justify-content: center; width: 150px; height: 150px; border-radius: 50%;}
#sh135-temp .views-wrapper .fixed-animated-bot .ball-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 180px; height: auto;}
#sh135-temp .views-wrapper .fixed-animated-bot .eyes {position: absolute; top: 30%; left: 27%; display: flex; gap: 12px;}
#sh135-temp .views-wrapper .fixed-animated-bot .eye {width: 5px; height: 10px; background: #7F1553; border-radius: 250px; animation: blink 3s infinite;}
#sh135-temp .views-wrapper .fixed-animated-bot .eye:nth-child(2) {animation-delay: 0.1s;}
#sh135-temp .views-wrapper .fixed-animated-bot svg {width: auto; max-width: 100%; height: auto; max-height: 100%;}
#sh135-temp .views-wrapper .fixed-animated-bot .flag-img {position: absolute; bottom: 0; right: 0; z-index: 6; transform-origin: left center; display: block; width: 100%; max-width: 110px; height: auto; opacity: 0; transition: opacity .3s; animation: rippleFlag 2s ease-in-out infinite;}
#sh135-temp .views-wrapper:has(.screen-view-result.active) .fixed-animated-bot .flag-img {opacity: 1;}

#sh135-temp .views-navi-box {display: flex; flex-direction: column; align-items: center; gap: 32px; margin-bottom: 32px;}
#sh135-temp .views-navi-box .text-box {color: #FFF;}
#sh135-temp .views-navi-box .text-box .text-heading {line-height: 1.2;}
#sh135-temp .views-navi-box .text-box .text-subheading {line-height: 1.2;}
#sh135-temp .views-navi-box .navi-stages-box {display: grid; grid-template-columns: repeat(3, max-content); align-items: center; gap: 16px;}
#sh135-temp .views-navi-box .navi-stages-box .stage-progress-box {display: block; min-width: 160px; max-width: 160px; height: 6px; background: #FFF; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); border-radius: 250px; transition: background-color .3s, box-shadow .3s;}
#sh135-temp .views-navi-box .navi-stages-box .stage-progress-box.active {background: #73DADF; box-shadow: 0 2px 4px rgba(0, 0, 0, 0);}

#sh135-temp .start-tiles-grid {position: relative; z-index: 2; display: grid; flex: 1; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 24px; height: 100%;}
#sh135-temp .start-tiles-grid .single-box {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 48px; height: 100%; padding: 32px 32px 80px 32px; background-color: rgba(255, 255, 255, 0.74); backdrop-filter: blur(64px); border-radius: 40px;}
#sh135-temp .start-tiles-grid .single-box .tooltip-wrapper {position: absolute; bottom: 32px; left: 32px; z-index: 3;}
#sh135-temp .start-tiles-grid .single-box .label-box {display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 16px; margin-right: auto;}
#sh135-temp .start-tiles-grid .single-box .label-box .label-icon {display: block; min-width: 20px; max-width: 20px; height: auto;}
#sh135-temp .start-tiles-grid .single-box .label-box .label-text {line-height: 1.2;}
#sh135-temp .start-tiles-grid .single-box .content-box {position: relative; width: 100%;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box {display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; gap: 24px; width: 100%;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box.grid-col-2 {grid-template-columns: repeat(2, 1fr);}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data {display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px 16px; background-color: #F7F7F7; color: #000; text-decoration: none; border-radius: 250px; transition: background-color .3s;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data:hover {background-color: #E2007A;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data.active {background-color: #E2007A;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data .data-icon {display: block; min-width: 12px; max-width: 12px; height: auto; opacity: 0; transition: opacity .3s;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data:hover .data-icon {opacity: 1;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data.active .data-icon {opacity: 1;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data .data-text {color: #000; line-height: 1.2; transition: color .3s;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data:hover .data-text {color: #FFF;}
#sh135-temp .start-tiles-grid .single-box .content-box .grid-box .single-data.active .data-text {color: #FFF;}

#sh135-temp .question-tiles-wrapper {overflow: hidden; position: relative; display: flex; flex: 1; flex-direction: column; width: 100%; height: 100%; padding: 32px; background: rgba(255, 255, 255, 0.74); border-radius: 40px;}
#sh135-temp .question-tiles-wrapper .btn-go-back {position: absolute; top: 32px; left: 32px; z-index: 2; display: block; max-width: max-content; max-height: max-content;}
#sh135-temp .question-tiles-wrapper .btn-go-back .btn-icon {display: block; min-width: 54px; max-width: 54px; height: auto;}
#sh135-temp .question-tiles-wrapper .btn-go-back .btn-icon circle {transition: fill .3s;}
#sh135-temp .question-tiles-wrapper .btn-go-back:hover .btn-icon circle {fill: #E2007A;}
#sh135-temp .question-tiles-wrapper .btn-go-back .btn-icon path {transition: fill .3s;}
#sh135-temp .question-tiles-wrapper .btn-go-back:hover .btn-icon path {fill: #FFF;}

#sh135-temp .question-tiles-wrapper .btn-restart-app {position: absolute; top: 32px; left: 32px; z-index: 2; display: block; max-width: max-content; max-height: max-content;}
#sh135-temp .question-tiles-wrapper .btn-restart-app .btn-icon {display: block; min-width: 54px; max-width: 54px; height: auto;}
#sh135-temp .question-tiles-wrapper .btn-restart-app .btn-icon circle {transition: fill .3s;}
#sh135-temp .question-tiles-wrapper .btn-restart-app:hover .btn-icon circle {fill: #E2007A;}
#sh135-temp .question-tiles-wrapper .btn-restart-app .btn-icon path {transition: fill .3s;}
#sh135-temp .question-tiles-wrapper .btn-restart-app:hover .btn-icon path {fill: #FFF;}

#sh135-temp .question-tiles-wrapper .question-heading-box {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 0 64px; align-self: center;}
#sh135-temp .question-tiles-wrapper .question-heading-box .heading-icon-box {display: flex; align-items: center; justify-content: center; width: 100%; background: radial-gradient(50% 50% at 50% 50%, rgba(226, 0, 122, 0.2) 0%, rgba(226, 0, 122, 0) 100%);}
#sh135-temp .question-tiles-wrapper .question-heading-box .heading-icon-box .heading-icon {position: relative; z-index: 2; display: block; width: auto; min-height: 90px; max-height: 90px;}
#sh135-temp .question-tiles-wrapper .question-heading-box .heading-text {text-align: center; line-height: 1.2;}
#sh135-temp .screen-view-result .question-tiles-wrapper .question-heading-box .heading-text {max-width: 710px;}
#sh135-temp .question-tiles-wrapper .question-heading-box .tariff-proposal-box {width: 100%; max-width: 320px; padding: 14px 8px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.72) 98.86%); box-shadow: 0 0 20px rgba(5, 22, 23, 0.24); backdrop-filter: blur(20px); line-height: 1; border: 4px solid #FFF; border-radius: 8px;}

#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper {display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; justify-content: center; gap: 24px; margin-top: 32px;}
#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper.grid-col-2 {grid-template-columns: repeat(2, minmax(0, 425px));}
#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper.grid-col-3 {grid-template-columns: repeat(3, minmax(0, 425px));}
#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper .single-answer-tile {display: flex; flex-direction: column; justify-content: center; padding: 32px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.72) 98.86%); box-shadow: 0 0 20px rgba(5, 22, 23, 0.24), inset 4px 4px 8px rgba(0, 0, 0, 0.1); backdrop-filter: blur(20px); color: #000; text-decoration: none; border: 4px solid #FFF; border-radius: 24px; transition: background .3s, border-color .3s;}
#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper .single-answer-tile:hover {background-color: rgba(226, 0, 122, 0.75);}
#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper .single-answer-tile.active {background-color: rgba(226, 0, 122, 0.75);}
#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper .single-answer-tile .tile-content {display: flex; gap: 12px; margin-right: auto; align-self: center;}
#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper .single-answer-tile .tile-content .answer-icon {display: block; min-width: 20px; max-width: 20px; height: auto;}

#sh135-temp .question-tiles-wrapper .tiles-result-wrapper {display: grid; grid-template-columns: 1fr; grid-auto-rows: 1fr; justify-content: center; gap: 24px; margin-top: 48px;}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper.grid-col-2 {grid-template-columns: repeat(2, 1fr);}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper.grid-col-3 {grid-template-columns: repeat(3, 1fr);}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile {display: flex; flex-direction: column; gap: 16px; padding: 32px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.72) 98.86%); backdrop-filter: blur(20px); border: 2px solid transparent; border-radius: 24px;}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile.hidden {display: none;}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile.highlighted {border-color: #73DADF;}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box {display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 24px;}
/*#sh135-temp .screen-view-result.active:not(:has(.tiles-result-wrapper.grid-col-2)) .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box {grid-template-columns: 64px max-content; margin: 0 auto;}*/
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box .heading-icon {display: block; width: 100%; max-width: 64px; height: auto;}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box .heading-text {max-width: 400px; line-height: 1.2;}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content {display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 24px;}
/*#sh135-temp .screen-view-result.active:not(:has(.tiles-result-wrapper.grid-col-2)) .question-tiles-wrapper .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content {grid-template-columns: 1fr;}*/
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .empty-grid-box {display: block;}
/*#sh135-temp .screen-view-result.active:not(:has(.tiles-result-wrapper.grid-col-2)) .question-tiles-wrapper .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .empty-grid-box {display: none;}*/
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .single-btn {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 270px; padding: 16px 8px; background-color: #FFF; color: #000; text-align: center; text-decoration: none; border: 1px solid #000; border-radius: 250px; transition: background-color .3s, border .3s;}
/*#sh135-temp .screen-view-result.active:not(:has(.tiles-result-wrapper.grid-col-2)) .question-tiles-wrapper .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .single-btn {margin: 0 auto;}*/
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .single-btn:not(.btn-teal) .c-ripple-circle {background-color: rgba(0, 0, 0, 0.25);}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .single-btn.btn-teal {background-color: #73DADF; border-color: #73DADF;}
#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .single-btn .btn-text {color: #000; line-height: 1.2; transition: color .3s;}

#sh135-temp .fixed-animated-bot .animated-dots {position: absolute; top: 30%; right: -15%; z-index: 3; display: none; align-items: center; justify-content: center; gap: 8px; width: 85px; height: 35px; padding: 0 12px; background-color: #E2007A; border: 1px solid #FFF; border-radius: 250px;}
#sh135-temp .fixed-animated-bot .single-dot {transform: scale(0.8); width: 12px; height: 12px; opacity: 0; background-color: #FFF; border-radius: 50%; animation: dotBlink 1.5s infinite;}
#sh135-temp .fixed-animated-bot .single-dot:nth-child(1) {animation-delay: 0s;}
#sh135-temp .fixed-animated-bot .single-dot:nth-child(2) {animation-delay: 0.3s;}
#sh135-temp .fixed-animated-bot .single-dot:nth-child(3) {animation-delay: 0.6s;}

@keyframes dotBlink {
		0%, 80%, 100% {opacity: 0; transform: scale(0.8);}
		20%, 60% {opacity: 1; transform: scale(1);}
}

@keyframes spin-content-loader {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(360deg);}
}

@keyframes rippleFlag {
		0%, 100% {transform: perspective(600px) rotateX(0deg) rotateY(0deg);}
		25% {transform: perspective(600px) rotateX(5deg) rotateY(-15deg);}
		50% {transform: perspective(600px) rotateX(0deg) rotateY(0deg);}
		75% {transform: perspective(600px) rotateX(5deg) rotateY(-15deg);}
}

@keyframes blink {
		0%, 90%, 100% {height: 10px;}
		95% {height: 2px;}
}

@keyframes ripple-animation {
		0% {opacity: 0; width: 0; height: 0;}
		25% {opacity: 1;}
		50% {width: 300%; height: 300%; opacity: 1;}
		100% {opacity: 0; width: 300%; height: 300%;}
}

@media all and (max-width: 1600px) {
		html.zoom-x2 {font-size: 11px !important;}
		html.zoom-x4 {font-size: 12px !important;}

		#sh135-temp .f-18 {font-size: 1.6rem;}
		#sh135-temp .f-20 {font-size: 1.6rem;}
		#sh135-temp .f-22 {font-size: 1.8rem;}
		#sh135-temp .f-24 {font-size: 1.8rem;}
		#sh135-temp .f-26 {font-size: 2.2rem;}
		#sh135-temp .f-28 {font-size: 2.2rem;}
		#sh135-temp .f-30 {font-size: 2.4rem;}
		#sh135-temp .f-32 {font-size: 2.4rem;}
		#sh135-temp .f-34 {font-size: 2.6rem;}
		#sh135-temp .f-36 {font-size: 2.6rem;}
		#sh135-temp .f-38 {font-size: 3.0rem;}
		#sh135-temp .f-40 {font-size: 3.0rem;}
		#sh135-temp .f-42 {font-size: 3.2rem;}
		#sh135-temp .f-48 {font-size: 4.0rem;}
		#sh135-temp .f-60 {font-size: 4.8rem;}
		#sh135-temp .f-70 {font-size: 5.2rem;}

		#sh135-temp .btn-start-app {margin-top: 24px;}

		#sh135-temp .views-wrapper .fixed-animated-bot {zoom: 0.9;}

		#sh135-temp .start-tiles-grid .single-box {padding: 24px 24px 80px 24px;}
		#sh135-temp .start-tiles-grid .single-box .tooltip-wrapper {bottom: 24px; left: 24px;}

		#sh135-temp .question-tiles-wrapper {padding: 24px;}

		#sh135-temp .question-tiles-wrapper .btn-go-back {top: 24px; left: 24px;}
		#sh135-temp .question-tiles-wrapper .btn-go-back .btn-icon {min-width: 48px; max-width: 48px;}

		#sh135-temp .question-tiles-wrapper .btn-restart-app {top: 24px; left: 24px;}
		#sh135-temp .question-tiles-wrapper .btn-restart-app .btn-icon {min-width: 48px; max-width: 48px;}

		#sh135-temp .question-tiles-wrapper .question-heading-box .heading-icon-box .heading-icon {min-height: 75px; max-height: 75px;}

		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper {margin-top: 32px;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile {padding: 24px;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box {grid-template-columns: 54px 1fr;}
		#sh135-temp .switch-views-box:has(.view-screen-box[data-screen-view='10'].active):not(:has(.grid-col-2)) .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box {grid-template-columns: 54px max-content;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content {grid-template-columns: 54px 1fr;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .single-btn {max-width: 230px; padding: 12px 8px;}
}

@media all and (max-width: 1400px) {
		#sh135-temp .f-22 {font-size: 1.6rem;}
		#sh135-temp .f-24 {font-size: 1.6rem;}
		#sh135-temp .f-26 {font-size: 2.0rem;}
		#sh135-temp .f-28 {font-size: 2.0rem;}
		#sh135-temp .f-30 {font-size: 2.2rem;}
		#sh135-temp .f-32 {font-size: 2.2rem;}
		#sh135-temp .f-34 {font-size: 2.4rem;}
		#sh135-temp .f-36 {font-size: 2.4rem;}
		#sh135-temp .f-38 {font-size: 2.8rem;}
		#sh135-temp .f-40 {font-size: 2.8rem;}
		#sh135-temp .f-42 {font-size: 3.0rem;}
		#sh135-temp .f-48 {font-size: 3.4rem;}
		#sh135-temp .f-60 {font-size: 4.0rem;}
		#sh135-temp .f-70 {font-size: 4.6rem;}

		#sh135-temp .views-wrapper .fixed-animated-bot {zoom: 0.8;}

		#sh135-temp .views-navi-box .navi-stages-box .stage-progress-box {min-width: 120px; max-width: 120px;}
}

@media all and (max-width: 1200px) {
		#sh135-temp .top-bar .img-logo {display: none;}
		#sh135-temp .top-bar .img-logo.mobile {display: block;}

		#sh135-temp .views-wrapper .fixed-animated-bot {zoom: 0.7;}

		#sh135-temp .start-tiles-grid .single-box {padding: 16px 16px 80px 16px; border-radius: 24px;}
		#sh135-temp .start-tiles-grid .single-box .tooltip-wrapper {bottom: 16px; left: 16px;}

		#sh135-temp .question-tiles-wrapper {padding: 16px; border-radius: 24px;}

		#sh135-temp .question-tiles-wrapper .btn-go-back {top: 16px; left: 16px;}

		#sh135-temp .question-tiles-wrapper .btn-restart-app {top: 16px; left: 16px;}

		#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper {gap: 16px;}
		#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper .single-answer-tile {padding: 16px;}

		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper {gap: 16px;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile {padding: 16px;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box {gap: 16px;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content {gap: 16px;}
}

@media all and (max-width: 992px) {
		#sh135-temp .views-navi-box .navi-stages-box .stage-progress-box {min-width: 90px; max-width: 90px;}

		#sh135-temp .views-wrapper .fixed-animated-bot {display: none;}

		#sh135-temp .views-wrapper .switch-views-box {max-height: 400px;}

		#sh135-temp .start-tiles-grid .single-box .label-box {gap: 8px;}

		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper {margin-top: 24px;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box {grid-template-columns: 42px 1fr;}
		#sh135-temp .switch-views-box:has(.view-screen-box[data-screen-view='10'].active):not(:has(.grid-col-2)) .question-tiles-wrapper .tiles-result-wrapper .single-tile .heading-box {grid-template-columns: 42px max-content;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content {grid-template-columns: 42px 1fr;}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper .single-tile .tile-content .single-btn {max-width: 200px; padding: 8px;}
}

@media all and (max-width: 768px) {
		#sh135-temp .f-26 {font-size: 1.8rem;}
		#sh135-temp .f-28 {font-size: 1.8rem;}
		#sh135-temp .f-30 {font-size: 2.0rem;}
		#sh135-temp .f-32 {font-size: 2.0rem;}
		#sh135-temp .f-34 {font-size: 2.2rem;}
		#sh135-temp .f-36 {font-size: 2.2rem;}
		#sh135-temp .f-38 {font-size: 2.4rem;}
		#sh135-temp .f-40 {font-size: 2.4rem;}
		#sh135-temp .f-42 {font-size: 2.8rem;}
		#sh135-temp .f-48 {font-size: 2.8rem;}
		#sh135-temp .f-60 {font-size: 3.4rem;}
		#sh135-temp .f-70 {font-size: 3.8rem;}

		#sh135-temp .views-wrapper .switch-views-box {min-height: 450px; max-height: max-content;}
		#sh135-temp .views-wrapper .switch-views-box:has(.view-screen-box[data-screen-view='1'].active) {min-height: 300px;}

		#sh135-temp .tooltip-wrapper .tooltip-box {transform: translate(-8%, -100%); max-width: 290px;}

		#sh135-temp .start-tiles-grid {grid-template-columns: 1fr; grid-auto-rows: max-content;}

		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper.grid-col-2 {grid-template-columns: repeat(1, 1fr);}
		#sh135-temp .question-tiles-wrapper .tiles-result-wrapper.grid-col-3 {grid-template-columns: repeat(1, 1fr);}

		#sh135-temp .question-tiles-wrapper .btn-go-back .btn-icon {min-width: 36px; max-width: 36px;}

		#sh135-temp .question-tiles-wrapper .btn-restart-app .btn-icon {min-width: 36px; max-width: 36px;}
}

@media all and (max-width: 576px) {
		#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper.grid-col-3 {grid-template-columns: 1fr;}
		#sh135-temp .question-tiles-wrapper .tiles-answer-wrapper.grid-col-2 {grid-template-columns: 1fr;}
}

@supports not (height: 100dvh) {
		#sh135-temp {
				min-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		}
}