section.block-water-hardness [data-water-hardness-elem^=step-],section.block-water-hardness [data-water-hardness-elem=error-notice]{display:none;scroll-margin-top:calc(var(--headerHeight) + 16px)}section.block-water-hardness [data-water-hardness-elem^=step-] .fading-item,section.block-water-hardness [data-water-hardness-elem=error-notice] .fading-item{opacity:0}section.block-water-hardness [data-water-hardness-elem^=step-].show,section.block-water-hardness [data-water-hardness-elem=error-notice].show{display:block}section.block-water-hardness [data-water-hardness-elem^=step-].show .fading-item,section.block-water-hardness [data-water-hardness-elem=error-notice].show .fading-item{animation:fadeIn 1s forwards}section.block-water-hardness video{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 33%,rgb(0,0,0) 66%);mask-image:linear-gradient(to right,#0000 33%,#000 66%)}.wh-searchbox{background:#0083b380;border-radius:16px}.wh-scale-inner{position:relative}@media (max-width: 767.98px){.wh-scale-inner{aspect-ratio:618/304}.wh-scale-inner svg{transform-origin:top left;transform:scaleY(1.5)}}.wh-scale svg{width:100%;height:auto}.wh-scale span.num{min-width:32px;text-align:center}.wh-scale-indicator{position:absolute;width:80px;height:47px;padding-top:10px;background:url(/app/themes/kinetico/dist/images/water-hardness-indicator_Dg9_9R5M.svg) center/contain no-repeat;filter:drop-shadow(0 0 16px rgba(255,193,7,.6));text-align:center;z-index:5;transition:1s ease-out;left:-52px;bottom:0;transform:translateY(-10px)}.wh-scale-indicator:after{content:"";position:absolute;bottom:-16px;left:calc(50% - 6px);width:12px;height:12px;background:#ffc107;outline:2px solid rgba(255,193,7,.5);border-radius:50%}.wh-scale-line{position:absolute;left:0;bottom:1px;width:2px;background:#ffc107;height:0%;transition:1s ease-out}.wh-yellow-box{border:2px solid #ffc107;border-radius:16px}.wh-map svg{flex-grow:1;width:auto}@media (max-width: 1023.98px){.wh-map svg{width:100%;height:auto;flex-grow:0;transform:rotate(4deg)}}.wh-map-legend{position:absolute;top:0;right:45px}@media (max-width: 1439.98px){.wh-map-legend{right:16px}}@media (max-width: 1023.98px){.wh-map-legend{left:0;top:8px;right:auto;padding:8px;border-radius:12px;background:#0083b380}}.wh-map-legend:not(.horizontal) .wh-map-legend-text span{max-width:8ch}@media (max-width: 1199.98px){.wh-map-legend:not(.horizontal) .wh-map-legend-text{font-size:14px;line-height:110%;gap:32px}}@media (min-width: 1024px){.wh-map-legend:not(.horizontal) .wh-map-legend-text{gap:48px;font-size:14px;line-height:110%;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.wh-map-legend:not(.horizontal) .wh-map-legend-text span{max-width:14ch}}@media (min-width: 1440px){.wh-map-legend:not(.horizontal) .wh-map-legend-text{gap:64px}}.wh-map-legend-bar{background:linear-gradient(to bottom,#e5f7fd,#00aeef,#0083b3 66%,#004664);border:1px solid #FFFFFF;border-radius:10px;width:12px}.wh-map-legend.horizontal{position:static;background:none;padding:0}.wh-map-legend.horizontal .wh-map-legend-text{justify-content:space-between;gap:0}.wh-map-legend.horizontal .wh-map-legend-text span{max-width:8ch}.wh-map-legend.horizontal .wh-map-legend-bar{height:12px;width:auto;background:linear-gradient(90deg,#e5f7fd,#00aeef,#0083b3 66%,#004664)}.wh-map-legend.horizontal span:not(.active){font-size:14px;line-height:110%;opacity:.5}@media (max-width: 767.98px){.wh-map-legend.horizontal span:not(.active){font-size:12px}}.wh-map-legend.horizontal span.active{font-size:14px;line-height:110%;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.wh-reset svg *{fill:#fff}.wh-result-points{overflow:auto;scrollbar-width:none;max-width:100%}.wh-result-points img{border-radius:16px}.wh-result-point{width:120px}