{"version":3,"sources":["styles.scss","_cog_loader.scss","styles.css","_analysis.scss","","_recent_sales.scss","_property_card.scss","_nbhd_fairness.scss","_colors.scss"],"names":[],"mappings":"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","file":"../styles.css","sourcesContent":["// Do Not remove these autoprefix compiler directives\r\n/* autoprefixer: on */\r\n/* autoprefixer grid: autoplace */\r\n// -------------------------------------------------\r\n\r\n@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900&display=swap);\r\n\r\n@import '_cog_loader';\r\n@import '_colors';\r\n@import '_analysis';\r\n@import '_recent_sales';\r\n@import '_property_card';\r\n@import '_nbhd_fairness';\r\n\r\n\r\nhtml, body {\r\n --scrollbarBG : #CFD8DC;\r\n --thumbBG : #90A4AE;\r\n // font-family : \"Open Sans\", \"Adjusted Arial\", Tahoma, Geneva, sans-serif;\r\n font-family: Nunito, sans-serif;\r\n font-size : 12px;\r\n font-weight : normal;\r\n color : #000000;\r\n background-color: #ffffff;\r\n letter-spacing : 0.06em;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n width: 11px;\r\n}\r\n\r\nbody {\r\n scrollbar-width: thin;\r\n scrollbar-color: var(--thumbBG) var(--scrollbarBG);\r\n}\r\n\r\n::-webkit-scrollbar-track {\r\n border-radius: 6px;\r\n background : var(--scrollbarBG);\r\n}\r\n\r\n::-webkit-scrollbar-thumb {\r\n background-color: var(--thumbBG);\r\n border-radius: 6px;\r\n border: 3px solid var(--scrollbarBG);\r\n}\r\n\r\n.subject_bar_wrapper {\r\n margin-top: 80px;\r\n background-color: $clr-bg-color-secondary;\r\n\r\n .subject_bar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-radius: 5px;\r\n overflow: hidden;\r\n\r\n .map {\r\n width: fit-content;\r\n height: 100%;\r\n }\r\n\r\n .address {\r\n padding-left: 25px;\r\n font-size: 30px;\r\n font-weight: bold;\r\n color: $clr-ptio-blue;\r\n text-shadow: 0 0 5px rgba(0, 0, 0, .25);\r\n line-height: 1.2;\r\n }\r\n\r\n .noticed_values {\r\n padding-right: 15px;\r\n font-size: 20px;\r\n font-weight: bold;\r\n color: black;\r\n text-align: end;\r\n\r\n div {\r\n margin: 8px 0 12px 0;\r\n }\r\n\r\n span {\r\n line-height: .25;\r\n display: block;\r\n font-size: 11px;\r\n font-weight: normal;\r\n }\r\n }\r\n }\r\n}\r\n\r\n @media screen and (max-width: 768px) { \r\n .subject_bar_wrapper .subject_bar {\r\n justify-content: flex-start;\r\n } \r\n .subject_bar_wrapper .subject_bar .address {\r\n padding-left: 12px;\r\n font-size: 16px;\r\n text-align: start;\r\n }\r\n }","/* https://codepen.io/jcoulterdesign/pen/bNxeKY */\r\n\r\n.preloader {\r\n width : 100%;\r\n height : 100%;\r\n top : 0;\r\n left : 0;\r\n right : 0;\r\n bottom : 0;\r\n position : fixed;\r\n z-index : 9999999;\r\n background: #fff;\r\n display : block;\r\n}\r\n.cog-loader {\r\n height : 86px;\r\n position : relative;\r\n margin : calc(50vh - 216px) auto;\r\n text-align: center;\r\n}\r\n.cog-loader h1 {\r\n text-transform: uppercase;\r\n font-size : 30px;\r\n color : #576e81;\r\n margin : 0px;\r\n}\r\n.cog-loader h2 {\r\n font-weight: normal;\r\n font-size : 1.34rem;\r\n color : #F98DB9;\r\n margin : -5px 0px 0px 0px;\r\n}\r\n.cog-loader p {\r\n font-size : 20px;\r\n font-weight : 400;\r\n color : #000000;\r\n width : 320px;\r\n height : auto;\r\n position : absolute;\r\n left : -110px;\r\n right : 0;\r\n bottom : -190px;\r\n animation : fadeIn 1s infinite alternate;\r\n -webkit-animation: fadeIn 1s infinite alternate;\r\n}\r\n.loader_overlay {\r\n width : 150px;\r\n height : 150px;\r\n background : #0000;\r\n box-shadow : 0px 0px 0px 60px rgba(255, 255, 255, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset;\r\n border-radius: 100%;\r\n z-index : -1;\r\n position : absolute;\r\n left : 0;\r\n right : 0;\r\n top : 245px;\r\n bottom : 0;\r\n margin : auto;\r\n}\r\n.cog-loader .loader_cogs {\r\n z-index : -2;\r\n width : 100px;\r\n height : 100px;\r\n top : 188px !important;\r\n position: absolute;\r\n left : 0;\r\n right : 0;\r\n bottom : 0;\r\n margin : auto;\r\n}\r\n.cog-loader .loader_cogs__top {\r\n position : relative;\r\n width : 100px;\r\n height : 100px;\r\n -webkit-transform-origin: 50px 50px;\r\n transform-origin : 50px 50px;\r\n -webkit-animation : rotate 10s infinite linear;\r\n animation : rotate 10s infinite linear;\r\n}\r\n.cog-loader .loader_cogs__top div:nth-of-type(1) {\r\n -webkit-transform: rotate(30deg);\r\n transform: rotate(30deg);\r\n}\r\n.cog-loader .loader_cogs__top div:nth-of-type(2) {\r\n -webkit-transform: rotate(60deg);\r\n transform: rotate(60deg);\r\n}\r\n.cog-loader .loader_cogs__top div:nth-of-type(3) {\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n}\r\n.cog-loader .loader_cogs__top div.top_part {\r\n width : 100px;\r\n border-radius: 10px;\r\n position : absolute;\r\n height : 100px;\r\n background : #f98db9;\r\n}\r\n.cog-loader .loader_cogs__top div.top_hole {\r\n width : 50px;\r\n height : 50px;\r\n border-radius : 100%;\r\n background : white;\r\n position : absolute;\r\n position : absolute;\r\n left : 0;\r\n right : 0;\r\n top : 0;\r\n bottom : 0;\r\n margin : auto;\r\n -webkit-border-radius: 100%;\r\n -moz-border-radius : 100%;\r\n -ms-border-radius : 100%;\r\n -o-border-radius : 100%;\r\n}\r\n.cog-loader .loader_cogs__left {\r\n position : relative;\r\n width : 80px;\r\n -webkit-transform : rotate(16deg);\r\n transform : rotate(16deg);\r\n top : 28px;\r\n -webkit-transform-origin: 40px 40px;\r\n transform-origin : 40px 40px;\r\n animation : rotate_left 10s .1s infinite reverse linear;\r\n left : -24px;\r\n height : 80px;\r\n -moz-transform : rotate(16deg);\r\n -ms-transform : rotate(16deg);\r\n -o-transform : rotate(16deg);\r\n -webkit-animation : rotate_left 10s .1s infinite reverse linear;\r\n}\r\n.cog-loader .loader_cogs__left div:nth-of-type(1) {\r\n -webkit-transform: rotate(30deg);\r\n transform: rotate(30deg);\r\n}\r\n.cog-loader .loader_cogs__left div:nth-of-type(2) {\r\n -webkit-transform: rotate(60deg);\r\n transform: rotate(60deg);\r\n}\r\n.cog-loader .loader_cogs__left div:nth-of-type(3) {\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n}\r\n.cog-loader .loader_cogs__left div.left_part {\r\n width : 80px;\r\n border-radius: 6px;\r\n position : absolute;\r\n height : 80px;\r\n background : #97ddff;\r\n}\r\n.cog-loader .loader_cogs__left div.left_hole {\r\n width : 40px;\r\n height : 40px;\r\n border-radius : 100%;\r\n background : white;\r\n position : absolute;\r\n position : absolute;\r\n left : 0;\r\n right : 0;\r\n top : 0;\r\n bottom : 0;\r\n margin : auto;\r\n -webkit-border-radius: 100%;\r\n -moz-border-radius : 100%;\r\n -ms-border-radius : 100%;\r\n -o-border-radius : 100%;\r\n}\r\n.cog-loader .loader_cogs__bottom {\r\n position : relative;\r\n width : 60px;\r\n top : -65px;\r\n -webkit-transform-origin: 30px 30px;\r\n transform-origin : 30px 30px;\r\n -webkit-animation : rotate_left 10.2s .4s infinite linear;\r\n animation : rotate_left 10.2s .4s infinite linear;\r\n -webkit-transform : rotate(4deg);\r\n transform : rotate(4deg);\r\n left : 79px;\r\n height : 60px;\r\n -moz-transform : rotate(4deg);\r\n -ms-transform : rotate(4deg);\r\n -o-transform : rotate(4deg);\r\n}\r\n.cog-loader .loader_cogs__bottom div:nth-of-type(1) {\r\n -webkit-transform: rotate(30deg);\r\n transform: rotate(30deg);\r\n}\r\n.cog-loader .loader_cogs__bottom div:nth-of-type(2) {\r\n -webkit-transform: rotate(60deg);\r\n transform: rotate(60deg);\r\n}\r\n.cog-loader .loader_cogs__bottom div:nth-of-type(3) {\r\n -webkit-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n}\r\n.cog-loader .loader_cogs__bottom div.bottom_part {\r\n width : 60px;\r\n border-radius: 5px;\r\n position : absolute;\r\n height : 60px;\r\n background : #ffcd66;\r\n}\r\n.cog-loader .loader_cogs__bottom div.bottom_hole {\r\n width : 30px;\r\n height : 30px;\r\n border-radius: 100%;\r\n background : white;\r\n position : absolute;\r\n position : absolute;\r\n left : 0;\r\n right : 0;\r\n top : 0;\r\n bottom : 0;\r\n margin : auto;\r\n}\r\n\r\n/* Animations */\r\n@-webkit-keyframes rotate {\r\n from {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@keyframes rotate {\r\n from {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n transform: rotate(360deg);\r\n }\r\n}\r\n@-webkit-keyframes rotate_left {\r\n from {\r\n -webkit-transform: rotate(16deg);\r\n transform: rotate(16deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(376deg);\r\n transform: rotate(376deg);\r\n }\r\n}\r\n@keyframes rotate_left {\r\n from {\r\n -webkit-transform: rotate(16deg);\r\n transform: rotate(16deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(376deg);\r\n transform: rotate(376deg);\r\n }\r\n}\r\n@-webkit-keyframes rotate_right {\r\n from {\r\n -webkit-transform: rotate(4deg);\r\n transform: rotate(4deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(364deg);\r\n transform: rotate(364deg);\r\n }\r\n}\r\n@keyframes rotate_right {\r\n from {\r\n -webkit-transform: rotate(4deg);\r\n transform: rotate(4deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(364deg);\r\n transform: rotate(364deg);\r\n }\r\n}\r\n@keyframes fadeIn { \r\n from { opacity: 0; } \r\n}\r\n","/* autoprefixer: on */\n/* autoprefixer grid: autoplace */\n@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900&display=swap);\n/* https://codepen.io/jcoulterdesign/pen/bNxeKY */\n.preloader {\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: fixed;\n z-index: 9999999;\n background: #fff;\n display: block;\n}\n\n.cog-loader {\n height: 86px;\n position: relative;\n margin: calc(50vh - 216px) auto;\n text-align: center;\n}\n\n.cog-loader h1 {\n text-transform: uppercase;\n font-size: 30px;\n color: #576e81;\n margin: 0px;\n}\n\n.cog-loader h2 {\n font-weight: normal;\n font-size: 1.34rem;\n color: #F98DB9;\n margin: -5px 0px 0px 0px;\n}\n\n.cog-loader p {\n font-size: 20px;\n font-weight: 400;\n color: #000000;\n width: 320px;\n height: auto;\n position: absolute;\n left: -110px;\n right: 0;\n bottom: -190px;\n animation: fadeIn 1s infinite alternate;\n -webkit-animation: fadeIn 1s infinite alternate;\n}\n\n.loader_overlay {\n width: 150px;\n height: 150px;\n background: #0000;\n box-shadow: 0px 0px 0px 60px rgba(255, 255, 255, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset;\n border-radius: 100%;\n z-index: -1;\n position: absolute;\n left: 0;\n right: 0;\n top: 245px;\n bottom: 0;\n margin: auto;\n}\n\n.cog-loader .loader_cogs {\n z-index: -2;\n width: 100px;\n height: 100px;\n top: 188px !important;\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n}\n\n.cog-loader .loader_cogs__top {\n position: relative;\n width: 100px;\n height: 100px;\n -webkit-transform-origin: 50px 50px;\n transform-origin: 50px 50px;\n -webkit-animation: rotate 10s infinite linear;\n animation: rotate 10s infinite linear;\n}\n\n.cog-loader .loader_cogs__top div:nth-of-type(1) {\n -webkit-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n\n.cog-loader .loader_cogs__top div:nth-of-type(2) {\n -webkit-transform: rotate(60deg);\n transform: rotate(60deg);\n}\n\n.cog-loader .loader_cogs__top div:nth-of-type(3) {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.cog-loader .loader_cogs__top div.top_part {\n width: 100px;\n border-radius: 10px;\n position: absolute;\n height: 100px;\n background: #f98db9;\n}\n\n.cog-loader .loader_cogs__top div.top_hole {\n width: 50px;\n height: 50px;\n border-radius: 100%;\n background: white;\n position: absolute;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n -webkit-border-radius: 100%;\n -moz-border-radius: 100%;\n -ms-border-radius: 100%;\n -o-border-radius: 100%;\n}\n\n.cog-loader .loader_cogs__left {\n position: relative;\n width: 80px;\n -webkit-transform: rotate(16deg);\n transform: rotate(16deg);\n top: 28px;\n -webkit-transform-origin: 40px 40px;\n transform-origin: 40px 40px;\n animation: rotate_left 10s .1s infinite reverse linear;\n left: -24px;\n height: 80px;\n -moz-transform: rotate(16deg);\n -ms-transform: rotate(16deg);\n -o-transform: rotate(16deg);\n -webkit-animation: rotate_left 10s .1s infinite reverse linear;\n}\n\n.cog-loader .loader_cogs__left div:nth-of-type(1) {\n -webkit-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n\n.cog-loader .loader_cogs__left div:nth-of-type(2) {\n -webkit-transform: rotate(60deg);\n transform: rotate(60deg);\n}\n\n.cog-loader .loader_cogs__left div:nth-of-type(3) {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.cog-loader .loader_cogs__left div.left_part {\n width: 80px;\n border-radius: 6px;\n position: absolute;\n height: 80px;\n background: #97ddff;\n}\n\n.cog-loader .loader_cogs__left div.left_hole {\n width: 40px;\n height: 40px;\n border-radius: 100%;\n background: white;\n position: absolute;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n -webkit-border-radius: 100%;\n -moz-border-radius: 100%;\n -ms-border-radius: 100%;\n -o-border-radius: 100%;\n}\n\n.cog-loader .loader_cogs__bottom {\n position: relative;\n width: 60px;\n top: -65px;\n -webkit-transform-origin: 30px 30px;\n transform-origin: 30px 30px;\n -webkit-animation: rotate_left 10.2s .4s infinite linear;\n animation: rotate_left 10.2s .4s infinite linear;\n -webkit-transform: rotate(4deg);\n transform: rotate(4deg);\n left: 79px;\n height: 60px;\n -moz-transform: rotate(4deg);\n -ms-transform: rotate(4deg);\n -o-transform: rotate(4deg);\n}\n\n.cog-loader .loader_cogs__bottom div:nth-of-type(1) {\n -webkit-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n\n.cog-loader .loader_cogs__bottom div:nth-of-type(2) {\n -webkit-transform: rotate(60deg);\n transform: rotate(60deg);\n}\n\n.cog-loader .loader_cogs__bottom div:nth-of-type(3) {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.cog-loader .loader_cogs__bottom div.bottom_part {\n width: 60px;\n border-radius: 5px;\n position: absolute;\n height: 60px;\n background: #ffcd66;\n}\n\n.cog-loader .loader_cogs__bottom div.bottom_hole {\n width: 30px;\n height: 30px;\n border-radius: 100%;\n background: white;\n position: absolute;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n}\n\n/* Animations */\n@-webkit-keyframes rotate {\n from {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes rotate {\n from {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes rotate_left {\n from {\n -webkit-transform: rotate(16deg);\n transform: rotate(16deg);\n }\n to {\n -webkit-transform: rotate(376deg);\n transform: rotate(376deg);\n }\n}\n\n@keyframes rotate_left {\n from {\n -webkit-transform: rotate(16deg);\n transform: rotate(16deg);\n }\n to {\n -webkit-transform: rotate(376deg);\n transform: rotate(376deg);\n }\n}\n\n@-webkit-keyframes rotate_right {\n from {\n -webkit-transform: rotate(4deg);\n transform: rotate(4deg);\n }\n to {\n -webkit-transform: rotate(364deg);\n transform: rotate(364deg);\n }\n}\n\n@keyframes rotate_right {\n from {\n -webkit-transform: rotate(4deg);\n transform: rotate(4deg);\n }\n to {\n -webkit-transform: rotate(364deg);\n transform: rotate(364deg);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n}\n\n#analysis {\n padding: 15px;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n#analysis .btn-success {\n --bs-btn-color: #ffffff;\n --bs-btn-bg: #2eca8b;\n --bs-btn-border-color: #2eca8b;\n --bs-btn-hover-color: #ffffff;\n --bs-btn-hover-bg: #27ac76;\n --bs-btn-hover-border-color: #25a26f;\n --bs-btn-focus-shadow-rgb: 77, 210, 156;\n --bs-btn-active-color: #ffffff;\n --bs-btn-active-bg: #25a26f;\n --bs-btn-active-border-color: #239868;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: #ffffff;\n --bs-btn-disabled-bg: #2eca8b;\n --bs-btn-disabled-border-color: #2eca8b;\n}\n\n#analysis .btn-primary {\n --bs-btn-color: #fff;\n --bs-btn-bg: #3e8ebb;\n --bs-btn-border-color: #3e8ebb;\n --bs-btn-hover-color: #fff;\n --bs-btn-hover-bg: #0b5ed7;\n --bs-btn-hover-border-color: #0a58ca;\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\n --bs-btn-active-color: #fff;\n --bs-btn-active-bg: #0a58ca;\n --bs-btn-active-border-color: #0a53be;\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --bs-btn-disabled-color: #fff;\n --bs-btn-disabled-bg: #3e8ebb;\n --bs-btn-disabled-border-color: #3e8ebb;\n}\n\n#analysis .btn-primary:hover {\n color: #fff;\n background-color: #0a58ca;\n border-color: #0a58ca;\n}\n\n#analysis .header {\n background-color: #1390bc;\n color: white;\n padding: 20px 35px;\n border-radius: 10px 10px 0 0;\n}\n\n#analysis .header .situs {\n font-weight: bold;\n font-size: 22px;\n text-shadow: 0 0 2px black;\n}\n\n#analysis .header .cad {\n font-size: 14px;\n}\n\n#analysis .header .owner {\n font-size: 14px;\n}\n\n#analysis .header .protected {\n display: flex;\n align-items: center;\n}\n\n#analysis .header .shielded {\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: left;\n font-size: 10px;\n padding-left: 32px;\n position: relative;\n width: 200px;\n height: 50px;\n color: #ffffff;\n border-radius: 0 10px 10px 0;\n line-height: 1.3;\n z-index: 1;\n}\n\n#analysis .header .shielded .status {\n font-size: 14px;\n}\n\n#analysis .header .shielded .ptaxio {\n font-weight: 900;\n font-size: 17px;\n}\n\n#analysis .header .shielded .shield {\n position: absolute;\n top: -14px;\n left: -44px;\n}\n\n#analysis .header .shielded .shield img {\n width: 64px;\n}\n\n#analysis .info_section {\n background: linear-gradient(#e1f5ff, #fbfeff);\n padding: 40px;\n overflow: hidden;\n}\n\n#analysis .info_section .savings_text {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n font-size: 16px;\n margin-bottom: 5px;\n padding-bottom: 2px;\n line-height: 22px;\n color: #000;\n font-weight: normal;\n text-align: left;\n}\n\n#analysis .info_section .savings_text p {\n line-height: 1;\n margin-bottom: 11px;\n}\n\n#analysis .info_section .savings_text.spacer {\n margin-top: 10px;\n margin-bottom: 10px;\n height: 0.5px;\n background-color: #aec6cf;\n}\n\n#analysis .info_section .fee_cap {\n text-align: left;\n color: gray;\n padding-top: 4px;\n font-size: .9rem;\n}\n\n#analysis .info_section .fee_cap:hover {\n text-decoration: none;\n color: #2f55d4;\n cursor: pointer;\n}\n\n#analysis .info_section .recent_sales_map {\n width: 100%;\n border: 1px solid lightgray;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n#analysis .info_section .info_header_grid {\n display: grid;\n grid-template-columns: 6fr 6fr;\n grid-template-areas: \"county_info savings_estimate\"\r \"recent_sales_analysis fairness_analysis\";\n grid-gap: 35px;\n}\n\n#analysis .info_section .info_header_grid .card__styled {\n width: 100%;\n max-width: calc(100dvw - 65px);\n height: auto;\n margin-bottom: 20px;\n background-color: #fff;\n padding: 15px 20px;\n border: none;\n border-radius: 10px;\n box-shadow: 0px 2px 10px 0px rgba(54, 54, 54, 0.1);\n}\n\n#analysis .info_section .info_header_grid .card__styled.recent_sales_analysis, #analysis .info_section .info_header_grid .card__styled.fairness_analysis {\n background-color: #f7faf7;\n width: 100%;\n}\n\n#analysis .info_section .info_header_grid .county_info {\n grid-area: county_info;\n width: 100%;\n}\n\n#analysis .info_section .info_header_grid .county_info .county_info__values_taxrate {\n margin: 0 0px;\n background-color: #f7faf7;\n padding: 7px 0px;\n border-radius: 7px;\n text-align: center;\n box-shadow: 0px 2px 10px 0px rgba(54, 54, 54, 0.1);\n}\n\n#analysis .info_section .info_header_grid .county_info .county_info__header {\n font-size: 18px;\n font-weight: 800;\n color: #2c2c2c;\n margin-bottom: 0px;\n padding-bottom: 3px;\n line-height: 1.2;\n}\n\n#analysis .info_section .info_header_grid .county_info .county_info__line_wrapper {\n justify-content: space-between;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n#analysis .info_section .info_header_grid .county_info .county_info__title {\n font-size: 13px;\n color: #214a58;\n margin: 0px;\n white-space: nowrap;\n}\n\n#analysis .info_section .info_header_grid .county_info .county_info__value {\n font-size: 22px;\n color: #214a58;\n line-height: 1;\n margin: 0px;\n font-weight: bold;\n white-space: nowrap;\n}\n\n#analysis .info_section .info_header_grid .savings_estimate {\n grid-area: savings_estimate;\n width: 100%;\n}\n\n#analysis .info_section .info_header_grid .savings_estimate .savings_estimate__header {\n text-transform: capitalize;\n font-size: 18px;\n line-height: 24px;\n color: #000;\n font-weight: bold;\n margin-bottom: 20px;\n}\n\n#analysis .info_section .info_header_grid .savings_estimate .savings_estimate__value {\n font-size: 25px;\n color: #2eca8b;\n font-weight: 700;\n}\n\n#analysis .info_section .info_header_grid .savings_estimate .success_fee {\n font-size: 16px;\n color: black;\n font-weight: 500;\n}\n\n#analysis .info_section .info_header_grid .savings_estimate .net_savings {\n font-size: 22px;\n}\n\n@media (max-width: 992px) {\n #analysis .info_section {\n padding: 20px;\n }\n #analysis .info_section .info_header_grid {\n grid-template-columns: 12fr;\n grid-gap: 5px;\n grid-template-areas: \"savings_estimate\"\r \"county_info\"\r \"recent_sales_analysis\"\r \"fairness_analysis\";\n }\n #analysis .info_section .county_info {\n background-color: #fff;\n padding: 20px;\n border: none;\n border-radius: 10px;\n box-shadow: 0px 2px 10px rgba(54, 54, 54, 0.1);\n }\n}\n\n@media (max-width: 556px) {\n #analysis .info_section {\n padding: 20px 5px;\n }\n #analysis .info_section .header .shielded .shield {\n position: absolute;\n top: 14px;\n left: 44px;\n }\n #analysis .info_section .card__styled {\n max-width: calc(100vw - 35px);\n }\n #analysis .info_section .ptio_benefits {\n padding-top: 0px;\n padding-bottom: 20px;\n }\n}\n\n@media (max-width: 768px) {\n #analysis .header .protected {\n position: relative;\n left: 25px;\n }\n}\n\n.recent_sales_wrapper #compInfoModal .col.img-wrapper {\n max-width: 180px;\n}\n\n.recent_sales_wrapper #compInfoModal img {\n width: 180px;\n max-width: 100%;\n border: 3px solid white;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n}\n\n.recent_sales_wrapper #compInfoModal .row {\n margin-top: 15px;\n}\n\n.recent_sales_wrapper #compInfoModal .situs {\n text-align: center;\n font-size: 14px;\n margin-top: 10px;\n font-weight: 600;\n}\n\n.recent_sales_wrapper #compInfoModal .col.stats {\n margin-top: 7px;\n}\n\n.recent_sales_wrapper #compInfoModal table {\n line-height: 1.2;\n vertical-align: middle;\n}\n\n.recent_sales_wrapper #compInfoModal .acp-desc {\n text-align: center;\n border-top: 1px solid lightgray;\n margin-top: 10px;\n padding: 8px 0 0 0;\n}\n\n.recent_sales_wrapper #compInfoModal .cs-desc {\n text-align: center;\n}\n\n.recent_sales_wrapper .mapboxgl-popup {\n width: fit-content !important;\n max-width: 410px !important;\n font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n}\n\n.recent_sales_wrapper .mapboxgl-popup img {\n width: 180px;\n max-width: 100%;\n border: 3px solid white;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);\n}\n\n.recent_sales_wrapper .subject_bar_wrapper {\n border-radius: 0;\n}\n\n.recent_sales_wrapper .subject_bar_wrapper .subject_bar {\n border-radius: 0;\n border-bottom: 3px solid #289ad1;\n}\n\n.recent_sales_wrapper ._simple-switch-track._material {\n margin-left: 5px;\n margin-top: 8px;\n}\n\n.recent_sales_wrapper #photo_slider_modal {\n background: white;\n display: flex;\n flex-direction: column;\n gap: 20px;\n align-items: center;\n margin-top: 20px;\n margin-bottom: 20px;\n}\n\n.recent_sales_wrapper #photo_slider_modal .modal_image_wrapper {\n border: 12px solid white;\n box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.4);\n width: fit-content;\n position: relative;\n}\n\n.recent_sales_wrapper #photo_slider_modal .modal_image_wrapper .image::before {\n content: attr(data-info);\n position: absolute;\n bottom: 0;\n left: 0;\n background-color: #fff;\n padding: 5px 10px;\n opacity: .7;\n color: #000;\n font-size: 15px;\n font-weight: 600;\n border-radius: 0 4px 0 0;\n}\n\n.recent_sales_wrapper #photo_slider_modal .modal_image_wrapper .modal_image {\n width: 100%;\n max-width: 1024px;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper {\n display: flex;\n flex-direction: row-reverse;\n position: absolute;\n top: 183px !important;\n bottom: 0;\n left: 0;\n right: 0;\n overflow: hidden;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper {\n width: 780px;\n flex: 0 0 780px;\n box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.4);\n z-index: 1;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info {\n padding: 10px;\n position: relative;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.4);\n z-index: 2;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend {\n margin-top: 8px;\n font-size: 12px;\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker {\n --size: 25px;\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n padding: 3px;\n color: white;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.helps {\n background-color: #00C09A;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.hurts {\n background-color: #f9392f;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.neutral {\n background-color: #a6ced6;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.total {\n background-color: #1f62ff;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comps_container {\n display: grid;\n gap: 10px;\n grid-template-columns: repeat(auto-fill, minmax(286px, 1fr));\n padding: 10px 10px 10px 15px;\n height: calc(100% - 102px);\n overflow: hidden;\n overflow-y: scroll;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comps_container .photo__overlay_1 .title {\n line-height: 1.2;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comps_container .photo__overlay_1 ul {\n line-height: 1.2;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .map_wrapper {\n position: relative;\n flex: 1 1 100%;\n display: flex;\n flex-direction: column;\n background-color: #f6f6f6;\n justify-content: center;\n align-items: center;\n font-size: 30px;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .map_or_comps {\n display: none;\n position: absolute;\n font-size: 17px;\n font-weight: 500;\n background-color: rgba(52, 152, 219, 0.49);\n border-radius: 7px;\n padding: 10px 20px;\n width: fit-content;\n margin: auto;\n left: 0;\n right: 0;\n bottom: 20px;\n z-index: 20;\n}\n\n.recent_sales_wrapper #recent_sales_analysis_wrapper .map_or_comps:hover {\n background-color: rgba(52, 152, 219, 0.79);\n cursor: pointer;\n}\n\n.recent_sales_wrapper .chart_details_modal_body .title {\n font-size: 16px;\n font-weight: 400;\n margin-bottom: 10px;\n line-height: 1.3;\n text-align: justify;\n}\n\n.recent_sales_wrapper .chart_details_modal_body .list li {\n font-size: 14px;\n font-weight: 400;\n margin-bottom: 3px;\n line-height: 1.4;\n}\n\n.recent_sales_wrapper .help_body .help_section_title {\n font-size: 1.11rem;\n font-weight: 600;\n background: #53a8e1;\n padding: 6px 0px 6px 12px;\n border-radius: 20px;\n color: #fff;\n}\n\n.recent_sales_wrapper .help_body img.help_image {\n margin: 10px auto;\n width: 96%;\n}\n\n@media screen and (min-width: 2500px) {\n .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper {\n width: 1170px;\n flex: 0 0 1170px;\n }\n}\n\n@media screen and (max-width: 1480px) {\n .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper {\n width: 375px;\n flex: 0 0 375px;\n }\n}\n\n@media screen and (max-width: 1007px) {\n .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper {\n width: 100%;\n flex: 0 0 100%;\n display: block;\n }\n .recent_sales_wrapper #recent_sales_analysis_wrapper .map_wrapper {\n flex: 1 1 100%;\n }\n .recent_sales_wrapper #recent_sales_analysis_wrapper .map_or_comps {\n display: block;\n }\n}\n\n@media screen and (max-width: 400px) {\n .recent_sales_wrapper .mapboxgl-popup {\n width: 325px !important;\n max-width: none !important;\n font: 10px/18px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n }\n .recent_sales_wrapper #compInfoModal img {\n width: 100% !important;\n }\n .recent_sales_wrapper #compInfoModal .img-wrapper {\n flex: none !important;\n }\n}\n\n.property_card {\n width: 100%;\n height: max-content;\n margin: 0px 0px 0px 0px;\n padding: 0px;\n list-style: none;\n color: #2a2a33;\n text-transform: none;\n font-family: \"Open Sans\", \"Adjusted Arial\", Tahoma, Geneva, sans-serif;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n background-color: #fff;\n cursor: default;\n outline: none;\n position: relative;\n transition-property: background-color, box-shadow;\n transition-duration: 0.2s;\n transition-timing-function: ease;\n border: 0px solid #d1d1d5;\n border-radius: 5px;\n overflow: hidden;\n box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px 0px;\n -webkit-font-smoothing: antialiased;\n}\n\n.property_card .notice_card {\n height: 399px;\n padding: 20px;\n color: black;\n background-color: #ededed;\n line-height: 1.35;\n}\n\n.star_svg {\n fill: rgba(0, 0, 0, 0.2);\n fill-opacity: 1;\n stroke: gold;\n stroke-width: 4;\n stroke-miterlimit: 4;\n stroke-dasharray: none;\n stroke-opacity: 1;\n}\n\n.property_card:hover {\n box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px 0px;\n}\n\n.property_card__photo {\n position: relative;\n overflow: hidden;\n height: 177px;\n border-radius: 5px 5px 0px 0px;\n background-color: transparent;\n z-index: 0;\n}\n\n.property_card__photo:hover .prev_photo,\n.property_card__photo:hover .next_photo {\n background-color: white;\n}\n\n.property_card__photo img {\n object-fit: cover;\n width: 100%;\n height: 178px;\n}\n\n.property_card__photo .next_photo,\n.property_card__photo .prev_photo {\n position: absolute;\n left: 5px;\n top: 50%;\n background-color: #ffffffb3;\n border-radius: 3px;\n width: 25px;\n height: 28px;\n font-size: 20px;\n opacity: .7;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.property_card__photo .prev_photo {\n left: initial;\n right: 5px;\n}\n\n.property_card__photo .next_photo:hover,\n.property_card__photo .prev_photo:hover {\n opacity: 1;\n}\n\n.photo__overlay_1,\n.photo__overlay_2 {\n font-size: 12px;\n height: 115px;\n padding: 5px;\n background: rgba(0, 0, 0, 0.6);\n color: white;\n width: 90%;\n margin: 0 5%;\n border-radius: 5px 5px 0 0;\n border-top: 2px solid white;\n border-left: 2px solid white;\n border-right: 2px solid white;\n position: absolute;\n bottom: -115px;\n left: 0;\n transition: all .4s ease-in-out;\n}\n\n.photo__overlay_1 h6,\n.photo__overlay_2 h6 {\n font-size: 1.2em;\n color: #2ECC71;\n}\n\n.photo__overlay_1 ul,\n.photo__overlay_2 ul {\n line-height: 1.5;\n}\n\n.photo__overlay_2 h6 {\n color: #3498DB;\n}\n\n.property_card__data {\n color: #2a2a33;\n padding: 8px 10px 10px 10px;\n position: relative;\n}\n\n.data__prices {\n font-size: 20px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.data__prices div {\n line-height: 1;\n font-weight: 400;\n font-size: .8rem;\n}\n\n.data__address {\n text-align: center;\n font-size: 15px;\n line-height: 24px;\n font-weight: 400;\n margin-top: 7px;\n}\n\n.reduction_indicator {\n position: absolute;\n top: 10px;\n left: 32px;\n width: fit-content;\n height: max-content;\n}\n\n.indicator {\n font-size: 13px;\n font-weight: 500;\n text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);\n padding: 0px 8px 2px 17px;\n color: white;\n border: 2px solid white;\n border-radius: 0 5px 5px 0;\n background-color: rgba(0, 0, 0, 0.53);\n position: relative;\n}\n\n.indicator::before {\n --size: 35px;\n content: attr(data-num);\n position: absolute;\n font-size: 18px;\n font-weight: 400;\n text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);\n border-radius: 50%;\n top: -4px;\n left: -25px;\n width: var(--size);\n height: var(--size);\n color: #fff;\n border: 2px solid #fff;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.indicator.helps::before {\n background: #2ECC71;\n}\n\n.indicator.hurts::before {\n background: #ff3e3e;\n}\n\n.indicator.neutral::before {\n background: #a6ced6;\n}\n\n.star {\n filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 4px);\n height: 14px;\n width: 14px;\n margin-right: 0px;\n color: gold;\n position: absolute;\n top: 5px;\n right: 30px;\n}\n\n.data__stats svg {\n top: -10px;\n}\n\n.stat_1,\n.stat_2 {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 5px -3px 0 -3px;\n}\n\n.stat_1:hover,\n.stat_2:hover {\n border-radius: 5px;\n background: rgba(0, 0, 0, 0.02);\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);\n transform: scale(0.98);\n cursor: pointer;\n}\n\n.icon::before {\n display: inline-block;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n}\n\n.chart_ri,\n.chart_cred {\n width: 120px;\n height: 65px;\n position: relative;\n top: -6px;\n}\n\n.message {\n display: table-cell;\n vertical-align: middle;\n height: 100%;\n font-size: 14px;\n line-height: 1.2;\n}\n\n.chart_ri i,\n.chart_cred i {\n width: 34px;\n height: auto;\n position: absolute;\n font-size: 18px;\n top: 42px;\n left: calc(50% - 1px);\n color: #2ECC71;\n}\n\n.chart_cred i {\n left: 51px;\n left: calc(50% - 7px);\n color: #3498DB;\n}\n\n#nbhd_fairness_wrapper {\n height: 100vh;\n display: grid;\n grid-template-columns: 100%;\n grid-template-rows: max-content max-content auto;\n grid-template-areas: \"header\"\r \"legend\"\r \"map\";\n}\n\n#nbhd_fairness_wrapper .subject_bar_wrapper {\n margin-top: 77px;\n}\n\n#nbhd_fairness_wrapper .map_wrapper {\n grid-area: map;\n position: relative;\n}\n\n#nbhd_fairness_wrapper .map_wrapper .map {\n width: 100%;\n height: 100%;\n}\n\n#nbhd_fairness_wrapper .header {\n grid-area: header;\n}\n\n#nbhd_fairness_wrapper .help_body .help_section_title {\n font-size: 1.11rem;\n font-weight: 600;\n background: #53a8e1;\n padding: 6px 0px 6px 12px;\n border-radius: 20px;\n color: #fff;\n margin-bottom: 8px;\n}\n\n#nbhd_fairness_wrapper .help_body img.help_image {\n width: 96%;\n margin: 10px auto;\n display: flex;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper {\n grid-area: legend;\n padding: 0 0 10px 0;\n box-shadow: 0px 4px 7px #bcbcbc;\n z-index: 1;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .layer_message {\n font-size: 20px;\n color: #289ad1;\n text-align: center;\n font-weight: 600;\n margin: 0 auto 10px auto;\n line-height: 1.2;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .select_layer_wrapper {\n display: flex;\n justify-content: center;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .select_layer_wrapper #selectedLayer {\n font-size: 17px;\n border-color: #289AD1;\n width: max-content;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container {\n display: flex;\n justify-content: center;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend2 {\n margin-top: 8px;\n width: 700px;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend2 .title_wrapper {\n font-size: 13px;\n margin: 0 10px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 25px;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend2 .legend_marker {\n width: 100%;\n height: 14px;\n border: 2px solid #fff;\n box-shadow: 0px 0px 10px 0px lightgrey;\n border-radius: 15px;\n background-image: linear-gradient(to right, #154360, #4589b6, #78a9cb, #A9CCE3, #A9CCE3, #F9E79F, #F9E79F, #F9E79F, #E6B0AA, #E6B0AA, #d36055, #b2382d, #641e16);\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend {\n display: flex;\n align-items: center;\n justify-content: space-around;\n gap: 25px;\n width: 700px;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper {\n margin-top: 10px;\n width: 100%;\n font-size: 11px;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_1,\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_2,\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_3 {\n width: 100%;\n height: 14px;\n border: 2px solid #fff;\n box-shadow: 0px 0px 10px 0px lightgrey;\n border-radius: 15px;\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_1 {\n background-image: linear-gradient(to right, #21618C, #A9CCE3);\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_2 {\n text-align: center;\n background-image: linear-gradient(to right, yellow, #F9E79F);\n}\n\n#nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_3 {\n text-align: right;\n background-image: linear-gradient(to right, #F5B7B1, #943126);\n}\n\n#nbhd_fairness_wrapper #value_text,\n#nbhd_fairness_wrapper #improvements_text {\n line-height: 1.25;\n text-align: justify;\n margin-bottom: 8px;\n}\n\n#nbhd_fairness_wrapper #value_table tr, #nbhd_fairness_wrapper #value_table td {\n vertical-align: middle;\n}\n\n#nbhd_fairness_wrapper #value_table .double_underline {\n border-top: 3px double #000;\n}\n\n#nbhd_fairness_wrapper #value_table .blue_background {\n background-color: rgba(0, 81, 255, 0.12);\n}\n\n#nbhd_fairness_wrapper #improvements .table-stripe > tbody > tr:nth-of-type(odd) > * {\n background-color: rgba(0, 81, 255, 0.12);\n}\n\n#nbhd_fairness_wrapper #return_analysis_button {\n height: 37.5px;\n}\n\n@media screen and (max-width: 560px) {\n #nbhd_fairness_wrapper .legend_wrapper .select_layer_wrapper #selectedLayer {\n font-size: 11px;\n }\n #nbhd_fairness_wrapper #return_analysis_button {\n height: 27.5px;\n }\n #nbhd_fairness_wrapper .legend_wrapper .layer_message {\n font-size: 13px;\n }\n}\n\nhtml, body {\n --scrollbarBG: #CFD8DC;\n --thumbBG: #90A4AE;\n font-family: Nunito, sans-serif;\n font-size: 12px;\n font-weight: normal;\n color: #000000;\n background-color: #ffffff;\n letter-spacing: 0.06em;\n}\n\n::-webkit-scrollbar {\n width: 11px;\n}\n\nbody {\n scrollbar-width: thin;\n scrollbar-color: var(--thumbBG) var(--scrollbarBG);\n}\n\n::-webkit-scrollbar-track {\n border-radius: 6px;\n background: var(--scrollbarBG);\n}\n\n::-webkit-scrollbar-thumb {\n background-color: var(--thumbBG);\n border-radius: 6px;\n border: 3px solid var(--scrollbarBG);\n}\n\n.subject_bar_wrapper {\n margin-top: 80px;\n background-color: #f0f0f0;\n}\n\n.subject_bar_wrapper .subject_bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-radius: 5px;\n overflow: hidden;\n}\n\n.subject_bar_wrapper .subject_bar .map {\n width: fit-content;\n height: 100%;\n}\n\n.subject_bar_wrapper .subject_bar .address {\n padding-left: 25px;\n font-size: 30px;\n font-weight: bold;\n color: #289ad1;\n text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n line-height: 1.2;\n}\n\n.subject_bar_wrapper .subject_bar .noticed_values {\n padding-right: 15px;\n font-size: 20px;\n font-weight: bold;\n color: black;\n text-align: end;\n}\n\n.subject_bar_wrapper .subject_bar .noticed_values div {\n margin: 8px 0 12px 0;\n}\n\n.subject_bar_wrapper .subject_bar .noticed_values span {\n line-height: .25;\n display: block;\n font-size: 11px;\n font-weight: normal;\n}\n\n@media screen and (max-width: 768px) {\n .subject_bar_wrapper .subject_bar {\n justify-content: flex-start;\n }\n .subject_bar_wrapper .subject_bar .address {\n padding-left: 12px;\n font-size: 16px;\n text-align: start;\n }\n}\n","#analysis { \r\n padding : 15px;\r\n max-width : 1200px;\r\n margin : 0 auto;\r\n \r\n\r\n $primary-color: #1390bc;\r\n\r\n .btn-success {\r\n --bs-btn-color: #ffffff;\r\n --bs-btn-bg: #2eca8b;\r\n --bs-btn-border-color: #2eca8b;\r\n --bs-btn-hover-color: #ffffff;\r\n --bs-btn-hover-bg: #27ac76;\r\n --bs-btn-hover-border-color: #25a26f;\r\n --bs-btn-focus-shadow-rgb: 77, 210, 156;\r\n --bs-btn-active-color: #ffffff;\r\n --bs-btn-active-bg: #25a26f;\r\n --bs-btn-active-border-color: #239868;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #ffffff;\r\n --bs-btn-disabled-bg: #2eca8b;\r\n --bs-btn-disabled-border-color: #2eca8b;\r\n }\r\n\r\n .btn-primary {\r\n --bs-btn-color: #fff;\r\n --bs-btn-bg: #3e8ebb;\r\n --bs-btn-border-color: #3e8ebb;\r\n --bs-btn-hover-color: #fff;\r\n --bs-btn-hover-bg: #0b5ed7;\r\n --bs-btn-hover-border-color: #0a58ca;\r\n --bs-btn-focus-shadow-rgb: 49, 132, 253;\r\n --bs-btn-active-color: #fff;\r\n --bs-btn-active-bg: #0a58ca;\r\n --bs-btn-active-border-color: #0a53be;\r\n --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\r\n --bs-btn-disabled-color: #fff;\r\n --bs-btn-disabled-bg: #3e8ebb;\r\n --bs-btn-disabled-border-color: #3e8ebb;\r\n }\r\n\r\n .btn-primary:hover {\r\n color: #fff;\r\n background-color: #0a58ca;\r\n border-color: #0a58ca;\r\n }\r\n\r\n .header {\r\n background-color: $primary-color;\r\n color: white;\r\n padding: 20px 35px;\r\n border-radius: 10px 10px 0 0;\r\n \r\n .situs {\r\n font-weight: bold;\r\n font-size: 22px;\r\n text-shadow: 0 0 2px black;\r\n }\r\n \r\n .cad {\r\n font-size: 14px;\r\n }\r\n \r\n .owner {\r\n font-size: 14px;\r\n }\r\n \r\n .protected {\r\n display: flex;\r\n // justify-content: flex-end;\r\n align-items: center;\r\n }\r\n \r\n .shielded {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n text-align: left;\r\n font-size: 10px;\r\n padding-left: 32px;\r\n position: relative;\r\n width: 200px;\r\n height: 50px;\r\n color: #ffffff;\r\n border-radius: 0 10px 10px 0;\r\n line-height: 1.3;\r\n z-index: 1;\r\n \r\n .status {\r\n font-size: 14px;\r\n }\r\n \r\n .ptaxio {\r\n font-weight: 900;\r\n font-size: 17px;\r\n }\r\n \r\n .shield {\r\n position: absolute;\r\n top: -14px;\r\n left: -44px;\r\n \r\n img {\r\n width: 64px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .info_section {\r\n background: linear-gradient(#e1f5ff, #fbfeff);\r\n padding: 40px;\r\n overflow: hidden;\r\n\r\n .savings_text {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n font-size: 16px;\r\n margin-bottom: 5px;\r\n padding-bottom: 2px;\r\n line-height: 22px;\r\n color: #000;\r\n font-weight: normal;\r\n text-align: left;\r\n \r\n p {\r\n line-height: 1;\r\n margin-bottom: 11px;\r\n }\r\n \r\n &.spacer {\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n height: 0.5px;\r\n background-color: rgb(174, 198, 207);\r\n }\r\n }\r\n \r\n .fee_cap {\r\n text-align: left;\r\n color: rgb(128, 128, 128);\r\n padding-top: 4px;\r\n font-size: .9rem;\r\n \r\n &:hover {\r\n text-decoration: none;\r\n color: #2f55d4;\r\n cursor: pointer;\r\n }\r\n }\r\n \r\n .recent_sales_map {\r\n width: 100%;\r\n border: 1px solid lightgray;\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .info_header_grid {\r\n display: grid;\r\n grid-template-columns: 6fr 6fr;\r\n grid-template-areas:\r\n \"county_info savings_estimate\"\r\n \"recent_sales_analysis fairness_analysis\";\r\n grid-gap: 35px;\r\n\r\n .card__styled {\r\n width: 100%;\r\n max-width: calc(100dvw - 65px);\r\n height: auto;\r\n margin-bottom: 20px;\r\n background-color: #fff;\r\n padding: 15px 20px;\r\n border: none;\r\n border-radius: 10px;\r\n box-shadow: 0px 2px 10px 0px rgba(54, 54, 54, 0.1);\r\n\r\n &.recent_sales_analysis, \r\n &.fairness_analysis {\r\n background-color: #f7faf7;\r\n width: 100%;\r\n }\r\n }\r\n\r\n .county_info {\r\n grid-area: county_info;\r\n width: 100%; \r\n .county_info__values_taxrate {\r\n margin: 0 0px;\r\n background-color: #f7faf7;\r\n padding: 7px 0px;\r\n border-radius: 7px;\r\n text-align: center;\r\n box-shadow: 0px 2px 10px 0px rgba(54, 54, 54, 0.1);\r\n } \r\n .county_info__header {\r\n font-size: 18px;\r\n font-weight: 800;\r\n color: rgb(44, 44, 44);\r\n margin-bottom: 0px;\r\n padding-bottom: 3px;\r\n line-height: 1.2;\r\n } \r\n .county_info__line_wrapper {\r\n justify-content: space-between;\r\n margin-top: 5px;\r\n margin-bottom: 5px;\r\n } \r\n .county_info__title {\r\n font-size: 13px;\r\n color: rgb(33, 74, 88);\r\n margin: 0px;\r\n white-space: nowrap;\r\n } \r\n .county_info__value {\r\n font-size: 22px;\r\n color: rgb(33, 74, 88);\r\n line-height: 1;\r\n margin: 0px;\r\n font-weight: bold;\r\n white-space: nowrap;\r\n }\r\n }\r\n .savings_estimate {\r\n grid-area: savings_estimate;\r\n width: 100%;\r\n .savings_estimate__header {\r\n text-transform: capitalize;\r\n font-size: 18px;\r\n line-height: 24px;\r\n color: #000;\r\n font-weight: bold;\r\n margin-bottom: 20px;\r\n }\r\n .savings_estimate__value {\r\n font-size: 25px;\r\n color: #2eca8b;\r\n font-weight: 700;\r\n }\r\n .success_fee {\r\n font-size: 16px;\r\n color: black;\r\n font-weight: 500;\r\n }\r\n .net_savings {\r\n font-size: 22px;\r\n }\r\n }\r\n }\r\n \r\n @media (max-width: 992px) {\r\n & {\r\n padding: 20px;\r\n }\r\n\r\n .info_header_grid {\r\n grid-template-columns: 12fr;\r\n grid-gap: 5px;\r\n grid-template-areas:\r\n \"savings_estimate\"\r\n \"county_info\"\r\n \"recent_sales_analysis\"\r\n \"fairness_analysis\";\r\n }\r\n\r\n .county_info {\r\n background-color: #fff;\r\n padding: 20px;\r\n border: none;\r\n border-radius: 10px;\r\n box-shadow: 0px 2px 10px rgba(54, 54, 54, 0.1);\r\n }\r\n }\r\n\r\n @media (max-width: 556px) {\r\n & {\r\n padding: 20px 5px;\r\n }\r\n\r\n .header .shielded .shield {\r\n position: absolute;\r\n top: 14px;\r\n left: 44px;\r\n }\r\n\r\n .card__styled {\r\n max-width: calc(100vw - 35px);\r\n }\r\n\r\n .ptio_benefits {\r\n padding-top: 0px;\r\n padding-bottom: 20px;\r\n }\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .header .protected {\r\n position: relative;\r\n left: 25px;\r\n }\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n",null,".recent_sales_wrapper {\r\n\r\n #compInfoModal {\r\n .col.img-wrapper {\r\n max-width : 180px;\r\n }\r\n img {\r\n width : 180px;\r\n max-width : 100%;\r\n border : 3px solid white;\r\n box-shadow: 0 0 5px rgba(0, 0, 0, .4);\r\n }\r\n .row {\r\n margin-top: 15px;\r\n }\r\n .situs {\r\n text-align : center;\r\n font-size : 14px;\r\n margin-top : 10px;\r\n font-weight: 600;\r\n }\r\n .col.stats {\r\n margin-top: 7px;\r\n }\r\n table {\r\n line-height : 1.2;\r\n vertical-align: middle;\r\n }\r\n .acp-desc {\r\n text-align: center;\r\n border-top: 1px solid lightgray;\r\n margin-top: 10px;\r\n padding: 8px 0 0 0;\r\n }\r\n .cs-desc {\r\n text-align: center;\r\n }\r\n }\r\n\r\n .mapboxgl-popup {\r\n width : fit-content!important;\r\n max-width: 410px!important;\r\n font : 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n img {\r\n width : 180px;\r\n max-width : 100%;\r\n border : 3px solid white;\r\n box-shadow: 0 0 5px rgba(0, 0, 0, .4);\r\n }\r\n }\r\n \r\n .subject_bar_wrapper {\r\n border-radius: 0;\r\n .subject_bar {\r\n border-radius: 0;\r\n border-bottom: 3px solid #289ad1;\r\n }\r\n }\r\n\r\n ._simple-switch-track._material {\r\n margin-left: 5px;\r\n margin-top : 8px;\r\n }\r\n\r\n #photo_slider_modal {\r\n background : rgb(255, 255, 255);\r\n display : flex;\r\n flex-direction: column;\r\n gap : 20px;\r\n align-items : center;\r\n margin-top : 20px;\r\n margin-bottom : 20px;\r\n \r\n .modal_image_wrapper {\r\n border : 12px solid white;\r\n box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.4);\r\n width : fit-content;\r\n position : relative;\r\n .image::before {\r\n content : attr(data-info);\r\n position : absolute;\r\n bottom : 0;\r\n left : 0;\r\n background-color: #fff;\r\n padding : 5px 10px;\r\n opacity : .7;\r\n color : #000;\r\n font-size : 15px;\r\n font-weight : 600;\r\n border-radius : 0 4px 0 0;\r\n }\r\n .modal_image {\r\n width : 100%;\r\n max-width: 1024px; \r\n }\r\n }\r\n }\r\n \r\n #recent_sales_analysis_wrapper {\r\n display : flex;\r\n flex-direction: row-reverse;\r\n position : absolute;\r\n top : 183px!important;\r\n bottom : 0;\r\n left : 0;\r\n right : 0;\r\n overflow : hidden;\r\n .comps_wrapper {\r\n width : 780px;\r\n flex : 0 0 780px;\r\n box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.4);\r\n z-index : 1;\r\n .comp_info { \r\n padding : 10px;\r\n position: relative;\r\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.4);\r\n z-index: 2;\r\n .legend {\r\n margin-top : 8px;\r\n font-size : 12px;\r\n display : flex;\r\n flex-direction : row;\r\n justify-content: space-around;\r\n .marker_wrapper {\r\n display : flex;\r\n flex-direction: column;\r\n align-items : center;\r\n .marker {\r\n --size : 25px;\r\n width : var(--size);\r\n height : var(--size);\r\n border-radius : 50%;\r\n padding : 3px;\r\n color : white;\r\n display : flex;\r\n justify-content : center;\r\n align-items : center;\r\n &.helps {\r\n background-color: #00C09A;\r\n }\r\n &.hurts {\r\n background-color: #f9392f;\r\n }\r\n &.neutral {\r\n background-color: #a6ced6;\r\n }\r\n &.total {\r\n background-color: rgb(31, 98, 255);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .comps_container {\r\n display : grid;\r\n gap : 10px;\r\n grid-template-columns: repeat(auto-fill, minmax(286px, 1fr));\r\n padding : 10px 10px 10px 15px;\r\n height : calc(100% - 102px);\r\n overflow : hidden;\r\n overflow-y : scroll;\r\n\r\n .photo__overlay_1 {\r\n .title {\r\n line-height: 1.2;\r\n }\r\n ul {\r\n line-height: 1.2;\r\n }\r\n }\r\n }\r\n }\r\n .map_wrapper {\r\n position : relative;\r\n flex : 1 1 100%;\r\n display : flex;\r\n flex-direction : column;\r\n background-color: #f6f6f6;\r\n justify-content : center;\r\n align-items : center;\r\n font-size : 30px;\r\n }\r\n .map_or_comps {\r\n display : none;\r\n position : absolute;\r\n font-size : 17px;\r\n font-weight : 500;\r\n background-color: rgba(52, 152, 219, 0.49);\r\n border-radius : 7px;\r\n padding : 10px 20px;\r\n width : fit-content;\r\n margin : auto;\r\n left : 0;\r\n right : 0;\r\n bottom : 20px;\r\n z-index : 20;\r\n \r\n &:hover {\r\n background-color: rgba(52, 152, 219, 0.79);\r\n cursor : pointer;\r\n }\r\n }\r\n }\r\n \r\n .chart_details_modal_body {\r\n .title {\r\n font-size : 16px;\r\n font-weight : 400;\r\n margin-bottom: 10px;\r\n line-height : 1.3;\r\n text-align : justify;\r\n }\r\n \r\n .list {\r\n li {\r\n font-size : 14px;\r\n font-weight : 400;\r\n margin-bottom: 3px;\r\n line-height : 1.4;\r\n }\r\n }\r\n \r\n }\r\n\r\n .help_body {\r\n .help_section_title {\r\n font-size : 1.11rem;\r\n font-weight : 600;\r\n background : #53a8e1;\r\n padding : 6px 0px 6px 12px;\r\n border-radius: 20px;\r\n color : #fff;\r\n }\r\n img.help_image {\r\n margin: 10px auto;\r\n width: 96%;\r\n }\r\n }\r\n\r\n @media screen and (min-width: 2500px) {\r\n #recent_sales_analysis_wrapper {\r\n .comps_wrapper { \r\n width : 1170px;\r\n flex : 0 0 1170px;\r\n }\r\n }\r\n }\r\n @media screen and (max-width: 1480px) {\r\n #recent_sales_analysis_wrapper { \r\n .comps_wrapper { \r\n width : 375px;\r\n flex : 0 0 375px;\r\n }\r\n }\r\n }\r\n @media screen and (max-width: 1007px) {\r\n #recent_sales_analysis_wrapper {\r\n .comps_wrapper { \r\n width : 100%;\r\n flex : 0 0 100%;\r\n display: block;\r\n }\r\n .map_wrapper { \r\n flex: 1 1 100%;\r\n }\r\n .map_or_comps {\r\n display: block;\r\n }\r\n }\r\n }\r\n @media screen and (max-width: 400px) {\r\n .mapboxgl-popup {\r\n width : 325px!important;\r\n max-width: none!important;\r\n font : 10px/18px 'Helvetica Neue', Arial, Helvetica, sans-serif;\r\n }\r\n\r\n #compInfoModal {\r\n img {\r\n width: 100%!important;\r\n }\r\n .img-wrapper {\r\n flex: none !important;\r\n } \r\n }\r\n }\r\n\r\n\r\n}",".property_card {\r\n width : 100%;\r\n height : max-content;\r\n margin : 0px 0px 0px 0px;\r\n padding : 0px;\r\n list-style : none;\r\n color : #2a2a33;\r\n text-transform : none;\r\n font-family : \"Open Sans\", \"Adjusted Arial\", Tahoma, Geneva, sans-serif;\r\n font-weight : 400;\r\n font-size : 16px;\r\n line-height : 24px;\r\n background-color : #fff;\r\n cursor : default;\r\n outline : none;\r\n position : relative;\r\n transition-property : background-color, box-shadow;\r\n transition-duration : 0.2s;\r\n transition-timing-function: ease;\r\n border : 0px solid #d1d1d5;\r\n border-radius : 5px;\r\n overflow : hidden;\r\n box-shadow : rgba(0,0,0,.3%) 0px 2px 3px 0px;\r\n -webkit-font-smoothing : antialiased;\r\n\r\n .notice_card {\r\n height : 399px;\r\n padding : 20px;\r\n color : black;\r\n background-color: #ededed;\r\n line-height : 1.35;\r\n }\r\n}\r\n\r\n.star_svg {\r\n fill : rgba(0, 0, 0, 0.2);\r\n fill-opacity : 1;\r\n stroke : gold;\r\n stroke-width : 4;\r\n stroke-miterlimit: 4;\r\n stroke-dasharray : none;\r\n stroke-opacity : 1\r\n}\r\n\r\n.property_card:hover {\r\n box-shadow: rgba(0,0, 0, .3%) 0px 4px 8px 0px;\r\n}\r\n\r\n.property_card__photo {\r\n position : relative;\r\n overflow : hidden;\r\n height : 177px;\r\n border-radius : 5px 5px 0px 0px;\r\n background-color: transparent;\r\n z-index : 0;\r\n\r\n &:hover .prev_photo,\r\n &:hover .next_photo {\r\n background-color: white;\r\n }\r\n}\r\n\r\n.property_card__photo img {\r\n object-fit: cover;\r\n width : 100%;\r\n height : 178px; \r\n}\r\n\r\n.property_card__photo .next_photo,\r\n.property_card__photo .prev_photo {\r\n position : absolute;\r\n left : 5px;\r\n top : 50%;\r\n background-color: #ffffffb3;\r\n border-radius : 3px;\r\n width : 25px;\r\n height : 28px;\r\n font-size : 20px;\r\n opacity : .7;\r\n display : flex;\r\n align-items : center;\r\n justify-content : center;\r\n}\r\n.property_card__photo .prev_photo {\r\n left : initial;\r\n right: 5px;\r\n}\r\n.property_card__photo .next_photo:hover,\r\n.property_card__photo .prev_photo:hover {\r\n opacity: 1;\r\n}\r\n\r\n.photo__overlay_1,\r\n.photo__overlay_2 {\r\n font-size : 12px;\r\n height : 115px;\r\n padding : 5px;\r\n background : rgba(0, 0, 0, .6);\r\n color : white;\r\n width : 90%;\r\n margin : 0 5%;\r\n border-radius: 5px 5px 0 0;\r\n border-top : 2px solid white;\r\n border-left : 2px solid white;\r\n border-right : 2px solid white;\r\n position : absolute;\r\n bottom : -115px;\r\n left : 0;\r\n transition : all .4s ease-in-out;\r\n h6 {\r\n font-size: 1.2em;\r\n color : #2ECC71;\r\n }\r\n ul {\r\n line-height: 1.5;\r\n }\r\n}\r\n.photo__overlay_2 {\r\n h6 {\r\n color: #3498DB;\r\n }\r\n}\r\n\r\n.property_card__data {\r\n color : #2a2a33;\r\n padding : 8px 10px 10px 10px;\r\n position: relative;\r\n}\r\n\r\n.data__prices {\r\n font-size : 20px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n}\r\n\r\n.data__prices div {\r\n line-height: 1;\r\n font-weight: 400;\r\n font-size : .8rem;\r\n}\r\n\r\n.data__address {\r\n text-align : center;\r\n font-size : 15px;\r\n line-height: 24px;\r\n font-weight: 400;\r\n margin-top : 7px;\r\n}\r\n\r\n.reduction_indicator {\r\n position: absolute;\r\n top : 10px;\r\n left : 32px;\r\n width : fit-content;\r\n height : max-content;\r\n}\r\n\r\n.indicator {\r\n font-size : 13px;\r\n font-weight : 500;\r\n text-shadow : 2px 2px 1px rgba(0, 0, 0, .5);\r\n padding : 0px 8px 2px 17px;\r\n color : white;\r\n border : 2px solid white;\r\n border-radius : 0 5px 5px 0;\r\n background-color: rgba(0, 0, 0, 0.53);\r\n position : relative;\r\n}\r\n\r\n.indicator::before {\r\n --size : 35px;\r\n content : attr(data-num);\r\n position : absolute;\r\n font-size : 18px;\r\n font-weight : 400;\r\n text-shadow : 2px 2px 3px rgba(0, 0, 0, .5);\r\n border-radius : 50%;\r\n top : -4px;\r\n left : -25px;\r\n width : var(--size);\r\n height : var(--size);\r\n color : #fff;\r\n border : 2px solid #fff; \r\n display : flex;\r\n align-items : center;\r\n justify-content: center;\r\n}\r\n.indicator.helps::before {\r\n background: #2ECC71;\r\n}\r\n.indicator.hurts::before {\r\n background: #ff3e3e;;\r\n}\r\n.indicator.neutral::before {\r\n background: #a6ced6;\r\n}\r\n\r\n\r\n.star {\r\n filter : drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 4px);\r\n height : 14px;\r\n width : 14px;\r\n margin-right: 0px;\r\n color : gold;\r\n position : absolute;\r\n top : 5px;\r\n right : 30px;\r\n}\r\n\r\n.data__stats svg {\r\n top: -10px;\r\n}\r\n\r\n.stat_1,\r\n.stat_2 {\r\n display : flex;\r\n align-items : center;\r\n justify-content: center;\r\n margin : 5px -3px 0 -3px;\r\n}\r\n.stat_1:hover,\r\n.stat_2:hover {\r\n border-radius: 5px;\r\n background : rgba(0, 0, 0, 0.02);\r\n box-shadow : inset 0 0 0 1px rgba(0, 0, 0, 0.15);\r\n transform : scale(.98);\r\n cursor : pointer;\r\n}\r\n\r\n.icon::before {\r\n display : inline-block;\r\n text-rendering : auto;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.chart_ri,\r\n.chart_cred {\r\n width : 120px;\r\n height : 65px;\r\n position: relative;\r\n top : -6px;\r\n}\r\n\r\n.message {\r\n display : table-cell;\r\n vertical-align: middle;\r\n height : 100%;\r\n font-size : 14px;\r\n line-height : 1.2;\r\n}\r\n\r\n.chart_ri i,\r\n.chart_cred i {\r\n width : 34px;\r\n height : auto;\r\n position : absolute;\r\n font-size: 18px;\r\n top : 42px;\r\n left : calc(50% - 1px);\r\n color : #2ECC71;\r\n}\r\n\r\n.chart_cred i {\r\n left : 51px;\r\n left : calc(50% - 7px);\r\n color: #3498DB;\r\n}","#nbhd_fairness_wrapper {\r\n height : 100vh;\r\n display : grid;\r\n grid-template-columns: 100%;\r\n grid-template-rows : max-content max-content auto;\r\n grid-template-areas : \r\n \"header\"\r\n \"legend\"\r\n \"map\";\r\n\r\n .subject_bar_wrapper {\r\n margin-top: 77px;\r\n }\r\n\r\n .map_wrapper {\r\n grid-area: map;\r\n position : relative;\r\n .map {\r\n width : 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .header {\r\n grid-area: header;\r\n }\r\n\r\n .help_body {\r\n .help_section_title {\r\n font-size : 1.11rem;\r\n font-weight : 600;\r\n background : #53a8e1;\r\n padding : 6px 0px 6px 12px;\r\n border-radius: 20px;\r\n color : #fff;\r\n margin-bottom: 8px;\r\n }\r\n img.help_image {\r\n width : 96%;\r\n margin : 10px auto;\r\n display: flex;\r\n }\r\n }\r\n \r\n .legend_wrapper {\r\n grid-area : legend;\r\n padding : 0 0 10px 0;\r\n box-shadow: 0px 4px 7px #bcbcbc;\r\n z-index : 1;\r\n .layer_message {\r\n font-size : 20px;\r\n color : #289ad1;\r\n text-align : center;\r\n font-weight: 600;\r\n margin : 0 auto 10px auto;\r\n line-height: 1.2;\r\n }\r\n .select_layer_wrapper {\r\n display : flex;\r\n justify-content: center; \r\n #selectedLayer {\r\n font-size : 17px;\r\n border-color: #289AD1;\r\n width : max-content;\r\n }\r\n }\r\n .legend_container {\r\n display : flex;\r\n justify-content: center;\r\n\r\n .legend2 {\r\n margin-top: 8px;\r\n width : 700px;\r\n .title_wrapper {\r\n font-size : 13px;\r\n margin : 0 10px;\r\n display : flex;\r\n align-items : center;\r\n justify-content: space-between;\r\n gap : 25px;\r\n }\r\n .legend_marker {\r\n width : 100%;\r\n height : 14px;\r\n border : 2px solid #fff;\r\n box-shadow : 0px 0px 10px 0px lightgrey;\r\n border-radius : 15px;\r\n background-image: linear-gradient(to right, #154360, \r\n #4589b6, \r\n #78a9cb,\r\n #A9CCE3,\r\n #A9CCE3,\r\n #F9E79F, \r\n #F9E79F,\r\n #F9E79F,\r\n #E6B0AA,\r\n #E6B0AA,\r\n #d36055,\r\n #b2382d, \r\n #641e16);\r\n }\r\n }\r\n\r\n .legend {\r\n display : flex;\r\n align-items : center;\r\n justify-content: space-around;\r\n gap : 25px;\r\n width : 700px;\r\n .marker_wrapper {\r\n margin-top: 10px;\r\n width : 100%;\r\n font-size : 11px;\r\n .marker_1,\r\n .marker_2,\r\n .marker_3 {\r\n width : 100%;\r\n height : 14px;\r\n border : 2px solid #fff;\r\n box-shadow : 0px 0px 10px 0px lightgrey;\r\n border-radius: 15px;\r\n } \r\n .marker_1 {\r\n background-image: linear-gradient(to right, #21618C, #A9CCE3);\r\n }\r\n .marker_2 {\r\n text-align: center;\r\n background-image: linear-gradient(to right, hsl(60, 100%, 50%), #F9E79F);\r\n }\r\n .marker_3 {\r\n text-align: right;\r\n background-image: linear-gradient(to right, #F5B7B1, #943126 );\r\n }\r\n\r\n }\r\n }\r\n }\r\n }\r\n\r\n #value_text,\r\n #improvements_text {\r\n line-height : 1.25;\r\n text-align : justify;\r\n margin-bottom: 8px;\r\n }\r\n\r\n #value_table {\r\n tr, td {\r\n vertical-align: middle;\r\n }\r\n .double_underline {\r\n border-top : 3px double #000;\r\n } \r\n .blue_background {\r\n background-color: rgba(0, 81, 255, 0.12);\r\n }\r\n }\r\n\r\n #improvements {\r\n .table-stripe>tbody>tr:nth-of-type(odd)>* {\r\n background-color: rgba(0, 81, 255, 0.12);\r\n }\r\n }\r\n\r\n #return_analysis_button {\r\n height: 37.5px;\r\n }\r\n\r\n @media screen and (max-width: 560px) {\r\n .legend_wrapper .select_layer_wrapper #selectedLayer {\r\n font-size: 11px;\r\n }\r\n #return_analysis_button {\r\n height: 27.5px;\r\n }\r\n .legend_wrapper { \r\n .layer_message {\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n\r\n}","\r\n$clr-ptio-blue : #289ad1;\r\n$clr-bg-color-secondary: #f0f0f0;"]} /* autoprefixer: on */ /* autoprefixer grid: autoplace */ @import url(https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900&display=swap); /* https://codepen.io/jcoulterdesign/pen/bNxeKY */ .preloader { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 9999999; background: #fff; display: block; } .cog-loader { height: 86px; position: relative; margin: calc(50vh - 216px) auto; text-align: center; } .cog-loader h1 { text-transform: uppercase; font-size: 30px; color: #576e81; margin: 0px; } .cog-loader h2 { font-weight: normal; font-size: 1.34rem; color: #F98DB9; margin: -5px 0px 0px 0px; } .cog-loader p { font-size: 20px; font-weight: 400; color: #000000; width: 320px; height: auto; position: absolute; left: -110px; right: 0; bottom: -190px; animation: fadeIn 1s infinite alternate; -webkit-animation: fadeIn 1s infinite alternate; } .loader_overlay { width: 150px; height: 150px; background: #0000; box-shadow: 0px 0px 0px 60px rgba(255, 255, 255, 0.67), 0px 0px 19px 0px rgba(0, 0, 0, 0.16) inset; border-radius: 100%; z-index: -1; position: absolute; left: 0; right: 0; top: 245px; bottom: 0; margin: auto; } .cog-loader .loader_cogs { z-index: -2; width: 100px; height: 100px; top: 188px !important; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; } .cog-loader .loader_cogs__top { position: relative; width: 100px; height: 100px; -webkit-transform-origin: 50px 50px; transform-origin: 50px 50px; -webkit-animation: rotate 10s infinite linear; animation: rotate 10s infinite linear; } .cog-loader .loader_cogs__top div:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .cog-loader .loader_cogs__top div:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); } .cog-loader .loader_cogs__top div:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .cog-loader .loader_cogs__top div.top_part { width: 100px; border-radius: 10px; position: absolute; height: 100px; background: #f98db9; } .cog-loader .loader_cogs__top div.top_hole { width: 50px; height: 50px; border-radius: 100%; background: white; position: absolute; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .cog-loader .loader_cogs__left { position: relative; width: 80px; -webkit-transform: rotate(16deg); transform: rotate(16deg); top: 28px; -webkit-transform-origin: 40px 40px; transform-origin: 40px 40px; animation: rotate_left 10s .1s infinite reverse linear; left: -24px; height: 80px; -moz-transform: rotate(16deg); -ms-transform: rotate(16deg); -o-transform: rotate(16deg); -webkit-animation: rotate_left 10s .1s infinite reverse linear; } .cog-loader .loader_cogs__left div:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .cog-loader .loader_cogs__left div:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); } .cog-loader .loader_cogs__left div:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .cog-loader .loader_cogs__left div.left_part { width: 80px; border-radius: 6px; position: absolute; height: 80px; background: #97ddff; } .cog-loader .loader_cogs__left div.left_hole { width: 40px; height: 40px; border-radius: 100%; background: white; position: absolute; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .cog-loader .loader_cogs__bottom { position: relative; width: 60px; top: -65px; -webkit-transform-origin: 30px 30px; transform-origin: 30px 30px; -webkit-animation: rotate_left 10.2s .4s infinite linear; animation: rotate_left 10.2s .4s infinite linear; -webkit-transform: rotate(4deg); transform: rotate(4deg); left: 79px; height: 60px; -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg); } .cog-loader .loader_cogs__bottom div:nth-of-type(1) { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .cog-loader .loader_cogs__bottom div:nth-of-type(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); } .cog-loader .loader_cogs__bottom div:nth-of-type(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .cog-loader .loader_cogs__bottom div.bottom_part { width: 60px; border-radius: 5px; position: absolute; height: 60px; background: #ffcd66; } .cog-loader .loader_cogs__bottom div.bottom_hole { width: 30px; height: 30px; border-radius: 100%; background: white; position: absolute; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } /* Animations */ @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotate_left { from { -webkit-transform: rotate(16deg); transform: rotate(16deg); } to { -webkit-transform: rotate(376deg); transform: rotate(376deg); } } @keyframes rotate_left { from { -webkit-transform: rotate(16deg); transform: rotate(16deg); } to { -webkit-transform: rotate(376deg); transform: rotate(376deg); } } @-webkit-keyframes rotate_right { from { -webkit-transform: rotate(4deg); transform: rotate(4deg); } to { -webkit-transform: rotate(364deg); transform: rotate(364deg); } } @keyframes rotate_right { from { -webkit-transform: rotate(4deg); transform: rotate(4deg); } to { -webkit-transform: rotate(364deg); transform: rotate(364deg); } } @-webkit-keyframes fadeIn { from { opacity: 0; } } @keyframes fadeIn { from { opacity: 0; } } #analysis { padding: 15px; max-width: 1200px; margin: 0 auto; } #analysis .btn-success { --bs-btn-color: #ffffff; --bs-btn-bg: #2eca8b; --bs-btn-border-color: #2eca8b; --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: #27ac76; --bs-btn-hover-border-color: #25a26f; --bs-btn-focus-shadow-rgb: 77, 210, 156; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: #25a26f; --bs-btn-active-border-color: #239868; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffffff; --bs-btn-disabled-bg: #2eca8b; --bs-btn-disabled-border-color: #2eca8b; } #analysis .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #3e8ebb; --bs-btn-border-color: #3e8ebb; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3e8ebb; --bs-btn-disabled-border-color: #3e8ebb; } #analysis .btn-primary:hover { color: #fff; background-color: #0a58ca; border-color: #0a58ca; } #analysis .header { background-color: #1390bc; color: white; padding: 20px 35px; border-radius: 10px 10px 0 0; } #analysis .header .situs { font-weight: bold; font-size: 22px; text-shadow: 0 0 2px black; } #analysis .header .cad { font-size: 14px; } #analysis .header .owner { font-size: 14px; } #analysis .header .protected { display: flex; align-items: center; } #analysis .header .shielded { display: flex; flex-direction: column; justify-content: center; text-align: left; font-size: 10px; padding-left: 32px; position: relative; width: 200px; height: 50px; color: #ffffff; border-radius: 0 10px 10px 0; line-height: 1.3; z-index: 1; } #analysis .header .shielded .status { font-size: 14px; } #analysis .header .shielded .ptaxio { font-weight: 900; font-size: 17px; } #analysis .header .shielded .shield { position: absolute; top: -14px; left: -44px; } #analysis .header .shielded .shield img { width: 64px; } #analysis .info_section { background: linear-gradient(#e1f5ff, #fbfeff); padding: 40px; overflow: hidden; } #analysis .info_section .savings_text { display: flex; flex-direction: row; justify-content: space-between; font-size: 16px; margin-bottom: 5px; padding-bottom: 2px; line-height: 22px; color: #000; font-weight: normal; text-align: left; } #analysis .info_section .savings_text p { line-height: 1; margin-bottom: 11px; } #analysis .info_section .savings_text.spacer { margin-top: 10px; margin-bottom: 10px; height: 0.5px; background-color: #aec6cf; } #analysis .info_section .fee_cap { text-align: left; color: gray; padding-top: 4px; font-size: .9rem; } #analysis .info_section .fee_cap:hover { text-decoration: none; color: #2f55d4; cursor: pointer; } #analysis .info_section .recent_sales_map { width: 100%; border: 1px solid lightgray; overflow: hidden; display: flex; justify-content: center; align-items: center; } #analysis .info_section .info_header_grid { display: -ms-grid; display: grid; -ms-grid-columns: 6fr 35px 6fr; grid-template-columns: 6fr 6fr; -ms-grid-rows: auto 35px auto; grid-template-areas: "county_info savings_estimate" "recent_sales_analysis fairness_analysis"; grid-gap: 35px; } #analysis .info_section .info_header_grid .card__styled { width: 100%; max-width: calc(100dvw - 65px); height: auto; margin-bottom: 20px; background-color: #fff; padding: 15px 20px; border: none; border-radius: 10px; box-shadow: 0px 2px 10px 0px rgba(54, 54, 54, 0.1); } #analysis .info_section .info_header_grid .card__styled.recent_sales_analysis, #analysis .info_section .info_header_grid .card__styled.fairness_analysis { background-color: #f7faf7; width: 100%; } #analysis .info_section .info_header_grid .county_info { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: county_info; width: 100%; } #analysis .info_section .info_header_grid .county_info .county_info__values_taxrate { margin: 0 0px; background-color: #f7faf7; padding: 7px 0px; border-radius: 7px; text-align: center; box-shadow: 0px 2px 10px 0px rgba(54, 54, 54, 0.1); } #analysis .info_section .info_header_grid .county_info .county_info__header { font-size: 18px; font-weight: 800; color: #2c2c2c; margin-bottom: 0px; padding-bottom: 3px; line-height: 1.2; } #analysis .info_section .info_header_grid .county_info .county_info__line_wrapper { justify-content: space-between; margin-top: 5px; margin-bottom: 5px; } #analysis .info_section .info_header_grid .county_info .county_info__title { font-size: 13px; color: #214a58; margin: 0px; white-space: nowrap; } #analysis .info_section .info_header_grid .county_info .county_info__value { font-size: 22px; color: #214a58; line-height: 1; margin: 0px; font-weight: bold; white-space: nowrap; } #analysis .info_section .info_header_grid .savings_estimate { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: savings_estimate; width: 100%; } #analysis .info_section .info_header_grid .savings_estimate .savings_estimate__header { text-transform: capitalize; font-size: 18px; line-height: 24px; color: #000; font-weight: bold; margin-bottom: 20px; } #analysis .info_section .info_header_grid .savings_estimate .savings_estimate__value { font-size: 25px; color: #2eca8b; font-weight: 700; } #analysis .info_section .info_header_grid .savings_estimate .success_fee { font-size: 16px; color: black; font-weight: 500; } #analysis .info_section .info_header_grid .savings_estimate .net_savings { font-size: 22px; } @media (max-width: 992px) { #analysis .info_section { padding: 20px; } #analysis .info_section .info_header_grid { -ms-grid-columns: 12fr; grid-template-columns: 12fr; grid-gap: 5px; -ms-grid-rows: auto 5px auto 5px auto 5px auto; grid-template-areas: "savings_estimate" "county_info" "recent_sales_analysis" "fairness_analysis"; } #analysis .info_section .county_info { background-color: #fff; padding: 20px; border: none; border-radius: 10px; box-shadow: 0px 2px 10px rgba(54, 54, 54, 0.1); } #analysis .info_section .info_header_grid .county_info { -ms-grid-row: 3; -ms-grid-column: 1; } #analysis .info_section .info_header_grid .savings_estimate { -ms-grid-row: 1; -ms-grid-column: 1; } } @media (max-width: 556px) { #analysis .info_section { padding: 20px 5px; } #analysis .info_section .header .shielded .shield { position: absolute; top: 14px; left: 44px; } #analysis .info_section .card__styled { max-width: calc(100vw - 35px); } #analysis .info_section .ptio_benefits { padding-top: 0px; padding-bottom: 20px; } } @media (max-width: 768px) { #analysis .header .protected { position: relative; left: 25px; } } .recent_sales_wrapper #compInfoModal .col.img-wrapper { max-width: 180px; } .recent_sales_wrapper #compInfoModal img { width: 180px; max-width: 100%; border: 3px solid white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .recent_sales_wrapper #compInfoModal .row { margin-top: 15px; } .recent_sales_wrapper #compInfoModal .situs { text-align: center; font-size: 14px; margin-top: 10px; font-weight: 600; } .recent_sales_wrapper #compInfoModal .col.stats { margin-top: 7px; } .recent_sales_wrapper #compInfoModal table { line-height: 1.2; vertical-align: middle; } .recent_sales_wrapper #compInfoModal .acp-desc { text-align: center; border-top: 1px solid lightgray; margin-top: 10px; padding: 8px 0 0 0; } .recent_sales_wrapper #compInfoModal .cs-desc { text-align: center; } .recent_sales_wrapper .mapboxgl-popup { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 410px !important; font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif; } .recent_sales_wrapper .mapboxgl-popup img { width: 180px; max-width: 100%; border: 3px solid white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .recent_sales_wrapper .subject_bar_wrapper { border-radius: 0; } .recent_sales_wrapper .subject_bar_wrapper .subject_bar { border-radius: 0; border-bottom: 3px solid #289ad1; } .recent_sales_wrapper ._simple-switch-track._material { margin-left: 5px; margin-top: 8px; } .recent_sales_wrapper #photo_slider_modal { background: white; display: flex; flex-direction: column; gap: 20px; align-items: center; margin-top: 20px; margin-bottom: 20px; } .recent_sales_wrapper #photo_slider_modal .modal_image_wrapper { border: 12px solid white; box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.4); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; } .recent_sales_wrapper #photo_slider_modal .modal_image_wrapper .image::before { content: attr(data-info); position: absolute; bottom: 0; left: 0; background-color: #fff; padding: 5px 10px; opacity: .7; color: #000; font-size: 15px; font-weight: 600; border-radius: 0 4px 0 0; } .recent_sales_wrapper #photo_slider_modal .modal_image_wrapper .modal_image { width: 100%; max-width: 1024px; } .recent_sales_wrapper #recent_sales_analysis_wrapper { display: flex; flex-direction: row-reverse; position: absolute; top: 183px !important; bottom: 0; left: 0; right: 0; overflow: hidden; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper { width: 780px; flex: 0 0 780px; box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.4); z-index: 1; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info { padding: 10px; position: relative; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.4); z-index: 2; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend { margin-top: 8px; font-size: 12px; display: flex; flex-direction: row; justify-content: space-around; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper { display: flex; flex-direction: column; align-items: center; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker { --size: 25px; width: var(--size); height: var(--size); border-radius: 50%; padding: 3px; color: white; display: flex; justify-content: center; align-items: center; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.helps { background-color: #00C09A; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.hurts { background-color: #f9392f; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.neutral { background-color: #a6ced6; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comp_info .legend .marker_wrapper .marker.total { background-color: #1f62ff; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comps_container { display: -ms-grid; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(286px, 1fr)); padding: 10px 10px 10px 15px; height: calc(100% - 102px); overflow: hidden; overflow-y: scroll; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comps_container .photo__overlay_1 .title { line-height: 1.2; } .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper .comps_container .photo__overlay_1 ul { line-height: 1.2; } .recent_sales_wrapper #recent_sales_analysis_wrapper .map_wrapper { position: relative; flex: 1 1 100%; display: flex; flex-direction: column; background-color: #f6f6f6; justify-content: center; align-items: center; font-size: 30px; } .recent_sales_wrapper #recent_sales_analysis_wrapper .map_or_comps { display: none; position: absolute; font-size: 17px; font-weight: 500; background-color: rgba(52, 152, 219, 0.49); border-radius: 7px; padding: 10px 20px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: auto; left: 0; right: 0; bottom: 20px; z-index: 20; } .recent_sales_wrapper #recent_sales_analysis_wrapper .map_or_comps:hover { background-color: rgba(52, 152, 219, 0.79); cursor: pointer; } .recent_sales_wrapper .chart_details_modal_body .title { font-size: 16px; font-weight: 400; margin-bottom: 10px; line-height: 1.3; text-align: justify; } .recent_sales_wrapper .chart_details_modal_body .list li { font-size: 14px; font-weight: 400; margin-bottom: 3px; line-height: 1.4; } .recent_sales_wrapper .help_body .help_section_title { font-size: 1.11rem; font-weight: 600; background: #53a8e1; padding: 6px 0px 6px 12px; border-radius: 20px; color: #fff; } .recent_sales_wrapper .help_body img.help_image { margin: 10px auto; width: 96%; } @media screen and (min-width: 2500px) { .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper { width: 1170px; flex: 0 0 1170px; } } @media screen and (max-width: 1480px) { .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper { width: 375px; flex: 0 0 375px; } } @media screen and (max-width: 1007px) { .recent_sales_wrapper #recent_sales_analysis_wrapper .comps_wrapper { width: 100%; flex: 0 0 100%; display: block; } .recent_sales_wrapper #recent_sales_analysis_wrapper .map_wrapper { flex: 1 1 100%; } .recent_sales_wrapper #recent_sales_analysis_wrapper .map_or_comps { display: block; } } @media screen and (max-width: 400px) { .recent_sales_wrapper .mapboxgl-popup { width: 325px !important; max-width: none !important; font: 10px/18px 'Helvetica Neue', Arial, Helvetica, sans-serif; } .recent_sales_wrapper #compInfoModal img { width: 100% !important; } .recent_sales_wrapper #compInfoModal .img-wrapper { flex: none !important; } } .property_card { width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; margin: 0px 0px 0px 0px; padding: 0px; list-style: none; color: #2a2a33; text-transform: none; font-family: "Open Sans", "Adjusted Arial", Tahoma, Geneva, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; background-color: #fff; cursor: default; outline: none; position: relative; transition-property: background-color, box-shadow; transition-duration: 0.2s; transition-timing-function: ease; border: 0px solid #d1d1d5; border-radius: 5px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px 0px; -webkit-font-smoothing: antialiased; } .property_card .notice_card { height: 399px; padding: 20px; color: black; background-color: #ededed; line-height: 1.35; } .star_svg { fill: rgba(0, 0, 0, 0.2); fill-opacity: 1; stroke: gold; stroke-width: 4; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1; } .property_card:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 8px 0px; } .property_card__photo { position: relative; overflow: hidden; height: 177px; border-radius: 5px 5px 0px 0px; background-color: transparent; z-index: 0; } .property_card__photo:hover .prev_photo, .property_card__photo:hover .next_photo { background-color: white; } .property_card__photo img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 178px; } .property_card__photo .next_photo, .property_card__photo .prev_photo { position: absolute; left: 5px; top: 50%; background-color: #ffffffb3; border-radius: 3px; width: 25px; height: 28px; font-size: 20px; opacity: .7; display: flex; align-items: center; justify-content: center; } .property_card__photo .prev_photo { left: initial; right: 5px; } .property_card__photo .next_photo:hover, .property_card__photo .prev_photo:hover { opacity: 1; } .photo__overlay_1, .photo__overlay_2 { font-size: 12px; height: 115px; padding: 5px; background: rgba(0, 0, 0, 0.6); color: white; width: 90%; margin: 0 5%; border-radius: 5px 5px 0 0; border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid white; position: absolute; bottom: -115px; left: 0; transition: all .4s ease-in-out; } .photo__overlay_1 h6, .photo__overlay_2 h6 { font-size: 1.2em; color: #2ECC71; } .photo__overlay_1 ul, .photo__overlay_2 ul { line-height: 1.5; } .photo__overlay_2 h6 { color: #3498DB; } .property_card__data { color: #2a2a33; padding: 8px 10px 10px 10px; position: relative; } .data__prices { font-size: 20px; font-weight: 700; line-height: 24px; } .data__prices div { line-height: 1; font-weight: 400; font-size: .8rem; } .data__address { text-align: center; font-size: 15px; line-height: 24px; font-weight: 400; margin-top: 7px; } .reduction_indicator { position: absolute; top: 10px; left: 32px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .indicator { font-size: 13px; font-weight: 500; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); padding: 0px 8px 2px 17px; color: white; border: 2px solid white; border-radius: 0 5px 5px 0; background-color: rgba(0, 0, 0, 0.53); position: relative; } .indicator::before { --size: 35px; content: attr(data-num); position: absolute; font-size: 18px; font-weight: 400; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); border-radius: 50%; top: -4px; left: -25px; width: var(--size); height: var(--size); color: #fff; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; } .indicator.helps::before { background: #2ECC71; } .indicator.hurts::before { background: #ff3e3e; } .indicator.neutral::before { background: #a6ced6; } .star { -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 4px); filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 2px 4px); height: 14px; width: 14px; margin-right: 0px; color: gold; position: absolute; top: 5px; right: 30px; } .data__stats svg { top: -10px; } .stat_1, .stat_2 { display: flex; align-items: center; justify-content: center; margin: 5px -3px 0 -3px; } .stat_1:hover, .stat_2:hover { border-radius: 5px; background: rgba(0, 0, 0, 0.02); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15); -webkit-transform: scale(0.98); transform: scale(0.98); cursor: pointer; } .icon::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } .chart_ri, .chart_cred { width: 120px; height: 65px; position: relative; top: -6px; } .message { display: table-cell; vertical-align: middle; height: 100%; font-size: 14px; line-height: 1.2; } .chart_ri i, .chart_cred i { width: 34px; height: auto; position: absolute; font-size: 18px; top: 42px; left: calc(50% - 1px); color: #2ECC71; } .chart_cred i { left: 51px; left: calc(50% - 7px); color: #3498DB; } #nbhd_fairness_wrapper { height: 100vh; display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: -webkit-max-content -webkit-max-content auto; -ms-grid-rows: max-content max-content auto; grid-template-rows: -webkit-max-content -webkit-max-content auto; grid-template-rows: max-content max-content auto; grid-template-areas: "header" "legend" "map"; } #nbhd_fairness_wrapper .subject_bar_wrapper { margin-top: 77px; } #nbhd_fairness_wrapper .map_wrapper { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: map; position: relative; } #nbhd_fairness_wrapper .map_wrapper .map { width: 100%; height: 100%; } #nbhd_fairness_wrapper .header { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: header; } #nbhd_fairness_wrapper .help_body .help_section_title { font-size: 1.11rem; font-weight: 600; background: #53a8e1; padding: 6px 0px 6px 12px; border-radius: 20px; color: #fff; margin-bottom: 8px; } #nbhd_fairness_wrapper .help_body img.help_image { width: 96%; margin: 10px auto; display: flex; } #nbhd_fairness_wrapper .legend_wrapper { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: legend; padding: 0 0 10px 0; box-shadow: 0px 4px 7px #bcbcbc; z-index: 1; } #nbhd_fairness_wrapper .legend_wrapper .layer_message { font-size: 20px; color: #289ad1; text-align: center; font-weight: 600; margin: 0 auto 10px auto; line-height: 1.2; } #nbhd_fairness_wrapper .legend_wrapper .select_layer_wrapper { display: flex; justify-content: center; } #nbhd_fairness_wrapper .legend_wrapper .select_layer_wrapper #selectedLayer { font-size: 17px; border-color: #289AD1; width: -webkit-max-content; width: -moz-max-content; width: max-content; } #nbhd_fairness_wrapper .legend_wrapper .legend_container { display: flex; justify-content: center; } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend2 { margin-top: 8px; width: 700px; } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend2 .title_wrapper { font-size: 13px; margin: 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 25px; } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend2 .legend_marker { width: 100%; height: 14px; border: 2px solid #fff; box-shadow: 0px 0px 10px 0px lightgrey; border-radius: 15px; background-image: linear-gradient(to right, #154360, #4589b6, #78a9cb, #A9CCE3, #A9CCE3, #F9E79F, #F9E79F, #F9E79F, #E6B0AA, #E6B0AA, #d36055, #b2382d, #641e16); } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend { display: flex; align-items: center; justify-content: space-around; gap: 25px; width: 700px; } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper { margin-top: 10px; width: 100%; font-size: 11px; } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_1, #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_2, #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_3 { width: 100%; height: 14px; border: 2px solid #fff; box-shadow: 0px 0px 10px 0px lightgrey; border-radius: 15px; } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_1 { background-image: linear-gradient(to right, #21618C, #A9CCE3); } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_2 { text-align: center; background-image: linear-gradient(to right, yellow, #F9E79F); } #nbhd_fairness_wrapper .legend_wrapper .legend_container .legend .marker_wrapper .marker_3 { text-align: right; background-image: linear-gradient(to right, #F5B7B1, #943126); } #nbhd_fairness_wrapper #value_text, #nbhd_fairness_wrapper #improvements_text { line-height: 1.25; text-align: justify; margin-bottom: 8px; } #nbhd_fairness_wrapper #value_table tr, #nbhd_fairness_wrapper #value_table td { vertical-align: middle; } #nbhd_fairness_wrapper #value_table .double_underline { border-top: 3px double #000; } #nbhd_fairness_wrapper #value_table .blue_background { background-color: rgba(0, 81, 255, 0.12); } #nbhd_fairness_wrapper #improvements .table-stripe > tbody > tr:nth-of-type(odd) > * { background-color: rgba(0, 81, 255, 0.12); } #nbhd_fairness_wrapper #return_analysis_button { height: 37.5px; } @media screen and (max-width: 560px) { #nbhd_fairness_wrapper .legend_wrapper .select_layer_wrapper #selectedLayer { font-size: 11px; } #nbhd_fairness_wrapper #return_analysis_button { height: 27.5px; } #nbhd_fairness_wrapper .legend_wrapper .layer_message { font-size: 13px; } } html, body { --scrollbarBG: #CFD8DC; --thumbBG: #90A4AE; font-family: Nunito, sans-serif; font-size: 12px; font-weight: normal; color: #000000; background-color: #ffffff; letter-spacing: 0.06em; } ::-webkit-scrollbar { width: 11px; } body { scrollbar-width: thin; scrollbar-color: var(--thumbBG) var(--scrollbarBG); } ::-webkit-scrollbar-track { border-radius: 6px; background: var(--scrollbarBG); } ::-webkit-scrollbar-thumb { background-color: var(--thumbBG); border-radius: 6px; border: 3px solid var(--scrollbarBG); } .subject_bar_wrapper { margin-top: 80px; background-color: #f0f0f0; } .subject_bar_wrapper .subject_bar { display: flex; justify-content: space-between; align-items: center; border-radius: 5px; overflow: hidden; } .subject_bar_wrapper .subject_bar .map { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 100%; } .subject_bar_wrapper .subject_bar .address { padding-left: 25px; font-size: 30px; font-weight: bold; color: #289ad1; text-shadow: 0 0 5px rgba(0, 0, 0, 0.25); line-height: 1.2; } .subject_bar_wrapper .subject_bar .noticed_values { padding-right: 15px; font-size: 20px; font-weight: bold; color: black; text-align: end; } .subject_bar_wrapper .subject_bar .noticed_values div { margin: 8px 0 12px 0; } .subject_bar_wrapper .subject_bar .noticed_values span { line-height: .25; display: block; font-size: 11px; font-weight: normal; } @media screen and (max-width: 768px) { .subject_bar_wrapper .subject_bar { justify-content: flex-start; } .subject_bar_wrapper .subject_bar .address { padding-left: 12px; font-size: 16px; text-align: start; } } /*# sourceMappingURL=maps/styles.css.map */