* {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;} .contrast #sh135-temp input {background-color: transparent !important; border-color: transparent;} #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 *::-webkit-scrollbar {width: 8px;} #sh135-temp *::-webkit-scrollbar-track {background-color: transparent;} #sh135-temp *::-webkit-scrollbar-thumb {background-color: #C1C1C1; border-radius: 25px;} #sh135-temp *::-webkit-scrollbar-thumb:hover {background-color: #E2007A;} #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 .semibold {font-weight: 600;} #sh135-temp .bold {font-weight: 700;} #sh135-temp .teal {color: #008285;} #sh135-temp .green {color: #8BCB21;} #sh135-temp .magenta {color: #E2007E;} #sh135-temp .navy {color: #306EE8;} #sh135-temp {position: relative;} #sh135-temp .container-box {width: 100%; max-width: 1430px; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;} #sh135-temp .tooltip-wrapper {position: relative; color: #000; text-decoration: none; cursor: pointer;} #sh135-temp .tooltip-wrapper .tooltip-icon {display: block; min-width: 16px; max-width: 16px; height: auto; margin-top: 1px; fill: none;} #sh135-temp .tooltip-wrapper .tooltip-icon path {transition: stoke .3s, fill .3s;} #sh135-temp .tooltip-wrapper:hover .tooltip-icon path {fill: #FFF;} #sh135-temp .tooltip-wrapper .tooltip-icon circle {transition: stoke .3s, fill .3s;} #sh135-temp .tooltip-wrapper:hover .tooltip-icon circle {fill: #306EE8; stroke: #306EE8;} #sh135-temp .tooltip-wrapper .tooltip-box {position: absolute; top: -4px; left: 50%; transform: translate(-50%, -100%); display: none; width: max-content; max-width: 325px; height: auto; padding: 4px; background-color: #FFF; line-height: 1.2; border: 1px solid #306EE8; border-radius: 8px;} #sh135-temp .tooltip-wrapper:hover .tooltip-box {display: block;} #sh135-temp .tauron-btn {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 250px; height: auto; padding: 10px 4px; background-color: transparent; color: #000; text-align: center; text-decoration: none; border-radius: 4px; transition: background .3s, color .3s, border .3s;} #sh135-temp .tauron-btn.bg-white {background-color: #FFF; color: #E2007A; border: 1px solid #E2007A;} #sh135-temp .tauron-btn.bg-white:hover {background-color: #E2007A; color: #FFF;} #sh135-temp .tauron-btn.bg-black {background-color: #000; color: #FFF; border-color: #000;} #sh135-temp .tauron-btn.bg-black:hover {background-color: #FFF; color: #000;} #sh135-temp .tauron-btn.bg-magenta {background-color: #E2007A; color: #FFF; border-color: #E2007A;} #sh135-temp .tauron-btn.bg-magenta:hover {background-color: #AA036C; border-color: #AA036C;} #sh135-temp .lists-container {display: flex; flex-direction: column; gap: 48px;} #sh135-temp .lists-container .group-list {display: flex; flex-direction: column; gap: 16px; padding-left: 24px; list-style: square;} #sh135-temp .lists-container .group-list li::before {display: none !important;} #sh135-temp .lists-container .group-list li::after {display: none !important;} #sh135-temp .validation-info {position: absolute; bottom: -4px; left: 0; transform: translate(0, 100%); display: block; opacity: 0; color: #F00 !important; font-size: 14px; transition: opacity .3s;} #sh135-temp .validation-error .validation-info {opacity: 1;} #sh135-temp .hidden-other-input {visibility: hidden; height: 0;} #sh135-temp *:has(input[data-input-other='true']:checked) ~ .hidden-other-input {visibility: visible; height: auto;} #sh135-temp .form-group {box-sizing: border-box; position: relative; display: flex; flex-direction: column; gap: 12px; width: 100%;} #sh135-temp .inner-form-group {box-sizing: border-box; position: relative; display: grid; flex-direction: column; gap: 12px; width: 100%;} #sh135-temp .form-group-split {box-sizing: border-box; position: relative; display: flex; flex-direction: row; align-items: center; gap: 16px;} #sh135-temp .form-group-split .inner-form-group {display: flex; flex-basis: calc(50% - 16px); flex-direction: column; gap: 8px;} #sh135-temp .form-group .input-label-box {position: relative; display: flex; align-items: center; gap: 8px;} #sh135-temp .form-group .input-label .label-text {color: #000; line-height: 1; } #sh135-temp .form-group.input-required .label-text::after {content: '*'; color: #E2007A;} #sh135-temp .form-group:has(.tooltip-wrapper:hover) {z-index: 10;} .zoom-x2 .label-text {font-size: 16px !important;} .zoom-x4 .label-text {font-size: 16px !important;} #sh135-temp .input-box {position: relative;} #sh135-temp .input-box .single-input {box-sizing: border-box; display: flex; width: 100%; padding: 12px 16px; background-color: #FFF; border: 1px solid #959595; border-radius: 4px; transition: border-color .3s;} #sh135-temp .input-box .single-input:focus {border-color: #306EE8;} #sh135-temp .input-box.with-suffix .single-input {padding-right: 45px;} #sh135-temp .input-box.with-suffix .input-icon {position: absolute; top: 50%; right: 8px; transform: translate(0, -50%); display: block; min-width: 24px; max-width: 24px; height: auto;} #sh135-temp .input-box.with-suffix .input-suffix-text {position: absolute; top: 50%; right: 8px; transform: translate(0, -50%); display: block; color: #757575; font-size: 16px; font-weight: 400; line-height: 1;} #sh135-temp .ts-control {padding: 12px 16px; padding-right: 32px !important; background: #FFF; box-shadow: none; color: #000; font-size: inherit; border: 1px solid #959595; border-radius: 4px;} #sh135-temp .ts-control > * {color: #000; font-size: inherit;} #sh135-temp .ts-dropdown {margin: 0; background: #FFF; box-shadow: none; color: #000; font-size: inherit; border-color: #959595;} #sh135-temp .ts-dropdown .option {position: relative; padding: 8px 16px;} #sh135-temp .ts-dropdown .active {background-color: rgba(48, 110, 232, 0.1); color: #000;} #sh135-temp .ts-dropdown .selected {background-color: rgba(48, 110, 232, 0.1); color: #000;} #sh135-temp .ts-dropdown .selected::after {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'12\' viewBox=\'0 0 16 12\' fill=\'none\'%3E%3Cpath d=\'M14.6663 1L5.49967 10.1667L1.33301 6\' stroke=\'%23306EE8\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/svg%3E'); position: absolute; top: calc(50% + 1px); right: 8px; z-index: 2; transform: translateY(-50%);} #sh135-temp .plugin-dropdown_input .dropdown-input-wrap {position: relative;} #sh135-temp .plugin-dropdown_input .dropdown-input-wrap::after {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' fill=\'none\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M6 2.00003C4.93913 2.00003 3.92172 2.42146 3.17157 3.17161C2.42143 3.92175 2 4.93917 2 6.00003C2 7.0609 2.42143 8.07832 3.17157 8.82846C3.92172 9.57861 4.93913 10 6 10C7.06087 10 8.07828 9.57861 8.82843 8.82846C9.57857 8.07832 10 7.0609 10 6.00003C10 4.93917 9.57857 3.92175 8.82843 3.17161C8.07828 2.42146 7.06087 2.00003 6 2.00003ZM1.13461e-07 6.00003C-0.00012039 5.05574 0.222642 4.12475 0.650171 3.28278C1.0777 2.4408 1.69792 1.71163 2.4604 1.15456C3.22287 0.597487 4.10606 0.228246 5.03815 0.0768669C5.97023 -0.0745122 6.92488 -0.00375491 7.82446 0.283384C8.72404 0.570523 9.54315 1.06594 10.2152 1.72933C10.8872 2.39272 11.3931 3.20537 11.6919 4.10117C11.9906 4.99697 12.0737 5.95063 11.9343 6.88459C11.795 7.81855 11.4372 8.70643 10.89 9.47603L15.707 14.293C15.8892 14.4816 15.99 14.7342 15.9877 14.9964C15.9854 15.2586 15.8802 15.5094 15.6948 15.6949C15.5094 15.8803 15.2586 15.9854 14.9964 15.9877C14.7342 15.99 14.4816 15.8892 14.293 15.707L9.477 10.891C8.57936 11.5293 7.52335 11.9082 6.42468 11.9862C5.326 12.0641 4.22707 11.8381 3.2483 11.333C2.26953 10.8279 1.44869 10.0631 0.875723 9.12239C0.30276 8.18171 -0.000214051 7.10147 1.13461e-07 6.00003Z\' fill=\'%23A5A6A6\'/%3E%3C/svg%3E'); position: absolute; top: calc(50% + 1px); right: 8px; z-index: 2; transform: translateY(-50%);} #sh135-temp .input-box:has(.single-input.single-datepicker)::after {content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'16\' height=\'16\' viewBox=\'0 0 16 16\' fill=\'none\'%3E%3Cpath d=\'M11.3333 6.69267C8.76067 6.69267 6.66667 8.786 6.66667 11.3593C6.66667 13.918 8.76067 16 11.3333 16C13.906 16 16 13.9067 16 11.3333C16 8.77467 13.906 6.69267 11.3333 6.69267ZM11.3333 14.6667C9.49533 14.6667 8 13.1827 8 11.3593C8 9.52133 9.49533 8.026 11.3333 8.026C13.1713 8.026 14.6667 9.51 14.6667 11.3333C14.6667 13.1713 13.1713 14.6667 11.3333 14.6667ZM12.4713 11.5287C12.732 11.7893 12.732 12.2107 12.4713 12.4713C12.3413 12.6013 12.1707 12.6667 12 12.6667C11.8293 12.6667 11.6587 12.6013 11.5287 12.4713L10.862 11.8047C10.7367 11.6793 10.6667 11.51 10.6667 11.3333V10C10.6667 9.632 10.9647 9.33333 11.3333 9.33333C11.702 9.33333 12 9.632 12 10V11.0573L12.4713 11.5287ZM16 4.66667V6C16 6.368 15.702 6.66667 15.3333 6.66667C14.9647 6.66667 14.6667 6.368 14.6667 6V4.66667C14.6667 3.564 13.7693 2.66667 12.6667 2.66667H3.33333C2.23067 2.66667 1.33333 3.564 1.33333 4.66667V5.33333H7.33333C7.70133 5.33333 8 5.632 8 6C8 6.368 7.70133 6.66667 7.33333 6.66667H1.33333V12.6667C1.33333 13.7693 2.23067 14.6667 3.33333 14.6667H6C6.368 14.6667 6.66667 14.9653 6.66667 15.3333C6.66667 15.7013 6.368 16 6 16H3.33333C1.49533 16 0 14.5047 0 12.6667V4.66667C0 2.82867 1.49533 1.33333 3.33333 1.33333H4V0.666667C4 0.298667 4.29867 0 4.66667 0C5.03467 0 5.33333 0.298667 5.33333 0.666667V1.33333H10.6667V0.666667C10.6667 0.298667 10.9647 0 11.3333 0C11.702 0 12 0.298667 12 0.666667V1.33333H12.6667C14.5047 1.33333 16 2.82867 16 4.66667Z\' fill=\'%23757575\'/%3E%3C/svg%3E'); position: absolute; top: calc(50% + 1px); right: 8px; z-index: 2; transform: translateY(-50%);} #sh135-temp .datepicker-dropdown {width: 100%; max-width: 265px;} #sh135-temp .datepicker-view {width: 100%;} #sh135-temp .custom-radio-wrapper {display: flex; align-items: center; gap: 8px;} #sh135-temp .custom-radio-input {-moz-appearance: none; -webkit-appearance: none; appearance: none;} #sh135-temp .datepicker-cell.focused:not(.selected) {background: rgba(48, 110, 232, 0.1); border-radius: 50%;} #sh135-temp .datepicker-cell:not(.disabled):hover {background: rgba(48, 110, 232, 0.1); color: #000 !important; border-radius: 50%;} #sh135-temp .datepicker-header .datepicker-controls {background: #FFF; border: 1px solid #306EE8; border-radius: 8px;} #sh135-temp .datepicker-picker {background: transparent;} #sh135-temp .datepicker-dropdown .datepicker-picker {box-shadow: none;} #sh135-temp .datepicker-main {margin-top: 8px; background: #FFF; border: 1px solid #306EE8; border-radius: 8px;} #sh135-temp .datepicker span {border-radius: 50%;} #sh135-temp .custom-radio-holder {position: relative; display: flex; align-items: center; justify-content: center; min-width: 24px; max-width: 24px; min-height: 24px; max-height: 24px; background-color: #FFF; border: 1px solid #808080; border-radius: 50%; transition: background-color .3s, border-color .3s;} #sh135-temp .custom-radio-holder:has(svg) {min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; background-color: rgba(165, 166, 166, 0.2); border: 1px solid rgba(165, 166, 166, 0.2);} #sh135-temp .custom-radio-holder:has(svg):has(.custom-radio-input:checked) {background-color: #306EE8 !important; border-color: #306EE8 !important;} #sh135-temp .custom-radio-holder .custom-radio-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; min-width: 8px; max-width: 8px; min-height: 8px; max-height: 8px; opacity: 0; background-color: #E2007A; fill: none; border-radius: 50%; transition: opacity .3s;} .contrast #sh135-temp .custom-radio-holder .custom-radio-icon {background-color: #FFE800 !important;} #sh135-temp .custom-radio-holder:has(.custom-radio-input:checked) .custom-radio-icon {opacity: 1;} #sh135-temp .custom-radio-holder:has(svg) .custom-radio-icon {min-width: 7px; max-width: 7px; min-height: auto; height: auto; max-height: 100%; background-color: transparent; border-radius: 0;} .contrast #sh135-temp .custom-radio-holder:has(svg) .custom-radio-icon {background-color: transparent !important;} #sh135-temp .input-tile-box {display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding: 6px 16px; background-color: rgba(237, 237, 237, 0.5); color: #000; border: 1px solid rgba(165, 166, 166, 1); border-radius: 8px; cursor: pointer; transition: background .3s, color .3s, border-color .3s;} #sh135-temp .input-tile-box:hover {background-color: rgba(48, 110, 232, 0.1); color: #306EE8; border-color: #306EE8;} #sh135-temp .input-tile-box:has(.custom-radio-input:checked) {pointer-events: none; touch-action: none; background-color: rgba(48, 110, 232, 0.1); color: #306EE8; border-color: #306EE8;} #sh135-temp .input-tile-box .tile-name {line-height: 1.2;} #sh135-temp .input-tile-box:has(.custom-radio-input:checked) .tile-name {font-weight: 600;} #sh135-temp .small-tiles-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); align-items: center; gap: 16px;} #sh135-temp .small-tiles-grid:not(:has(:nth-child(3))) {grid-template-columns: repeat(auto-fit, minmax(60px, 180px));} #sh135-temp .small-tiles-grid.with-max-width {grid-template-columns: repeat(auto-fit, minmax(100px, max-content));} #sh135-temp .small-tiles-grid .custom-radio-holder {min-width: 0; max-width: 0; min-height: 0; max-height: 0; background-color: transparent; border: none;} #sh135-temp .small-tiles-grid .input-tile-box {justify-content: center; gap: 0; text-align: center;} #sh135-temp .split-tiles-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); align-items: center; gap: 0;} #sh135-temp .split-tiles-grid.with-max-width {grid-template-columns: repeat(auto-fit, minmax(100px, max-content));} #sh135-temp .split-tiles-grid .custom-radio-holder {min-width: 0; max-width: 0; min-height: 0; max-height: 0; background-color: transparent; border: none;} #sh135-temp .split-tiles-grid .input-tile-box {justify-content: center; gap: 4px; height: 100%; padding: 12px 16px; text-align: center; border-radius: 0;} #sh135-temp .split-tiles-grid .input-tile-box:first-child {border-radius: 8px 0 0 8px;} #sh135-temp .split-tiles-grid .input-tile-box:last-child {border-radius: 0 8px 8px 0;} #sh135-temp .split-tiles-grid .input-tile-box:only-child {border-radius: 8px;} #sh135-temp .split-tiles-grid .input-tile-box .tile-icon {display: block; width: auto; min-height: 24px; max-height: 24px;} #sh135-temp .split-tiles-grid .input-tile-box .tile-icon path {transition: fill .3s;} #sh135-temp .split-tiles-grid .input-tile-box:hover .tile-icon path {fill: #306EE8;} #sh135-temp .split-tiles-grid .input-tile-box:has(.custom-radio-input:checked) .tile-icon path {fill: #306EE8;} #sh135-temp .big-tiles-grid {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 24px;} #sh135-temp .big-tiles-grid .input-tile-box {padding: 24px;} #sh135-temp .big-tiles-grid .input-tile-box .tile-icon-box {display: flex; align-items: center; justify-content: center; min-width: 58px; max-width: 58px; min-height: 48px; max-height: 48px; background-color: #EBEBEB; border-radius: 8px; transition: background-color .3s;} #sh135-temp .big-tiles-grid .input-tile-box:hover .tile-icon-box {background-color: rgba(48, 110, 232, 0.2);} #sh135-temp .big-tiles-grid .input-tile-box:has(.custom-radio-input:checked) .tile-icon-box {background-color: rgba(48, 110, 232, 0.2);} #sh135-temp .big-tiles-grid .input-tile-box .tile-icon-box .tile-icon {display: block; width: auto; min-height: 24px; max-height: 24px;} #sh135-temp .big-tiles-grid .input-tile-box .tile-icon-box .tile-icon path {transition: fill .3s;} #sh135-temp .big-tiles-grid .input-tile-box:hover .tile-icon-box .tile-icon path {fill: #306EE8;} #sh135-temp .big-tiles-grid .input-tile-box:has(.custom-radio-input:checked) .tile-icon-box .tile-icon path {fill: #306EE8;} #sh135-temp .simple-radio-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;} #sh135-temp .simple-radio-grid .custom-radio-wrapper {max-width: max-content; max-height: max-content; cursor: pointer;} #sh135-temp .inputs-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;} #sh135-temp .range-slider-container {position: relative; width: 100%; max-width: 400px; margin: 0 auto;} #sh135-temp .range-slider-container .range-slider-wrapper {position: relative; display: flex; align-items: center; height: 40px;} #sh135-temp .range-slider-container .range-slider-track {position: relative; width: 95%; height: 6px; margin: 0 auto; background: #EDEDED; border-radius: 3px; cursor: pointer;} .contrast #sh135-temp .range-slider-container .range-slider-track {background-color: #FFF !important;} #sh135-temp .range-slider-container .range-slider-stages {position: absolute; top: 0; left: 0; right: 0; pointer-events: none; height: 6px; background-color: transparent !important;} #sh135-temp .range-slider-container .range-slider-stage {position: absolute; top: 50%; z-index: 1; transform: translate(-50%, -50%); width: 6px; height: 6px; background: #A5A6A6; box-shadow: 0 0 4px rgba(48, 110, 232, 0.4); border-radius: 50%;} .contrast #sh135-temp .range-slider-container .range-slider-stage {background-color: #FFE800 !important;} #sh135-temp .range-slider-container .range-slider-stage.stage-1 {left: 0;} #sh135-temp .range-slider-container .range-slider-stage.stage-2 {left: 50%;} #sh135-temp .range-slider-container .range-slider-stage.stage-3 {left: 100%;} #sh135-temp .range-slider-container .range-slider-thumb {position: absolute; top: 50%; z-index: 8; transform: translate(-50%, -50%); width: 20px; height: 20px; background: #306EE8; box-shadow: 0 0 4px rgba(48, 110, 232, 0.4); border: 3px solid #FFF; border-radius: 50%; cursor: grab; transition: transform .3s, left .3s cubic-bezier(0.4, 0, 0.3, 1);} .contrast #sh135-temp .range-slider-container .range-slider-thumb {background-color: #FFE800 !important;} #sh135-temp .range-slider-container .range-slider-thumb:hover {transform: translate(-50%, -50%) scale(1.1);} #sh135-temp .range-slider-container .range-slider-thumb:active {transform: translate(-50%, -50%) scale(0.95); cursor: grabbing;} #sh135-temp .range-slider-container .range-slider-thumb.dragging {transition: transform .3s;} #sh135-temp .range-slider-container .range-slider-input {position: absolute; pointer-events: none; opacity: 0;} #sh135-temp .range-slider-container .range-slider-labels {position: relative; display: flex; justify-content: space-between;} #sh135-temp .range-slider-container .range-slider-label {display: flex; flex-direction: column; width: 33.33%; cursor: pointer;} #sh135-temp .range-slider-container .range-slider-label:first-child {text-align: left;} #sh135-temp .range-slider-container .range-slider-label:nth-child(2) {text-align: center;} #sh135-temp .range-slider-container .range-slider-label:last-child {text-align: right;} #sh135-temp .range-slider-container .range-slider-label-title {margin-bottom: 4px; color: #000; font-size: 1.6rem; transition: color .3s;} #sh135-temp .range-slider-container .range-slider-label-subtitle {color: #757575; font-size: 1.2rem;} #sh135-temp .range-slider-container .range-slider-label.active .range-slider-label-title {color: #306EE8; font-weight: 600;} #sh135-temp .section-form-expansion {padding-top: 48px; padding-bottom: 48px;} #sh135-temp .section-form-expansion.hidden {display: none !important;} #sh135-temp .section-form-expansion .form-heading-text {margin-bottom: 48px; line-height: 1;} .contrast #sh135-temp .section-form-expansion .form-content {border: 1px solid #FFF;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box {position: absolute; bottom: 0; left: 0; right: 0; padding: 24px 40px; background-color: #FCFCFC; box-shadow: 0 2px 15px rgba(33, 33, 33, 0.1);} #sh135-temp .section-form-expansion .form-content .answer-section {display: flex; flex-direction: column; gap: 24px; width: 100%; padding-bottom: 32px; border-bottom: 1px solid rgba(0, 130, 133, 0.2);} #sh135-temp .section-form-expansion .form-content .answer-section:last-child {padding-bottom: 0; border-bottom: 0;} .contrast #sh135-temp .section-form-expansion .form-content .answer-section {border-color: #FFF;} #sh135-temp .section-form-expansion .form-wrapper {position: relative; display: grid; grid-template-columns: 450px 1fr; gap: 24px;} #sh135-temp .section-form-expansion .form-info-wrapper {display: flex; flex-direction: column; gap: 24px;} #sh135-temp .section-form-expansion .form-info-wrapper .heading-box {display: flex; align-items: center; gap: 32px;} #sh135-temp .section-form-expansion .form-info-wrapper .heading-box .heading-icon {display: block; min-width: 64px; max-width: 64px; height: auto;} #sh135-temp .section-form-expansion .form-navi-box {position: sticky; top: 100px; left: 0; display: flex; flex-direction: column; gap: 32px; height: max-content; padding: 40px; background-color: #306EE8; box-shadow: 0 0 20px rgba(5, 22, 23, 0.24); color: #FFF;} .contrast #sh135-temp .section-form-expansion .form-navi-box { border: 1px solid #FFF;} #sh135-temp .section-form-expansion .form-navi-box .navi-decoration-img {position: absolute; bottom: 0; right: 0; z-index: 1; display: block; width: 148px; max-width: 40%; height: auto; fill: none;} .contrast #sh135-temp .section-form-expansion .form-navi-box .navi-decoration-img {display: none;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper {position: relative; z-index: 2; display: grid; grid-template-columns: 1fr max-content; grid-auto-rows: max-content; align-items: center; gap: 16px;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .steps-label {line-height: 1;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points {display: flex; align-items: center; gap: 16px;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point {display: flex; align-items: center; justify-content: center; min-width: 16px; max-width: 16px; min-height: 16px; max-height: 16px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%;} .contrast #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point {background-color: #FFF !important;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point.current-step {min-width: 32px; max-width: 32px; min-height: 32px; max-height: 32px; background-color: #FFF;} .contrast #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point.current-step {background-color: #FFE800 !important;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point .point-number {display: none; width: auto; min-height: 12px; max-height: 12px;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point.current-step .point-number {display: block;} .contrast #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point.current-step .point-number {background-color: transparent !important;} .contrast #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point.current-step .point-number path {fill: #000 !important;} #sh135-temp .section-form-expansion .form-navi-box .summary-box {display: flex; flex-direction: column; gap: 8px;} #sh135-temp .section-form-expansion .form-navi-box .summary-box .summary-label {margin-bottom: 12px;} #sh135-temp .section-form-expansion .form-navi-box .summary-info-box {display: flex; justify-content: space-between; gap: 16px; padding: 12px 16px; background-color: rgba(255, 255, 255, 0.2); border-radius: 8px;} #sh135-temp .section-form-expansion .form-navi-box .summary-list {display: flex; flex-direction: column; gap: 16px; margin-top: 8px;} #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item {display: flex; align-items: center; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item:last-child {padding-bottom: 0; border-bottom: 0;} #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item .item-icon {display: block; min-width: 40px; max-width: 40px; height: auto;} .contrast #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item .item-icon circle {fill: #FFE800 !important;} #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item .item-info {display: grid; grid-template-columns: 140px 1fr; align-items: center; gap: 8px;} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box {display: flex; flex-direction: column; gap: 8px; margin-top: 12px; padding: 12px; background-color: rgba(255, 255, 255, 0.4); border: 2px solid #FFF; border-radius: 8px;} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .top-box {display: flex; justify-content: space-between; gap: 16px;} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .top-box .box-text {display: flex; flex-direction: column;} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .top-box .top-icon {display: block; min-width: 48px; max-width: 48px; height: auto;} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .bottom-box {display: flex; align-items: center; justify-content: space-between; gap: 16px;} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .bottom-box .box-price {} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .bottom-box .percent-info {display: flex; align-items: flex-end; justify-content: center; padding: 4px 8px; background-color: #306EE8; color: #FFF; text-align: center; border-radius: 8px;} .contrast #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .bottom-box .percent-info {background-color: #FFE800 !important; color: #000 !important;} #sh135-temp .section-form-expansion .form-content {display: flex; flex-direction: column; gap: 32px; padding: 40px; box-shadow: 0 0 20px rgba(5, 22, 23, 0.24);} #sh135-temp .section-form-expansion .form-content:not(.content-documents) {position: relative; padding-bottom: 140px;} #sh135-temp .section-form-expansion .form-content.hidden {display: none !important;} #sh135-temp .section-form-expansion .form-content .important-info-box {display: grid; grid-template-columns: max-content 1fr; align-items: flex-start; gap: 32px; padding: 16px; background-color: #F7E2EE; border: 1px solid #E2007A; border-radius: 16px;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-icon {display: block; min-width: 48px; max-width: 48px; height: auto; filter: drop-shadow(0 0 8px rgba(226, 0, 122, 0.4)); fill: none;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content {display: flex; flex-direction: column; gap: 8px;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .info-label {color: #000; line-height: 1;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .info-list {display: flex; flex-direction: column; gap: 4px; padding-left: 0; list-style: none;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .info-list .list-item {position: relative; line-height: 1.2;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .info-list .list-item::before {content: ''; position: absolute; top: 4px; left: -16px; display: block; width: 7px; height: 7px; background-color: #E2007A; border-radius: 50%;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .additional-info {max-width: 600px; margin-top: 8px; color: #474747; font-style: italic; line-height: 1.2;} .zoom-x2 #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .additional-info {max-width: 100%;} .zoom-x4 #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .additional-info {max-width: 100%;} #sh135-temp .single-popup {position: fixed; top: 50%; left: 50%; z-index: 99999; transform: translate(-50%, -50%); display: none; flex-direction: column; width: 100%; max-width: 800px; height: 100%; max-height: 630px; margin: 0; padding: 0; background-color: #FFF; box-shadow: 0 0 4px rgba(48, 110, 232, 0.4); border: none; border-radius: 8px;} #sh135-temp .single-popup .popup-content {position: relative; flex: 1; padding: 24px;} #sh135-temp .single-popup .popup-content .btn-close-popup {position: absolute; top: 24px; right: 24px; display: block; min-width: 14px; max-width: 14px; height: auto;} #sh135-temp .single-popup .popup-content .popup-decoration-img {position: absolute; top: 0; right: 0; display: block; width: auto; max-width: 30%; height: auto; max-height: 50%;} #sh135-temp .single-popup .popup-content .information-group .group-heading-box {display: flex; align-items: center; gap: 12px; margin-bottom: 24px;} #sh135-temp .single-popup .popup-content .information-group .group-heading-box .group-icon {display: block; min-width: 30px; max-width: 30px;} #sh135-temp .section-form-expansion .form-content .zone-info-box {display: flex; align-items: center;} #sh135-temp .section-form-expansion .form-content .zone-info-box .zone-info-content {position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; min-height: 40px; height: 100%; padding: 8px; padding-right: 54px; border: 1px solid #EDEDED; border-right: 0; border-radius: 8px;} #sh135-temp .section-form-expansion .form-content .zone-info-box .zone-info-content .zones {display: flex; flex-wrap: wrap; align-items: center; gap: 16px;} #sh135-temp .section-form-expansion .form-content .zone-info-box .zone-info-content .value-label {color: #757575;} #sh135-temp .section-form-expansion .form-content .zone-info-box .btn-edit-zone-values {position: absolute; top: 0; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; height: 100%; padding: 8px; border: 1px solid #E2007A; border-radius: 0 8px 8px 0;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box {display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: auto;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .btn-go-back {display: block; max-width: max-content;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .btn-go-back .btn-icon {display: block; min-width: 54px; max-width: 54px; height: auto;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .btn-go-back .btn-icon path {transition: fill .3s, stroke .3s;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .btn-go-back:hover .btn-icon path[stroke] {stroke: #FFF;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .btn-go-back .btn-icon rect {transition: fill .3s, stroke .3s;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .btn-go-back:hover .btn-icon rect[fill] {fill: #E2007A;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .btn-go-back:hover .btn-icon rect[stroke] {stroke: #E2007A;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .tauron-btn {max-width: 400px;} .contrast #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .tauron-btn {color: #FFE800 !important; border: 1px solid #FFE800 !important;} .contrast #sh135-temp .section-form-expansion .form-content .bottom-buttons-box .tauron-btn:hover {background-color: #FFE800 !important; color: #000 !important;} #sh135-temp .section-form-expansion .form-content .offer-info-box {display: grid; grid-template-columns: 0.65fr 1fr 0.5fr; align-items: center; gap: 48px;} #sh135-temp .section-form-expansion .form-content .offer-info-box .choosen-tariff {display: flex; align-items: center;} #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box {display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 8px;} #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid {display: grid; grid-template-columns: repeat(auto-fit, 55px); gap: 8px;} #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid .input-tile-box {display: flex; flex-direction: column; gap: 2px; padding: 4px; border-radius: 8px;} #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid .input-tile-box .time-value {line-height: 1;} .zoom-x4 #sh135-temp .section-form-expansion .form-content .offer-info-box .choosen-tariff {font-size: 20px;} .zoom-x2 #sh135-temp .section-form-expansion .form-content .offer-info-box .choosen-tariff {font-size: 20px;} .zoom-x4 #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box {font-size: 20px;} .zoom-x2 #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box {font-size: 20px;} .zoom-x4 #sh135-temp .section-form-expansion .form-content .selectable-boxes-label {font-size: 20px;} .zoom-x2 #sh135-temp .section-form-expansion .form-content .selectable-boxes-label {font-size: 20px;} .zoom-x4 #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid .input-tile-box .time-value {font-size: 24px;} .zoom-x2 #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid .input-tile-box .time-value {font-size: 24px;} #sh135-temp .section-form-expansion .form-content .comparison-box {display: flex; flex-direction: column; gap: 24px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-title-box {display: grid; grid-template-columns: 1fr 140px 1fr; align-items: center; gap: 24px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-title-box .col-left {color: #757575; text-align: right;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-title-box .col-right {text-align: left;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-title-box .col-middle {text-align: center;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-left {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 45px; padding: 0 16px; background: linear-gradient(90deg, #EDEDED 0%, #E0E0E0 100%); text-align: right; border-radius: 250px 0 0 250px;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-left {background: #FFF !important; color: #000 !important;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-left .col-title {margin-left: auto;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-left .data-value {margin-left: auto;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-left .data-value {background-color: transparent !important; color: #000 !important;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-middle {display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 45px; text-align: center;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-right {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 45px; padding: 4px 16px; background: linear-gradient(90deg, #518CFF 0%, #1151CF 100%); color: #FFF; text-align: left; border-radius: 0 250px 250px 0;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-right {background: #FFE800 !important; color: #000 !important;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-right .data-value {background-color: transparent !important; color: #000 !important;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .info-icon {display: block; min-width: 24px; max-width: 24px; height: auto;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .info-icon {background: transparent !important;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content {display: flex; flex-direction: column; gap: 18px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .single-row {display: grid; grid-template-columns: 1fr 140px 1fr; gap: 24px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box {display: grid; grid-template-columns: 250px 1fr; justify-content: space-between; gap: 100px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box {display: flex; flex-direction: column; gap: 16px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn {display: flex; align-items: center; gap: 8px; padding: 8px 16px; color: #757575; text-decoration: none; border: 1px solid #757575; border-radius: 8px; transition: background-color .3s, color .3s, border-color .3s;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn:hover {color: #E2007A; border-color: #E2007A;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn {background-color: #000 !important; color: #FFF !important; border-color: #FFF !important;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn:hover {background-color: #FFE800 !important; color: #000 !important; border-color: #FFE800 !important;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn.btn-magenta {color: #E2007A; border-color: #E2007A;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn.btn-magenta:hover {background-color: #E2007A; color: #FFF;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn .icon-box {display: flex; align-items: center; max-height: max-content;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn .icon-box {background-color: transparent !important;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn:hover .icon-box {color: #000 !important;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn .icon-box path {transition: fill .3s;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn:hover .icon-box path {fill: #E2007A;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn .btn-text {background-color: transparent !important;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn:hover .btn-text {color: #000 !important;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn svg {background: transparent !important;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn svg path {fill: #FFF !important; transition: fill .3s;} .contrast #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box .single-btn:hover .icon-box path {fill: #000 !important;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box {display: flex; align-items: center; justify-content: center; gap: 40px; min-height: 70px; padding-right: 16px; padding-left: 16px; background-color: rgba(48, 110, 232, 0.1); color: #306EE8; border: 1px solid #306EE8; border-radius: 8px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box .saving-label {text-align: center; line-height: 1;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box .saving-value {font-size: 32px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box .icon {background-color: transparent !important;} #sh135-temp .section-form-expansion .form-content.content-documents {gap: 16px; margin-top: 24px;} #sh135-temp .section-form-expansion .form-content.content-documents .documents-heading {margin-bottom: 8px; line-height: 1.2;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box {display: flex; flex-direction: column; gap: 16px;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box .single-box {display: flex; align-items: flex-start; gap: 12px; padding-bottom: 12px; padding-left: 24px; color: #000; text-decoration: none; border-bottom: 1px solid rgba(48, 110, 232, 0.2); transition: color .3s;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box .single-box.hidden {display: none;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box .single-box:last-child {padding-bottom: 0; border-bottom: 0;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box .single-box:hover {color: #306EE8;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box .single-box .document-icon {display: block; min-width: 14px; max-width: 14px; height: auto;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs {display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; max-width: 260px; margin-left: auto; padding: 16px 4px; background-color: #EAF0FD; border: 1px solid #306EE8; border-radius: 8px; transition: background-color .3s, border-color .3s;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs:hover {background-color: #306EE8;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs .btn-text {color: #306EE8; line-height: 1.2; transition: color .3s;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs:hover .btn-text {color: #FFF;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs .btn-icon {display: block; min-width: 10px; max-width: 10px; height: auto;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs .btn-icon path {transition: fill .3s;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs:hover .btn-icon path {fill: #FFF;} #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper {display: flex; align-items: center; gap: 24px;} #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper .btn-show-more {display: flex; align-items: center; gap: 8px; color: #000; transition: color .3s;} .contrast #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper .btn-show-more {text-decoration: underline;} #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper .btn-show-more:hover {color: #306EE8;} #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper .btn-show-more .btn-icon {display: block; min-width: 12px; max-width: 12px; height: auto; transition: rotate .3s;} .contrast #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper .btn-show-more .btn-icon path {stroke: #FFF;} #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper .btn-show-more.rotate .btn-icon {rotate: 180deg;} html:has(.single-popup[open]) {overflow: hidden; height: 100vh;} #sh135-temp .single-popup {overflow: hidden; position: fixed; top: 50%; left: 50%; z-index: 999999999; transform: translate(-50%, -50%); display: none; flex-direction: column; width: calc(100% - 30px); max-width: 850px; height: calc(100% - 30px); max-height: 800px; background-color: #FFF; border: none; border-radius: 8px;} #sh135-temp .single-popup.bigger-width {max-width: 1200px;} #sh135-temp .single-popup::backdrop {opacity: 0.5; background-color: #000;} #sh135-temp .single-popup[open] {display: flex;} #sh135-temp .single-popup.popup-leave-form {max-height: 635px;} #sh135-temp .single-popup.popup-simple-message {max-height: 500px;} #sh135-temp .single-popup .btn-close-popup {position: absolute; top: 12px; right: 12px; z-index: 3; display: flex; align-items: center; margin-left: auto; padding: 8px;} #sh135-temp .single-popup .btn-close-popup .icon-close {display: block; min-width: 14px; max-width: 14px; height: auto;} #sh135-temp .single-popup .btn-close-popup .icon-close path {transition: fill .3s, stroke .3s;} #sh135-temp .single-popup .btn-close-popup:hover .icon-close path[fill] {fill: #E2007A;} #sh135-temp .single-popup .btn-close-popup:hover .icon-close path[stroke] {stroke: #E2007A;} #sh135-temp .single-popup .decoration-popup-img {position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 100%; max-width: 35%; height: auto; max-height: 40%;} #sh135-temp .single-popup .bottom-bar {display: flex; align-items: center; gap: 8px; padding: 24px 48px; background-color: #FAFCFC; box-shadow: 0 2px 16px rgba(33, 33, 33, 0.1); border-top: 1px solid #EDEDED; border-radius: 0 0 16px 16px;} #sh135-temp .single-popup .bottom-bar .buttons-box {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 24px; row-gap: 12px; width: 100%;} #sh135-temp .single-popup .bottom-bar .buttons-box .single-btn {display: flex; align-items: center; justify-content: center; width: 100%; max-width: 300px; min-height: 50px; padding: 4px 8px; text-align: center; transition: background-color .3s, color .3s, border-color .3s;} #sh135-temp .single-popup .bottom-bar .buttons-box:not(:has(:nth-child(2))) .single-btn:last-child {margin-left: auto;} #sh135-temp .single-popup .bottom-bar .buttons-box .single-btn.btn-gray {background-color: transparent; color: #757575;} #sh135-temp .single-popup .bottom-bar .buttons-box .single-btn.btn-gray:hover {color: #E2007A;} #sh135-temp .single-popup .bottom-bar .buttons-box .single-btn.btn-magenta {background-color: #E2007A; color: #FFF;} #sh135-temp .single-popup .bottom-bar .buttons-box .single-btn.btn-magenta:hover {background-color: #AA036C;} #sh135-temp .single-popup .popup-heading-box {display: flex; align-items: center; gap: 16px;} #sh135-temp .single-popup .popup-heading-box .heading-icon {display: block; min-width: 32px; max-width: 32px; height: auto;} #sh135-temp .single-popup .popup-heading-box .heading-text {color: #306EE8; line-height: 1.2;} #sh135-temp .single-popup .popup-heading-box .heading-text.text-black {color: #000;} #sh135-temp .single-popup .popup-heading-box:has(.tooltip-wrapper:hover) {z-index: 10;} #sh135-temp .single-popup .popup-content {overflow-y: auto; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 16px; padding: 32px; border-radius: 0 0 16px 16px;} #sh135-temp .single-popup:has(.btn-close-popup) .popup-content {padding-top: 40px;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-img-1 {display: block; width: 100%; max-width: 225px; height: auto;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-box {display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 16px; height: max-content; padding: 8px 24px; background-color: #FFF; border: 2px solid #306EE8; border-radius: 4px;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-box .text-box {display: flex; flex-direction: column; gap: 4px;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-box .text-box .text-top {line-height: 1;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-box .text-box .text-bottom {color: #000; line-height: 1; transition: color .3s;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-box .text-box .text-bottom:hover {color: #306EE8;} #sh135-temp .form-info-wrapper .global-info-list {margin-top: 64px;} #sh135-temp .global-info-list {display: flex; flex-direction: column; gap: 24px;} #sh135-temp .global-info-list .list-label {line-height: 1.2;} #sh135-temp .global-info-list .list-box {display: flex; flex-direction: column; gap: 12px;} #sh135-temp .global-info-list .list-box .single-item {display: grid; grid-template-columns: max-content 1fr; align-items: center; gap: 16px;} #sh135-temp .global-info-list .list-box .single-item .icon {display: block; min-width: 48px; max-width: 48px; height: auto;} .contrast #sh135-temp .global-info-list .list-box .single-item .icon {background-color: transparent !important;} #sh135-temp .global-info-list .list-box .single-item .item-text {line-height: 1;} #sh135-temp .global-info-list .additional-disclaimer {color: #757575; line-height: 1.2;} #sh135-temp .single-popup .information-group {display: flex; flex-direction: column; gap: 16px;} #sh135-temp .single-popup .information-group .text-group {display: flex; flex-direction: column; gap: 16px;} #sh135-temp .single-popup .information-group .text-group .single-text {line-height: 1.25;} #sh135-temp .single-popup .information-group .text-group .answer-section {padding-bottom: 24px; border-bottom: 1px solid rgba(0, 130, 133, 0.2);} #sh135-temp .single-popup .heading-with-switcher {display: grid; grid-template-columns: 1fr 200px; grid-auto-rows: max-content; gap: 16px;} #sh135-temp .single-popup .heading-with-switcher .split-tiles-grid .input-tile-box {padding: 8px;} #sh135-temp .zones-input-wrapper {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; column-gap: 32px; row-gap: 24px; margin-top: 16px; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 130, 133, 0.2);} #sh135-temp .zones-input-wrapper .single-zone {display: grid; grid-template-columns: 120px 1fr; align-items: center; gap: 16px;} #sh135-temp .zones-input-wrapper .single-zone .zone-label {line-height: 1.2;} #sh135-temp .zones-input-wrapper .single-zone .input-box.with-suffix .single-input {padding-right: 110px;} #sh135-temp .zones-calculation-usage-box {display: flex; flex-direction: column; gap: 8px;} #sh135-temp .zones-calculation-usage-box .calculation-heading {line-height: 1.2;} #sh135-temp .zones-calculation-usage-box .calculations-box {display: flex; align-items: center; gap: 16px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid {display: flex; align-items: center; gap: 40px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .inputs-plus {margin-bottom: 24px; line-height: 1;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box {position: relative; display: flex; flex-direction: column; gap: 6px; max-width: 80px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box .zone-name {color: #306EE8; line-height: 1;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box .input-box::after {content: '+'; position: absolute; top: calc(50% - 2px); right: -16px; transform: translate(100%, -50%); font-size: 16px; font-weight: 600;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box:last-child .input-box::after {display: none;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box .input-box.with-suffix .single-input {padding-right: 20px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box:last-child {pointer-events: none; touch-action: none;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box:last-child .input-box .single-input {pointer-events: none; touch-action: none; background-color: #FAFAFA; color: #A5A6A6; border-color: #959595;} #sh135-temp .zones-calculation-usage-box .calculations-box .summary-equation {margin-bottom: 16px;} #sh135-temp .section-form-expansion .form-content .answer-section:has(.comparison-content) {padding-bottom: 0; border-bottom: 0;} #sh135-temp .section-form-expansion .form-content .answer-section[data-section-answer='8'] {padding-bottom: 0; border-bottom: 0;} .zoom-x2 #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .single-row .f-16 {font-size: 16px;} .zoom-x4 #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .single-row .f-16 {font-size: 16px;} @media all and (min-width: 1600px) { .zoom-x4 #sh135-temp .section-form-expansion .form-content:not(.content-documents) {padding-bottom: 250px} .zoom-x2 #sh135-temp .section-form-expansion .form-content:not(.content-documents) {padding-bottom: 250px} } @media all and (max-width: 1600px) { #sh135-temp .f-12 {font-size: 1.0rem;} #sh135-temp .f-14 {font-size: 1.2rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 2.0rem;} #sh135-temp .f-24 {font-size: 2.2rem;} #sh135-temp .f-26 {font-size: 2.4rem;} #sh135-temp .f-28 {font-size: 2.6rem;} #sh135-temp .f-30 {font-size: 2.8rem;} #sh135-temp .f-32 {font-size: 3.0rem;} #sh135-temp .f-34 {font-size: 3.2rem;} #sh135-temp .f-36 {font-size: 3.4rem;} #sh135-temp .f-38 {font-size: 3.6rem;} #sh135-temp .f-40 {font-size: 3.8rem;} #sh135-temp .f-42 {font-size: 4.0rem;} #sh135-temp .f-48 {font-size: 4.6rem;} #sh135-temp .f-60 {font-size: 5.0rem;} #sh135-temp .f-68 {font-size: 5.8rem;} #sh135-temp .f-70 {font-size: 6.0rem;} #sh135-temp .input-tile-box {gap: 8px;} #sh135-temp .big-tiles-grid {gap: 12px;} #sh135-temp .big-tiles-grid .input-tile-box {padding: 16px;} #sh135-temp .big-tiles-grid .input-tile-box .tile-icon-box {min-width: 48px; max-width: 48px; min-height: 42px; max-height: 42px;} #sh135-temp .big-tiles-grid .input-tile-box .tile-icon-box .tile-icon {min-height: 20px; max-height: 20px;} #sh135-temp .input-box .single-input {padding: 8px;} #sh135-temp .section-form-expansion {padding-top: 32px; padding-bottom: 32px;} #sh135-temp .section-form-expansion .form-heading-text {margin-bottom: 24px;} #sh135-temp .section-form-expansion .form-info-wrapper .heading-box .heading-icon {min-width: 48px; max-width: 48px;} #sh135-temp .section-form-expansion .form-info-wrapper .heading-box {gap: 16px;} #sh135-temp .section-form-expansion .form-content .answer-section {padding-bottom: 24px;} #sh135-temp .section-form-expansion .form-wrapper {grid-template-columns: 400px 1fr;} #sh135-temp .section-form-expansion .form-navi-box {padding: 24px;} #sh135-temp .section-form-expansion .form-navi-box {gap: 16px;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point {min-width: 12px; max-width: 12px; min-height: 12px; max-height: 12px;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point.current-step {min-width: 24px; max-width: 24px; min-height: 24px; max-height: 24px;} #sh135-temp .section-form-expansion .form-navi-box .steps-wrapper .progress-points .single-point .point-number {min-height: 10px; max-height: 10px;} #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item .item-icon {min-width: 32px; max-width: 32px;} #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item .item-info {grid-template-columns: 100px 1fr;} #sh135-temp .section-form-expansion .form-content {gap: 24px; padding: 24px;} #sh135-temp .section-form-expansion .form-content:not(.content-documents) {padding-bottom: 140px;} #sh135-temp .section-form-expansion .form-content .bottom-buttons-box {padding: 16px 24px;} #sh135-temp .section-form-expansion .form-content .important-info-box {gap: 24px;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-icon {min-width: 40px; max-width: 40px;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .info-list .list-item::before {left: -8px; width: 4px; height: 4px;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content .additional-info {margin-top: 4px;} #sh135-temp .split-tiles-grid .input-tile-box {padding: 8px 12px;} #sh135-temp .single-popup {max-height: 715px;} #sh135-temp .single-popup.popup-leave-form {max-height: 565px;} #sh135-temp .single-popup .popup-content {padding: 16px;} #sh135-temp .single-popup .bottom-bar {padding: 12px 16px;} #sh135-temp .single-popup .bottom-bar .buttons-box .single-btn {min-height: 45px;} #sh135-temp .single-popup .popup-heading-box {gap: 12px;} #sh135-temp .single-popup .popup-heading-box .heading-icon {min-width: 28px; max-width: 28px;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-img-1 {max-width: 180px;} #sh135-temp .single-popup .popup-content .popup-contact-wrapper .contact-box {gap: 8px; padding: 8px 16px;} #sh135-temp .global-info-list .list-box .single-item .icon {min-width: 36px; max-width: 36px;} #sh135-temp .zones-input-wrapper {gap: 24px;} #sh135-temp .zones-input-wrapper .single-zone {grid-template-columns: 80px 1fr;} #sh135-temp .zones-input-wrapper .single-zone .input-box.with-suffix .single-input {padding-right: 95px;} #sh135-temp .zones-input-wrapper .single-zone .input-box.with-suffix .input-suffix-text {font-size: 14px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box {max-width: 60px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid {gap: 24px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box .input-box::after {right: -8px;} #sh135-temp .section-form-expansion .form-content .offer-info-box {gap: 24px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-title-box {grid-template-columns: 1fr 90px 1fr; gap: 8px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .single-row {grid-template-columns: 1fr 90px 1fr; gap: 8px;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box .single-box {padding-left: 16px;} } @media all and (max-width: 1400px) { #sh135-temp .section-form-expansion .form-wrapper {grid-template-columns: 375px 1fr;} #sh135-temp .single-popup {max-height: 700px;} #sh135-temp .single-popup .popup-heading-box {gap: 8px;} #sh135-temp .single-popup .popup-heading-box .heading-icon {min-width: 24px; max-width: 24px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box {gap: 24px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box {gap: 16px;} #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid {grid-template-columns: repeat(auto-fit, 40px);} #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid .input-tile-box {gap: 0;} #sh135-temp .section-form-expansion .form-content .offer-info-box .offer-time-box .split-tiles-grid .input-tile-box .time-value {font-size: 1.6rem;} } @media all and (max-width: 1200px) { #sh135-temp .f-16 {font-size: 1.4rem;} #sh135-temp .f-18 {font-size: 1.6rem;} #sh135-temp .f-20 {font-size: 1.8rem;} #sh135-temp .f-22 {font-size: 1.8rem;} #sh135-temp .f-24 {font-size: 2.0rem;} #sh135-temp .f-26 {font-size: 2.2rem;} #sh135-temp .f-28 {font-size: 2.4rem;} #sh135-temp .f-30 {font-size: 2.6rem;} #sh135-temp .f-32 {font-size: 2.8rem;} #sh135-temp .f-34 {font-size: 3.0rem;} #sh135-temp .f-36 {font-size: 3.0rem;} #sh135-temp .f-38 {font-size: 3.2rem;} #sh135-temp .f-40 {font-size: 3.4rem;} #sh135-temp .f-42 {font-size: 3.6rem;} #sh135-temp .f-48 {font-size: 4.2rem;} #sh135-temp .f-60 {font-size: 4.4rem;} #sh135-temp .f-68 {font-size: 5.2rem;} #sh135-temp .f-70 {font-size: 5.4rem;} #sh135-temp .section-form-expansion .form-wrapper {grid-template-columns: 350px 1fr;} #sh135-temp .split-tiles-grid .input-tile-box {padding: 8px;} #sh135-temp .single-popup {max-height: 625px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box {grid-template-columns: 1fr;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box {order: 1;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .buttons-box {order: 2;} #sh135-temp .section-form-expansion .form-navi-box .estimated-cost-box .bottom-box {flex-direction: column; align-items: flex-start; gap: 4px;} #sh135-temp .section-form-expansion .form-content .offer-info-box {grid-template-columns: 1fr; gap: 8px;} #sh135-temp .section-form-expansion .form-content .offer-info-box .form-group {max-width: 200px;} } @media all and (max-width: 992px) { #sh135-temp .inputs-grid {grid-template-columns: 1fr;} #sh135-temp .range-slider-container {margin: 0;} #sh135-temp .big-tiles-grid {grid-template-columns: 1fr; gap: 12px;} #sh135-temp .zones-input-wrapper .single-zone {grid-template-columns: 60px 1fr; gap: 12px;} #sh135-temp .section-form-expansion .form-wrapper {grid-template-columns: 1fr; grid-auto-rows: max-content;} #sh135-temp .section-form-expansion .form-navi-box {position: relative; top: 0; left: 0;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box .saving-label br {display: none;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box .saving-label sup {font-size: 1.2rem !important;} } @media all and (max-width: 768px) { #sh135-temp .f-24 {font-size: 1.8rem;} #sh135-temp .f-26 {font-size: 2.0rem;} #sh135-temp .f-28 {font-size: 2.2rem;} #sh135-temp .f-30 {font-size: 2.4rem;} #sh135-temp .f-32 {font-size: 2.6rem;} #sh135-temp .f-34 {font-size: 2.8rem;} #sh135-temp .f-36 {font-size: 2.8rem;} #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: 3.8rem;} #sh135-temp .f-60 {font-size: 4.0rem;} #sh135-temp .f-68 {font-size: 4.4rem;} #sh135-temp .f-70 {font-size: 4.8rem;} #sh135-temp .zones-input-wrapper {gap: 16px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-middle {grid-column: 1/-1; order: -1; min-height: auto;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-middle br {display: none;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .single-row {grid-template-columns: repeat(2, 1fr); gap: 4px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-title-box {grid-template-columns: 1fr max-content 1fr;} #sh135-temp .tooltip-wrapper .tooltip-box {transform: translate(-82%, -100%); max-width: 125px;} } @media all and (max-width: 576px) { #sh135-temp .simple-radio-grid {grid-template-columns: 1fr;} #sh135-temp .section-form-expansion .form-navi-box .summary-list .single-item .item-info {grid-template-columns: 90px 1fr;} #sh135-temp .form-group-split {flex-direction: column;} #sh135-temp .section-form-expansion .form-content .important-info-box {grid-template-columns: 1fr;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-icon {display: none;} #sh135-temp .section-form-expansion .form-content .important-info-box .info-content {padding-left: 8px;} #sh135-temp .single-popup .buttons-box {justify-content: center;} #sh135-temp .single-popup .heading-with-switcher {grid-template-columns: 1fr; gap: 12px;} #sh135-temp .zones-input-wrapper {grid-template-columns: 1fr;} #sh135-temp .zones-calculation-usage-box .calculations-box {gap: 8px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box {max-width: 50px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid {gap: 16px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box .input-box::after {right: -4px;} #sh135-temp .zones-calculation-usage-box .calculations-box .inputs-grid .single-box .input-box.with-suffix .single-input {padding-right: 18px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-right {padding: 4px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .col-left {padding: 4px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .info-icon {min-width: 18px; max-width: 18px;} #sh135-temp .section-form-expansion .form-content .comparison-box .comparison-content .data-value {font-size: 1.2rem;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box {flex-direction: column; gap: 4px;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box .icon {display: none;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box .saving-value {line-height: 1;} #sh135-temp .section-form-expansion .form-content .comparison-summary-box .saving-info-box {padding-top: 12px; padding-bottom: 12px;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs {max-width: 225px; padding: 12px 4px;} #sh135-temp .section-form-expansion .form-content.content-documents .grid-box .single-box {padding-left: 8px;} #sh135-temp .section-form-expansion .form-content.content-documents .btns-wrapper {flex-direction: column; align-items: flex-start; gap: 16px;} #sh135-temp .section-form-expansion .form-content.content-documents .download-all-docs {margin-left: 0;} }