-
@@ -161,6 +160,5 @@
How to customize formatting for each rich text
-
\ No newline at end of file
diff --git a/src/css/wazimap-ng.webflow.css b/src/css/wazimap-ng.webflow.css
index dc7962215..974eaec10 100644
--- a/src/css/wazimap-ng.webflow.css
+++ b/src/css/wazimap-ng.webflow.css
@@ -1,85 +1,51 @@
.w-checkbox {
- display: block;
margin-bottom: 5px;
padding-left: 20px;
+ display: block;
}
-.w-checkbox::before {
- content: ' ';
+.w-checkbox:before {
+ content: " ";
+ grid-area: 1 / 1 / 2 / 2;
display: table;
- -ms-grid-column-span: 1;
- grid-column-end: 2;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
-}
-
-.w-checkbox::after {
- content: ' ';
- display: table;
- -ms-grid-column-span: 1;
- grid-column-end: 2;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
+}
+
+.w-checkbox:after {
+ content: " ";
clear: both;
+ grid-area: 1 / 1 / 2 / 2;
+ display: table;
}
.w-checkbox-input {
float: left;
- margin-bottom: 0px;
- margin-left: -20px;
- margin-right: 0px;
- margin-top: 4px;
+ margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
- border-top-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-right-width: 1px;
- border-top-color: #ccc;
- border-bottom-color: #ccc;
- border-left-color: #ccc;
- border-right-color: #ccc;
- border-top-style: solid;
- border-bottom-style: solid;
- border-left-style: solid;
- border-right-style: solid;
width: 12px;
height: 12px;
- border-bottom-left-radius: 2px;
- border-bottom-right-radius: 2px;
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
+ border: 1px solid #ccc;
+ border-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
- border-top-color: #3898ec;
- border-bottom-color: #3898ec;
- border-left-color: #3898ec;
- border-right-color: #3898ec;
background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
- background-position: 50% 50%;
- background-size: cover;
+ background-position: 50%;
background-repeat: no-repeat;
+ background-size: cover;
+ border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
- box-shadow: 0px 0px 3px 1px #3898ec;
+ box-shadow: 0 0 3px 1px #3898ec;
}
body {
- font-family: Roboto, sans-serif;
color: #333;
+ font-family: Roboto, sans-serif;
font-size: 14px;
}
@@ -87,32 +53,32 @@ h1 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 2.4em;
- line-height: 140%;
font-weight: 700;
+ line-height: 140%;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 2em;
- line-height: 36px;
font-weight: 700;
+ line-height: 36px;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 1.6em;
- line-height: 30px;
font-weight: 700;
+ line-height: 30px;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.3em;
- line-height: 1.3em;
font-weight: 500;
+ line-height: 1.3em;
}
p {
@@ -126,54 +92,34 @@ a {
}
label {
- display: block;
font-weight: 700;
+ display: block;
}
.rich-data-content {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-height: 100vh;
+ background-color: #fff;
+ flex-direction: column;
+ flex: 1;
+ align-items: stretch;
margin-top: -56px;
margin-bottom: -56px;
padding-top: 64px;
- padding-right: 64px;
padding-left: 64px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- background-color: #fff;
+ padding-right: 64px;
+ display: flex;
+ position: relative;
}
.section {
- position: relative;
padding-bottom: 60px;
+ position: relative;
}
.section.header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ display: flex;
}
.body {
@@ -181,88 +127,71 @@ label {
}
.rich-data-nav {
- position: fixed;
- left: 0%;
- top: 0%;
- right: auto;
- bottom: 0%;
z-index: 2;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 180px;
background-color: #f8f8f8;
+ display: flex;
+ position: fixed;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
}
.map {
+ justify-content: center;
+ display: flex;
position: fixed;
- left: 0%;
top: 56px;
- right: 0%;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
+ left: 0%;
+ right: 0%;
}
.nav {
- position: fixed;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: auto;
z-index: 99999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 56px;
- padding-right: 16px;
- padding-left: 16px;
background-color: #fff;
+ padding-left: 16px;
+ padding-right: 16px;
+ display: flex;
+ position: fixed;
+ top: 0%;
+ bottom: auto;
+ left: 0%;
+ right: 0%;
}
.nav.narrow {
- padding-right: 48px;
padding-left: 48px;
+ padding-right: 48px;
}
.section-link {
+ z-index: -1;
+ margin-top: -140px;
position: absolute;
- left: 0%;
top: 0%;
- right: 0%;
bottom: 0%;
- z-index: -1;
- margin-top: -140px;
+ left: 0%;
+ right: 0%;
}
.panel-toggle {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 44px;
height: 44px;
- margin-top: 12px;
- padding: 10px;
+ cursor: pointer;
+ background-color: #fff;
+ background-image: linear-gradient(to right, rgba(0, 0, 0, .05), rgba(0, 0, 0, 0) 16%);
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
- background-color: #fff;
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.05)), color-stop(16%, transparent));
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05), transparent 16%);
- box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.1);
- -webkit-transition: width 200ms cubic-bezier(.23, 1, .32, 1), padding 200ms cubic-bezier(.23, 1, .32, 1);
- transition: width 200ms cubic-bezier(.23, 1, .32, 1), padding 200ms cubic-bezier(.23, 1, .32, 1);
- cursor: pointer;
+ margin-top: 12px;
+ padding: 10px;
+ transition: width .2s cubic-bezier(.23, 1, .32, 1), padding .2s cubic-bezier(.23, 1, .32, 1);
+ display: flex;
+ position: relative;
+ box-shadow: 4px 0 8px rgba(0, 0, 0, .1);
}
.panel-toggle.cc-active {
@@ -270,73 +199,46 @@ label {
}
.rich-data {
- position: relative;
- left: 0px;
- top: 56px;
- right: auto;
z-index: 4;
- display: none;
width: 1184px;
max-width: 98%;
+ display: none;
+ position: relative;
+ top: 56px;
+ left: 0;
+ right: auto;
}
.rich-data.webflow {
- left: 0px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
+ left: 0;
}
.location-highlight__value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ text-align: center;
justify-content: center;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
font-size: 1.2em;
font-weight: 500;
- text-align: center;
+ display: flex;
}
.map-location {
- position: absolute;
- top: 16px;
- bottom: auto;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
max-width: 85vw;
- padding: 8px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ background-color: rgba(255, 255, 255, .63);
+ border-radius: 4px;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
align-self: center;
- border-radius: 4px;
- background-color: hsla(0, 0%, 100%, 0.63);
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 0 1px 6px -2px rgba(0, 0, 0, 0.3);
- -webkit-transition: all 400ms ease;
- transition: all 400ms ease;
+ align-items: center;
+ padding: 8px;
+ transition: all .4s;
+ display: flex;
+ position: absolute;
+ top: 16px;
+ bottom: auto;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 0 1px 6px -2px rgba(0, 0, 0, .3);
}
.map-location:hover {
@@ -344,24 +246,15 @@ label {
}
.location-tag__loading-icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
- margin-right: -4px;
- margin-left: 2px;
- padding: 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ opacity: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- opacity: 1;
- font-size: 0.8em;
+ margin-left: 2px;
+ margin-right: -4px;
+ padding: 4px;
+ font-size: .8em;
+ display: flex;
}
.location-tag__loading-icon.hidden {
@@ -369,85 +262,55 @@ label {
}
.location-tag__type {
- position: absolute;
- top: -7px;
- bottom: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 12px;
- padding-right: 4px;
- padding-left: 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- font-family: Verdana, Geneva, sans-serif;
- font-size: 0.6em;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
+ border-radius: 2px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ padding-left: 4px;
+ padding-right: 4px;
+ font-family: Verdana, Geneva, sans-serif;
+ font-size: .6em;
+ display: flex;
+ position: absolute;
+ top: -7px;
+ bottom: auto;
}
.location-tag {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
max-width: 180px;
min-width: 80px;
+ color: #fff;
+ text-align: center;
+ cursor: pointer;
+ background-color: #707070;
+ background-image: none;
+ border: 1px solid rgba(0, 0, 0, 0);
+ border-radius: 3px;
+ flex-direction: row;
+ flex: none;
+ justify-content: center;
+ align-items: center;
margin: 4px;
padding-top: 3px;
- padding-right: 8px;
padding-left: 8px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border: 1px solid transparent;
- border-radius: 3px;
- background-color: #707070;
- background-image: none;
- box-shadow: 0 2px 7px -4px #000;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
- color: #fff;
- font-size: 0.85em;
- text-align: center;
+ padding-right: 8px;
+ font-size: .85em;
text-decoration: none;
- cursor: pointer;
+ transition: all .2s;
+ display: flex;
+ position: relative;
+ box-shadow: 0 2px 7px -4px #000;
}
.location-tag:hover {
- border-color: #ccc;
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
color: #fff;
+ background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
+ border-color: #ccc;
}
.location-tag.active {
@@ -455,29 +318,16 @@ label {
}
.location-highlight {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ border-top: 1px solid rgba(0, 0, 0, .15);
+ border-right: 1px solid rgba(0, 0, 0, .15);
+ flex-direction: column;
+ flex: 1;
+ align-items: center;
margin-top: 4px;
padding-top: 8px;
- padding-right: 12px;
padding-left: 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-top: 1px solid rgba(0, 0, 0, 0.15);
- border-right: 1px solid rgba(0, 0, 0, 0.15);
+ padding-right: 12px;
+ display: flex;
}
.location-highlight.last {
@@ -485,97 +335,58 @@ label {
}
.location-highlight__title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
color: #666;
- font-size: 0.6em;
- line-height: 100%;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
+ justify-content: center;
+ align-self: stretch;
+ margin-bottom: 2px;
+ font-size: .6em;
+ line-height: 100%;
+ display: flex;
}
.map-location__info {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
align-self: center;
+ display: flex;
}
.map-location__tags {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: auto;
max-width: 100%;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
flex-direction: row;
+ display: flex;
+ overflow: auto;
}
.rich-data-nav__list {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: auto;
width: 100%;
- padding-top: 120px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ padding-top: 120px;
+ display: flex;
+ overflow: auto;
}
.category-header__title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.rich-data-toggles {
+ z-index: 2;
+ width: 44px;
+ height: 0;
+ flex: none;
position: -webkit-sticky;
position: sticky;
top: 68px;
- z-index: 2;
- width: 44px;
- height: 0px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
}
.svg-icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
+ display: flex;
}
.svg-icon.small {
@@ -594,7 +405,7 @@ label {
.svg-icon.is--walkthrough-arrow-left {
width: 16px;
- margin-right: 0.5em;
+ margin-right: .5em;
}
.svg-icon.is--walkthrough-arrow-right {
@@ -603,227 +414,134 @@ label {
}
.svg-icon.is--cluster-icon {
- display: none;
width: 12px;
height: 12px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
color: #fff;
+ justify-content: center;
+ display: none;
}
.svg-icon.is--cluster-icon.is--shown {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.svg-icon.is--small {
width: 12px;
height: 12px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
}
.cc-clear {
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
line-height: 100%;
}
.location__breadcrumbs {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: -3px;
- margin-right: -3px;
- margin-left: -3px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ margin-top: -3px;
+ margin-left: -3px;
+ margin-right: -3px;
+ display: flex;
}
.breadcrumb {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: auto;
height: 24px;
- margin: 3px;
- padding-right: 8px;
- padding-left: 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
- align-self: flex-start;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 3px;
- background-color: #707070;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
color: #fff;
- font-size: 0.85em;
text-transform: capitalize;
cursor: pointer;
+ background-color: #707070;
+ border-radius: 3px;
+ flex: none;
+ align-self: flex-start;
+ align-items: center;
+ margin: 3px;
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: .85em;
+ transition: all .2s;
+ display: flex;
}
.breadcrumb:hover {
- background-color: #333;
color: #fff;
+ background-color: #333;
}
.location-facility__category {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
align-items: flex-start;
- font-size: 0.85em;
+ font-size: .85em;
font-weight: 500;
+ display: flex;
}
.location__facilities_title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
+ text-transform: none;
flex: 1;
line-height: 140%;
- text-transform: none;
+ display: flex;
}
.location-facility__item_name {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex: 1;
+ padding-left: 4px;
display: flex;
overflow: hidden;
- padding-left: 4px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
}
.location__facilities {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: -6px;
+ border-top: 1px solid rgba(0, 0, 0, .06);
+ border-bottom: 1px solid rgba(0, 0, 0, .06);
+ flex-flow: wrap;
+ align-self: stretch;
margin-left: -6px;
+ margin-right: -6px;
padding-top: 12px;
padding-bottom: 12px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
- border-top: 1px solid rgba(0, 0, 0, 0.06);
- border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+ display: flex;
+ position: relative;
}
.location-facility__item_value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
justify-content: flex-end;
+ display: flex;
}
.location-facility__description {
+ color: #999;
+ border-top: 1px dashed #ccc;
margin-top: 6px;
padding-top: 6px;
padding-right: 12px;
- border-top: 1px dashed #ccc;
- color: #999;
- font-size: 0.8em;
+ font-size: .8em;
line-height: 130%;
}
.location-facility__list {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: 6px;
- padding-top: 6px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ color: #666;
+ border-top: 1px solid #ccc;
flex-direction: column;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- border-top: 1px solid #ccc;
- color: #666;
- font-size: 0.8em;
+ align-items: flex-start;
+ margin-top: 6px;
+ padding-top: 6px;
+ font-size: .8em;
+ display: flex;
}
.location-facility__card {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 100%;
- padding: 8px 10px 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-radius: 2px;
background-color: #f0f0f0;
+ border-radius: 2px;
+ flex-direction: column;
+ padding: 8px 10px 12px;
line-height: 100%;
+ display: flex;
}
.location-facility {
@@ -834,11 +552,8 @@ label {
.location-facility__icon {
width: 24px;
height: 24px;
+ flex: none;
margin-right: 6px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
}
.location-facility__value {
@@ -847,32 +562,24 @@ label {
}
.location-facility__list_item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
min-height: 28px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- grid-auto-columns: 1fr;
- -ms-grid-columns: 4fr 1fr 0.75fr;
- grid-template-columns: 4fr 1fr 0.75fr;
- -ms-grid-rows: auto;
- grid-template-rows: auto;
+ color: #707070;
border-bottom: 1px solid #e6e6e6;
border-radius: 2px;
- color: #707070;
+ grid-template-rows: auto;
+ grid-template-columns: 4fr 1fr .75fr;
+ grid-auto-columns: 1fr;
+ align-items: center;
line-height: 170%;
text-decoration: none;
+ display: flex;
}
.location-facility__list_item:hover {
- border-bottom-color: transparent;
- background-color: rgba(0, 0, 0, 0.1);
color: #333;
+ background-color: rgba(0, 0, 0, .1);
+ border-bottom-color: rgba(0, 0, 0, 0);
}
.location-facility__list_item.last {
@@ -880,100 +587,73 @@ label {
}
.location-facility__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
align-items: flex-start;
+ display: flex;
}
.location__title {
- margin-bottom: 24px;
text-transform: capitalize;
+ margin-bottom: 24px;
}
.rich-data-bumper {
- position: relative;
- top: 56px;
width: 180px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
background-color: #f8f8f8;
+ flex: none;
+ position: relative;
+ top: 56px;
}
.rich-data-nav__toggle {
- position: absolute;
- left: auto;
- top: 72px;
- right: -22px;
- bottom: auto;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 44px;
height: 44px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #fff;
+ cursor: pointer;
+ background-color: #707070;
+ border-radius: 22px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 22px;
- background-color: #707070;
+ display: flex;
+ position: absolute;
+ top: 72px;
+ bottom: auto;
+ left: auto;
+ right: -22px;
box-shadow: 0 0 20px -14px #000;
- color: #fff;
- cursor: pointer;
}
.rich-data-nav__toggle:hover {
- border-color: #f0f0f0;
background-color: #333;
+ border-color: #f0f0f0;
}
.rich-data-nav__item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
+ color: #707070;
+ white-space: nowrap;
+ border-right: 2px solid rgba(0, 0, 0, 0);
justify-content: flex-end;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-right: 2px solid transparent;
- color: #707070;
- font-size: 0.9em;
+ font-size: .9em;
text-decoration: none;
- white-space: nowrap;
+ display: flex;
}
.rich-data-nav__item:hover {
- border-right-color: #707070;
- background-color: rgba(0, 0, 0, 0.1);
color: #333;
+ background-color: rgba(0, 0, 0, .1);
+ border-right-color: #707070;
}
.rich-data-nav__item:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.rich-data-nav__item.w--current {
- border-right-color: #39ad84;
- background-color: #fff;
color: #333;
white-space: nowrap;
+ background-color: #fff;
+ border-right-color: #39ad84;
}
.rich-data-nav__item.w--current:hover {
@@ -983,204 +663,122 @@ label {
.rich-data-nav__item-icon {
width: 44px;
height: 44px;
+ flex: none;
padding: 10px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
}
.rich-data-nav__item-text {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 120px;
+ color: #333;
+ text-align: right;
+ border-right: 1px solid rgba(0, 0, 0, .08);
+ flex-direction: row;
+ justify-content: flex-end;
margin-top: 8px;
margin-bottom: 8px;
- padding-right: 8px;
padding-left: 8px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- border-right: 1px solid rgba(0, 0, 0, 0.08);
- color: #333;
- text-align: right;
+ padding-right: 8px;
+ display: flex;
}
.nav__shadow {
+ width: 100%;
+ height: 16px;
+ background-image: linear-gradient(rgba(0, 0, 0, .08), rgba(0, 0, 0, .02) 34%, rgba(0, 0, 0, 0));
position: absolute;
- left: 0%;
top: auto;
- right: 0%;
bottom: -16px;
- width: 100%;
- height: 16px;
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.08)), color-stop(34%, rgba(0, 0, 0, 0.02)), to(transparent));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.02) 34%, transparent);
+ left: 0%;
+ right: 0%;
}
.location__facilities_sources {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ flex-wrap: wrap;
+ align-self: stretch;
+ align-items: center;
margin-top: 16px;
- margin-right: 6px;
margin-left: 6px;
+ margin-right: 6px;
padding-bottom: 12px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
+ display: flex;
}
.label {
- margin-right: 2px;
- margin-left: 2px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
color: #333;
- font-size: 0.85em;
+ flex: none;
+ margin-left: 2px;
+ margin-right: 2px;
+ font-size: .85em;
}
.data-source {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 28px;
- margin-right: 2px;
+ cursor: pointer;
+ border-radius: 2px;
+ flex: none;
+ align-items: center;
margin-bottom: 2px;
margin-left: 2px;
- padding-right: 6px;
+ margin-right: 2px;
padding-left: 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
+ padding-right: 6px;
text-decoration: underline;
- cursor: pointer;
+ display: flex;
}
.data-source:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #000;
+ background-color: rgba(0, 0, 0, .1);
}
.sticky-header {
- position: -webkit-sticky;
- position: sticky;
- top: 56px;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
align-self: flex-start;
+ align-items: center;
+ display: flex;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 56px;
}
.category-header__text {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.category-header__icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 44px;
+ align-items: center;
padding-top: 4px;
- padding-right: 12px;
padding-bottom: 4px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ padding-right: 12px;
+ display: flex;
}
.category-header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 32px;
- padding-bottom: 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-bottom: 1px solid #c7c7c7;
flex-direction: column;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- border-bottom: 1px solid #c7c7c7;
+ justify-content: space-between;
+ margin-bottom: 32px;
+ padding-bottom: 12px;
+ display: flex;
}
.sub-category-header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-top: 32px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-top: 1px solid #c7c7c7;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- border-top: 1px solid #c7c7c7;
+ padding-top: 32px;
+ display: flex;
}
.sub-category-header.first {
- padding-top: 0px;
border-top-style: none;
+ padding-top: 0;
}
.indicator__title_wrapper {
@@ -1188,88 +786,57 @@ label {
}
.sub-category-header__title {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
margin-bottom: 24px;
+ display: flex;
+ position: relative;
}
.sub-category-header__key-metrics {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-bottom: 24px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
border-bottom: 1px solid #c7c7c7;
+ flex-flow: wrap;
+ align-items: stretch;
+ padding-bottom: 24px;
+ display: flex;
}
.sub-category-header__key-metrics_title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- margin-top: 8px;
- margin-bottom: 12px;
color: #999;
- font-size: 0.9em;
- line-height: 140%;
letter-spacing: 1.5px;
text-transform: uppercase;
+ margin-top: 8px;
+ margin-bottom: 12px;
+ font-size: .9em;
+ line-height: 140%;
+ display: flex;
}
.h3__line-v {
+ z-index: -1;
+ height: 3px;
+ display: flex;
position: absolute;
- left: -2px;
top: auto;
+ left: -2px;
right: 0%;
- z-index: -1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 3px;
}
.sub-category-header__description {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
margin-bottom: 8px;
+ display: flex;
}
.link-block {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
+ align-items: center;
+ padding: 8px;
+ display: flex;
}
.link-block:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.key-metric {
@@ -1278,52 +845,37 @@ label {
}
.key-metric__card {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
height: 100%;
- padding: 10px 10px 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-radius: 2px;
background-color: #f0f0f0;
+ border-radius: 2px;
+ flex-direction: column;
+ padding: 10px 10px 12px;
line-height: 100%;
+ display: flex;
+ overflow: hidden;
}
.key-metric__value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
margin-bottom: 2px;
font-size: 1.8em;
line-height: 1em;
+ display: flex;
}
.key-metric__title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
color: #666;
- font-size: 0.8em;
+ flex-wrap: wrap;
+ font-size: .8em;
line-height: 1.3em;
+ display: flex;
}
.key-metric__description {
+ color: #999;
+ border-top: 1px dashed #ccc;
margin-top: 6px;
padding-top: 6px;
- border-top: 1px dashed #ccc;
- color: #999;
- font-size: 0.8em;
+ font-size: .8em;
line-height: 130%;
}
@@ -1333,75 +885,47 @@ label {
}
.bar-chart__label_position {
- position: absolute;
- left: 0px;
- top: 100%;
- right: 0px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ white-space: nowrap;
+ justify-content: center;
margin-top: 6px;
- margin-right: auto;
margin-left: auto;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- white-space: nowrap;
+ margin-right: auto;
+ display: flex;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
}
.dropdown-menu__label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 6px;
color: #999;
- font-size: 0.7em;
- line-height: 1em;
- letter-spacing: 0.1em;
+ letter-spacing: .1em;
text-transform: uppercase;
+ margin-bottom: 6px;
+ font-size: .7em;
+ line-height: 1em;
+ display: flex;
}
.profile-indicator__chart_description {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
max-width: 450px;
+ color: #999;
+ border-radius: 2px;
+ flex: 0 auto;
+ align-items: flex-start;
margin-bottom: 6px;
padding-top: 1em;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-flex: 0;
- -webkit-flex: 0 auto;
- -ms-flex: 0 auto;
- flex: 0 auto;
- border-radius: 2px;
- color: #999;
- font-size: 0.8em;
+ font-size: .8em;
+ display: flex;
}
.profile-indicator {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-top: 24px;
- padding-bottom: 16px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-bottom: 1px solid #c7c7c7;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- border-bottom: 1px solid #c7c7c7;
+ padding-top: 24px;
+ padding-bottom: 16px;
+ display: flex;
}
.profile-indicator.last {
@@ -1409,48 +933,31 @@ label {
}
.profile-indicator__chart_source {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-left: auto;
- padding: 0.8em 0px 0.8em 8px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
+ border-radius: 2px;
justify-content: flex-end;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
align-self: flex-start;
- border-radius: 2px;
- font-size: 0.85em;
+ align-items: center;
+ margin-left: auto;
+ padding: .8em 0 .8em 8px;
+ font-size: .85em;
+ display: flex;
}
.dropdown-menu__content {
- position: absolute;
- top: -4px;
z-index: 10;
- display: none;
width: 100%;
max-height: 200px;
+ color: #666;
+ background-color: #fff;
+ border: 1px solid #e6e6e6;
+ border-radius: 2px;
+ flex-direction: column;
padding-top: 4px;
padding-bottom: 4px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-style: solid;
- border-width: 1px;
- border-color: #e6e6e6;
- border-radius: 2px;
- background-color: #fff;
- box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08);
- color: #666;
+ display: none;
+ position: absolute;
+ top: -4px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, .08);
}
.dropdown-menu__content.scroll-element {
@@ -1458,17 +965,14 @@ label {
}
.dropdown-menu__content.position-top {
- left: 0%;
+ display: none;
top: auto;
- right: 0%;
bottom: 0%;
- display: none;
+ left: 0%;
+ right: 0%;
}
.dropdown-menu__content.position-top.scroll-element.show {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
@@ -1478,78 +982,50 @@ label {
}
.profile-indicator__chart {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: 16px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ margin-top: 16px;
+ display: flex;
+ position: relative;
}
.bar-chart__labels {
+ width: 100%;
+ color: #999;
+ justify-content: space-between;
+ padding-left: 100px;
+ display: flex;
position: absolute;
- left: 0%;
top: 0%;
- right: 0%;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 100%;
- padding-left: 100px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- color: #999;
+ left: 0%;
+ right: 0%;
}
.bar-chart__label {
- position: relative;
width: 1px;
- background-color: rgba(0, 0, 0, 0.05);
+ background-color: rgba(0, 0, 0, .05);
+ position: relative;
}
.profile-indicator__options {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-left: 24px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
justify-content: flex-end;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ margin-left: 24px;
+ display: flex;
}
.dropdown-menu__trigger {
- position: relative;
z-index: 9;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
height: 36px;
- padding: 6px 6px 6px 12px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 3px;
- background-color: #f0f0f0;
cursor: pointer;
+ background-color: #f0f0f0;
+ border-radius: 3px;
+ align-items: center;
+ padding: 6px 6px 6px 12px;
+ display: flex;
+ position: relative;
}
.dropdown-menu__trigger:hover {
@@ -1558,8 +1034,8 @@ label {
.dropdown-menu__trigger.narrow {
height: 35px;
- padding-top: 0px;
- padding-bottom: 0px;
+ padding-top: 0;
+ padding-bottom: 0;
}
.dropdown-menu__trigger.disabled {
@@ -1567,78 +1043,52 @@ label {
}
.filter__dropdown_wrap {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin: 6px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ margin: 6px;
+ display: flex;
}
.filter__dropdown_wrap.disabled {
- opacity: 0.4;
+ opacity: .4;
}
.dropdown-menu {
- position: relative;
z-index: 10;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-width: 200px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
- font-size: 0.9em;
+ font-size: .9em;
+ display: flex;
+ position: relative;
}
.chart__footer_label {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
color: #333;
+ flex: none;
}
.bar-chart__underline {
height: 1px;
+ background-color: #e6e6e6;
margin-top: 16px;
margin-left: 100px;
- background-color: #e6e6e6;
}
.dropdown__list_item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-height: 32px;
- padding: 4px 12px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
cursor: pointer;
+ align-items: center;
+ padding: 4px 12px;
+ display: flex;
}
.dropdown__list_item:hover {
- background-color: rgba(0, 0, 0, 0.06);
color: #000;
+ background-color: rgba(0, 0, 0, .06);
}
.dropdown__list_item:active {
- background-color: rgba(0, 0, 0, 0.24);
+ background-color: rgba(0, 0, 0, .24);
}
.dropdown__list_item.selected {
@@ -1647,117 +1097,66 @@ label {
}
.dropdown-menu__selected-item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ align-self: stretch;
+ align-items: center;
line-height: 1.2;
+ display: flex;
+ overflow: hidden;
}
.profile-indicator__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 24px;
- padding-bottom: 12px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
+ border-bottom: 1px solid rgba(0, 0, 0, .06);
justify-content: space-between;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+ align-items: flex-start;
+ margin-bottom: 24px;
+ padding-bottom: 12px;
+ display: flex;
}
.profile-indicator__header.demo {
+ border-bottom: 1px solid rgba(0, 0, 0, .1);
padding-bottom: 12px;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.profile-indicator__filters {
- position: relative;
z-index: 2;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: -6px;
- margin-left: -6px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
+ margin-left: -6px;
+ margin-right: -6px;
+ display: flex;
+ position: relative;
}
.bar-chart__rows {
- position: relative;
padding-bottom: 6px;
+ position: relative;
}
.bar-chart {
- position: relative;
width: 100%;
font-size: 1em;
+ position: relative;
}
.profile-indicator__title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: -8px;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ align-self: center;
+ align-items: flex-start;
+ margin-top: -8px;
+ display: flex;
}
.profile-indicator__chart_body {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
margin-top: 12px;
padding-right: 44px;
+ display: flex;
}
.indicator__chart {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ flex-flow: column wrap;
+ display: flex;
}
.indicator__chart.full {
@@ -1766,165 +1165,92 @@ label {
}
.bar-chart__x-label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- margin-top: 32px;
- padding-left: 100px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
color: #999;
- font-size: 0.7em;
text-transform: uppercase;
+ justify-content: center;
+ margin-top: 32px;
+ padding-left: 100px;
+ font-size: .7em;
+ display: flex;
}
.profile-indicator__chart_footer {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
+ border-top: 1px dashed #e6e6e6;
flex-wrap: wrap;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- border-top: 1px dashed #e6e6e6;
+ justify-content: space-between;
+ display: flex;
}
.hover-menu__content_item--no-link {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ justify-content: flex-start;
+ align-items: center;
margin-top: 2px;
margin-bottom: 2px;
padding: 4px 12px;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- font-size: 0.85em;
+ font-size: .85em;
+ display: flex;
}
.hover-menu__content_list-item--last {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-width: 44px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ cursor: pointer;
+ flex: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- color: #333;
- font-size: 0.85em;
+ font-size: .85em;
text-decoration: none;
- cursor: pointer;
+ display: flex;
}
.hover-menu__content_list-item--last:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.icon--small {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 16px;
height: 16px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.hover-menu__content_list--last {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-height: 32px;
- margin-top: 4px;
- margin-bottom: -4px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
+ border-top: 1px solid #e6e6e6;
flex-wrap: wrap;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
- border-top: 1px solid #e6e6e6;
+ margin-top: 4px;
+ margin-bottom: -4px;
+ display: flex;
}
.hover-menu__icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
- cursor: pointer;
+ display: flex;
}
.hover-menu__icon:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.hover-menu__content_item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-height: 32px;
- padding: 4px 12px;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
+ color: #333;
justify-content: flex-start;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- color: #333;
- font-size: 0.85em;
+ padding: 4px 12px;
+ font-size: .85em;
text-decoration: none;
+ display: flex;
}
.hover-menu__content_item:hover {
@@ -1932,82 +1258,52 @@ label {
}
.hover-menu__content {
+ z-index: 999;
+ background-color: #fff;
+ border-radius: 2px;
+ display: none;
position: absolute;
- left: auto;
top: 0%;
- right: 0%;
bottom: auto;
- z-index: 999;
- display: none;
+ left: auto;
+ right: 0%;
overflow: hidden;
- border-radius: 2px;
- background-color: #fff;
- box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.08);
+ box-shadow: 0 4px 6px rgba(0, 0, 0, .08);
}
.hover-menu__content.webflow {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.hover-menu__content_list {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-height: 32px;
- margin-top: 4px;
- margin-bottom: 4px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
+ flex-wrap: wrap;
+ align-items: stretch;
+ margin-top: 4px;
+ margin-bottom: 4px;
+ display: flex;
}
.hover-menu {
- position: relative;
z-index: 20;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
border-radius: 2px;
+ flex-direction: column;
+ display: flex;
+ position: relative;
}
.hover-menu__content_list-item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-width: 44px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ border-right: 1px solid #e6e6e6;
+ flex: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-right: 1px solid #e6e6e6;
- color: #333;
- font-size: 0.85em;
+ font-size: .85em;
text-decoration: none;
+ display: flex;
}
.hover-menu__content_list-item:hover {
@@ -2015,12 +1311,10 @@ label {
}
.hover-menu__content_list-item.active {
+ background-color: #f0f0f0;
+ border: 1px solid #666;
margin-top: -1px;
margin-bottom: -1px;
- border-style: solid;
- border-width: 1px;
- border-color: #666;
- background-color: #f0f0f0;
}
.hover-menu__content_list-item.active:hover {
@@ -2028,7 +1322,7 @@ label {
}
.hover-menu__content_list-item.last {
- border-right-color: transparent;
+ border-right-color: rgba(0, 0, 0, 0);
}
.hover-menu__content_list-item.last.active {
@@ -2037,11 +1331,9 @@ label {
.hover-menu__content_wrapper {
min-width: 200px;
+ border: 1px solid #e6e6e6;
padding-top: 4px;
padding-bottom: 4px;
- border-style: solid;
- border-width: 1px;
- border-color: #e6e6e6;
}
.content__item_title {
@@ -2049,91 +1341,59 @@ label {
}
.sticky-header__current-location {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 44px;
- margin-top: 16px;
- margin-left: -16px;
- padding-right: 16px;
- padding-left: 16px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
+ color: #fff;
+ text-transform: capitalize;
+ background-color: #666;
+ background-image: none;
+ border-radius: 100px;
flex-direction: row;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: 0 auto;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 auto;
- -ms-flex: 0 auto;
- flex: 0 auto;
- border-radius: 100px;
- background-color: #666;
- background-image: none;
- box-shadow: 0 0 20px -14px #000;
- color: #fff;
+ margin-top: 16px;
+ margin-left: -16px;
+ padding-left: 16px;
+ padding-right: 16px;
font-size: 1em;
text-decoration: none;
- text-transform: capitalize;
+ display: flex;
+ position: relative;
+ box-shadow: 0 0 20px -14px #000;
}
.bar-chart__row_tooltip {
- position: absolute;
- left: 50%;
- top: -29px;
- right: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 1px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
+ position: absolute;
+ top: -29px;
+ left: 50%;
+ right: 0%;
}
.bar-chart__tooltip_alt-value {
+ border-left: 1px solid #f0f0f0;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 6px;
padding-left: 6px;
- border-left: 1px solid #f0f0f0;
}
.bar-chart__row_bar {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 30%;
height: 100%;
min-width: 1px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
background-image: none;
+ align-items: center;
+ display: flex;
+ position: relative;
}
.bar-chart__row_bar:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.bar-chart__row_bar._1 {
@@ -2141,31 +1401,24 @@ label {
}
.bar-chart__tooltip_value {
+ color: #000;
+ border-left: 1px solid #f0f0f0;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 6px;
padding-left: 6px;
- border-left: 1px solid #f0f0f0;
- color: #000;
font-weight: 700;
}
.bar-chart__row {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 24px;
- margin-bottom: 6px;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- background-color: hsla(0, 0%, 94.5%, 0);
- -webkit-transition: all 100ms ease;
- transition: all 100ms ease;
color: #999;
cursor: pointer;
+ background-color: rgba(241, 241, 241, 0);
+ justify-content: flex-start;
+ margin-bottom: 6px;
+ transition: all .1s;
+ display: flex;
}
.bar-chart__row:hover {
@@ -2173,94 +1426,55 @@ label {
}
.bar-chart__row_tooltip-card {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-right: 4px;
- padding-left: 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-style: solid;
- border-width: 1px;
- border-color: #ccc;
- border-radius: 2px;
+ white-space: nowrap;
background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 2px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ padding-left: 4px;
+ padding-right: 4px;
+ font-size: .8em;
+ display: flex;
box-shadow: 0 2px 8px -4px #000;
- font-size: 0.8em;
- white-space: nowrap;
}
.bar-chart__row_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
width: 100px;
max-width: 100px;
- padding-right: 8px;
- padding-left: 8px;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
+ flex: 0 auto;
justify-content: flex-start;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 auto;
- -ms-flex: 0 auto;
- flex: 0 auto;
- font-size: 0.8em;
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: .8em;
line-height: 120%;
+ display: flex;
+ overflow: hidden;
}
.bar-chart__row-wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
background-image: none;
+ flex: 1;
+ display: flex;
}
.bar-chart__row-wrapper:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.04)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
+ background-image: linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .04));
}
.bar-chart__row_tooltip-notch {
- position: absolute;
- bottom: -4px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 8px;
height: 8px;
- border-style: none solid solid none;
- border-width: 1px;
- border-color: #ccc;
background-color: #fff;
- box-shadow: 1px 1px 4px -2px rgba(0, 0, 0, 0.86);
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
+ border: 1px solid #ccc;
+ border-style: none solid solid none;
+ display: flex;
+ position: absolute;
+ bottom: -4px;
transform: rotate(45deg);
+ box-shadow: 1px 1px 4px -2px rgba(0, 0, 0, .86);
}
.bar-chart__main {
@@ -2268,255 +1482,151 @@ label {
}
.bar-chart__row_value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-right: 6px;
- padding-left: 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- font-size: 0.8em;
+ padding-left: 6px;
+ padding-right: 6px;
+ font-size: .8em;
+ display: flex;
}
.bar-chart__label_value {
- font-size: 0.85em;
+ font-size: .85em;
}
.search__dropdown_content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
+ display: flex;
+ overflow: hidden;
}
.search__list-item_location-parent {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ color: rgba(0, 0, 0, .32);
+ padding-left: 12px;
+ font-size: .85em;
display: flex;
overflow: hidden;
- padding-left: 12px;
- color: rgba(0, 0, 0, 0.32);
- font-size: 0.85em;
}
.nav__search_button {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 60px;
height: 37px;
- margin-top: -1px;
- margin-right: -1px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ color: #fff;
+ background-color: #707070;
border-top-right-radius: 2px;
- border-bottom-left-radius: 0px;
border-bottom-right-radius: 2px;
- background-color: #707070;
- color: #fff;
+ border-bottom-left-radius: 0;
+ justify-content: center;
+ align-items: center;
+ margin-top: -1px;
+ margin-right: -1px;
+ display: flex;
}
.search__list-item_location-type {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ opacity: .47;
+ flex: none;
+ justify-content: flex-end;
+ font-size: .85em;
display: flex;
overflow: hidden;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- opacity: 0.47;
- font-size: 0.85em;
}
.nav__content_title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 44px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
align-self: center;
+ align-items: center;
+ display: flex;
}
.search__list-item_location-name {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex: none;
display: flex;
overflow: hidden;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
}
.search__dropdown_list-item {
- display: -ms-grid;
- display: grid;
height: 32px;
max-width: 100%;
- margin-top: 2px;
- margin-bottom: 2px;
- padding-right: 12px;
- padding-left: 12px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- grid-auto-flow: column;
- grid-auto-columns: 1fr;
grid-column-gap: 8px;
grid-row-gap: 16px;
- -ms-grid-columns: 1.5fr 1fr 0.75fr;
- grid-template-columns: 1.5fr 1fr 0.75fr;
- -ms-grid-rows: auto;
- grid-template-rows: auto;
- border-radius: 2px;
- background-color: #f0f0f0;
cursor: pointer;
+ background-color: #f0f0f0;
+ border-radius: 2px;
+ flex: 1;
+ grid-template-rows: auto;
+ grid-template-columns: 1.5fr 1fr .75fr;
+ grid-auto-columns: 1fr;
+ grid-auto-flow: column;
+ justify-content: space-between;
+ align-items: center;
+ margin-top: 2px;
+ margin-bottom: 2px;
+ padding-left: 12px;
+ padding-right: 12px;
+ display: grid;
}
-.search__dropdown_list-item:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
- color: #000;
-}
-
-.search__dropdown_list-item.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+.search__dropdown_list-item:hover, .search__dropdown_list-item.active {
color: #000;
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.nav__profile-logo {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 44px;
border-radius: 4px;
+ display: flex;
+ position: relative;
}
.search__dropdown_results-label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ text-transform: uppercase;
margin-top: 6px;
margin-bottom: 6px;
margin-left: 6px;
- font-size: 0.85em;
- text-transform: uppercase;
+ font-size: .85em;
+ display: flex;
}
.nav__search_dropdown {
- position: relative;
- top: 20px;
- display: none;
max-height: 450px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
border-radius: 3px;
- box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
+ flex-direction: row;
+ display: none;
+ position: relative;
+ top: 20px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.nav__search_dropdown.webflow {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.nav__menu-trigger {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 44px;
height: 44px;
- margin-left: 16px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 4px;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
cursor: pointer;
+ border-radius: 4px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ margin-left: 16px;
+ transition: all .2s;
+ display: flex;
}
.nav__menu-trigger:hover {
- border-radius: 0px;
color: #39ad84;
+ border-radius: 0;
}
.nav__search_input {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 100%;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+ align-items: stretch;
+ display: flex;
+ position: relative;
+ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
.nav__search_input:active {
@@ -2525,53 +1635,39 @@ label {
.location__search_input {
height: 100%;
- margin-bottom: 0px;
- padding: 0px 8px 0px 12px;
- border: 1px none #000;
- background-color: transparent;
+ background-color: rgba(0, 0, 0, 0);
+ border: 1px #000;
+ margin-bottom: 0;
+ padding: 0 8px 0 12px;
font-size: 1.2em;
}
.location__search_input:hover {
- background-color: rgba(0, 0, 0, 0.04);
+ background-color: rgba(0, 0, 0, .04);
}
.nav__content_menu {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.search__input {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 0px;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
color: #333;
+ flex: 1;
+ align-self: stretch;
+ margin-bottom: 0;
+ display: flex;
}
.location__search_loading {
- position: absolute;
- left: auto;
- right: 60px;
- display: none;
width: 36px;
height: 36px;
+ opacity: .4;
padding: 8px;
- opacity: 0.4;
+ display: none;
+ position: absolute;
+ left: auto;
+ right: 60px;
}
.location__search_loading.hidden {
@@ -2579,86 +1675,50 @@ label {
}
.search__dropdown_plate {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
max-height: 350px;
- padding: 6px 8px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-radius: 3px;
background-color: #fff;
+ border-radius: 3px;
+ flex-direction: column;
+ padding: 6px 8px;
+ display: flex;
}
.nav__content {
- display: -ms-grid;
- display: grid;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -ms-grid-row-align: center;
- align-self: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- grid-auto-columns: 1fr;
- -ms-grid-columns: 1fr 2fr 2.25fr 1fr;
- grid-template-columns: 1fr 2fr 2.25fr 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
+ grid-template-columns: 1fr 2fr 2.25fr 1fr;
+ grid-auto-columns: 1fr;
+ justify-content: space-between;
+ align-self: center;
+ align-items: stretch;
+ display: grid;
}
.nav__content.narrow {
width: 960px;
- margin-right: auto;
- margin-left: auto;
- -ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
+ margin-left: auto;
+ margin-right: auto;
}
.form {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ display: flex;
}
.nav__link {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
- margin-right: 12px;
- padding-right: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
color: #707070;
- font-size: 0.85em;
text-align: center;
+ border-radius: 2px;
+ justify-content: center;
+ align-items: center;
+ margin-right: 12px;
+ padding-right: 10px;
+ font-size: .85em;
text-decoration: none;
+ display: flex;
}
.nav__link:hover {
@@ -2666,7 +1726,7 @@ label {
}
.nav__link:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.nav__link.tutorial__open {
@@ -2674,72 +1734,47 @@ label {
}
.nav__link.tutorial__open:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.search__dropdown_list {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ display: flex;
+ position: relative;
}
.nav__content_search {
- position: relative;
z-index: 99999999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
height: 37px;
max-width: 600px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border: 1px solid #e0e0e0;
+ border-radius: 2px;
flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
align-self: center;
- border-style: solid;
- border-width: 1px;
- border-color: #e0e0e0;
- border-radius: 2px;
+ align-items: stretch;
+ display: flex;
+ position: relative;
}
.nav__search-deselect {
- position: absolute;
- left: 0%;
- top: 0%;
- right: auto;
- bottom: auto;
z-index: 9999;
- display: none;
width: 100vw;
height: 100vh;
+ display: none;
+ position: absolute;
+ top: 0%;
+ bottom: auto;
+ left: 0%;
+ right: auto;
}
.more-info {
- position: relative;
z-index: 1;
width: 20px;
border-radius: 100%;
+ position: relative;
}
.more-info:hover {
@@ -2747,79 +1782,70 @@ label {
}
.point-mapper {
- position: fixed;
- left: 0%;
- top: 56px;
- right: auto;
- bottom: 0%;
z-index: 2;
- display: none;
width: 300px;
background-color: #fff;
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 1px 1px 6px -2px rgba(0, 0, 0, 0.3);
font-family: Roboto, sans-serif;
+ display: none;
+ position: fixed;
+ top: 56px;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 1px 1px 6px -2px rgba(0, 0, 0, .3);
}
.point-mapper.webflow {
- left: 0px;
z-index: 3;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
+ left: 0;
}
.point-mapper-toggles {
+ width: 44px;
+ height: 0;
+ flex: none;
position: absolute;
- left: 100%;
top: 12px;
- width: 44px;
- height: 0px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ left: 100%;
}
.panel-toggles {
+ z-index: 1;
position: fixed;
- left: 0%;
top: 68px;
- right: auto;
bottom: auto;
- z-index: 1;
+ left: 0%;
+ right: auto;
}
.data-mapper {
- position: fixed;
- left: 0%;
- top: 56px;
- right: auto;
- bottom: 0%;
z-index: 3;
- display: none;
min-width: 300px;
background-color: #fff;
-}
-
-.data-mapper.webflow {
- left: 0px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ display: none;
+ position: fixed;
+ top: 56px;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
+}
+
+.data-mapper.webflow {
display: flex;
+ left: 0;
}
.point-mapper-content {
- position: absolute;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: 0%;
margin-top: 2px;
- margin-right: 2px;
margin-bottom: 2px;
+ margin-right: 2px;
padding: 22px 14px 14px 18px;
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
}
.point-mapper-content.narrow-scroll {
@@ -2828,67 +1854,46 @@ label {
}
.data-mapper-toggles {
+ width: 44px;
+ height: 0;
+ flex: none;
position: absolute;
- left: 100%;
top: 12px;
- width: 44px;
- height: 0px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ left: 100%;
}
.point-mapper__h1_content {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
+ display: flex;
+ position: relative;
+ overflow: hidden;
}
.point-mapper__h2_line-h {
- position: absolute;
- left: -16px;
z-index: 1;
width: 8px;
height: 1px;
+ background-color: rgba(0, 0, 0, .1);
margin-top: -1px;
margin-left: 5px;
- background-color: rgba(0, 0, 0, 0.1);
+ position: absolute;
+ left: -16px;
}
.point-mapper__h2_loading {
- position: absolute;
- left: auto;
- top: auto;
- right: 10px;
- bottom: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- padding: 2px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
+ opacity: .4;
+ flex: none;
justify-content: flex-end;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- opacity: 0.4;
+ padding: 2px;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: auto;
+ left: auto;
+ right: 10px;
}
.point-mapper__h2_loading.hidden {
@@ -2896,56 +1901,35 @@ label {
}
.point-mapper__h2_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- margin-top: 6px;
- margin-bottom: 6px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ margin-top: 6px;
+ margin-bottom: 6px;
+ display: flex;
+ overflow: hidden;
}
.point-mapper__h2 {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 38px;
- margin-bottom: 4px;
- padding-right: 36px;
- padding-left: 10px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
+ color: #666;
+ cursor: pointer;
+ background-image: linear-gradient(#f0f0f0, #f0f0f0);
+ border-radius: 2px;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
- color: #666;
- font-size: 0.85em;
+ margin-bottom: 4px;
+ padding-left: 10px;
+ padding-right: 36px;
+ font-size: .85em;
font-weight: 400;
text-decoration: none;
- cursor: pointer;
+ display: flex;
+ position: relative;
}
.point-mapper__h2:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #f0f0f0, #f0f0f0);
color: #000;
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.last {
@@ -2953,195 +1937,148 @@ label {
}
.point-mapper__h2.theme-1.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#dee7ff), to(#dee7ff)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #dee7ff, #dee7ff), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#dee7ff, #dee7ff), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-2 {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-2:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-2.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eadbfa), to(#eadbfa)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #eadbfa, #eadbfa), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#eadbfa, #eadbfa), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-2.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#eadbfa), to(#eadbfa)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #eadbfa, #eadbfa), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#eadbfa, #eadbfa), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-3:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-3.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd1e7), to(#ffd1e7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffd1e7, #ffd1e7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffd1e7, #ffd1e7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-3.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffd1e7), to(#ffd1e7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffd1e7, #ffd1e7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffd1e7, #ffd1e7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-4.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd7d7), to(#ffd7d7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffd7d7, #ffd7d7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffd7d7, #ffd7d7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-4.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffd7d7), to(#ffd7d7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffd7d7, #ffd7d7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffd7d7, #ffd7d7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-5.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe3fc), to(#ffe3fc)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffe3fc, #ffe3fc), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffe3fc, #ffe3fc), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-5.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffe3fc), to(#ffe3fc)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffe3fc, #ffe3fc), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffe3fc, #ffe3fc), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-6.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeadd), to(#ffeadd)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffeadd, #ffeadd), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffeadd, #ffeadd), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-6.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffeadd), to(#ffeadd)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffeadd, #ffeadd), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffeadd, #ffeadd), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-7.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff8e4), to(#fff8e4)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #fff8e4, #fff8e4), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#fff8e4, #fff8e4), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-7.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#fff8e4), to(#fff8e4)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #fff8e4, #fff8e4), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#fff8e4, #fff8e4), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-8.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#cef3b2), to(#cef3b2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #cef3b2, #cef3b2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#cef3b2, #cef3b2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-8.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#cef3b2), to(#cef3b2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #cef3b2, #cef3b2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#cef3b2, #cef3b2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-9.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#cdfaf2), to(#cdfaf2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #cdfaf2, #cdfaf2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#cdfaf2, #cdfaf2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-9.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#cdfaf2), to(#cdfaf2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #cdfaf2, #cdfaf2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#cdfaf2, #cdfaf2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-10.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#d6eaeb), to(#d6eaeb)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #d6eaeb, #d6eaeb), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#d6eaeb, #d6eaeb), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h2.theme-10.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#d6eaeb), to(#d6eaeb)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #d6eaeb, #d6eaeb), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#d6eaeb, #d6eaeb), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1 {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
max-width: 293px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ display: flex;
+ position: relative;
+ overflow: hidden;
}
.point-data__h2_line-v {
- position: absolute;
- left: 0%;
- top: 0%;
- right: auto;
- bottom: 0%;
width: 1px;
+ background-color: rgba(0, 0, 0, .11);
margin-bottom: 32px;
margin-left: 12px;
- background-color: rgba(0, 0, 0, 0.11);
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
}
.point-mapper__h2_wrapper {
- position: relative;
padding-left: 23px;
+ position: relative;
}
.point-data__h1_name {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
width: 100%;
- margin-right: 0.5em;
- margin-bottom: 0px;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
color: #333;
- font-size: 0.9em;
- line-height: 1.2;
+ flex: 1;
+ align-items: center;
+ margin-bottom: 0;
+ margin-right: .5em;
+ padding-top: .5em;
+ padding-bottom: .5em;
+ font-size: .9em;
font-weight: 500;
+ line-height: 1.2;
+ display: flex;
+ overflow: hidden;
}
.point-mapper__h2_load-complete {
- position: absolute;
- left: auto;
- top: auto;
- right: 10px;
- bottom: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- padding: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ opacity: .4;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- opacity: 0.4;
+ padding: 2px;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: auto;
+ left: auto;
+ right: 10px;
}
.point-mapper__h2_load-complete.hidden {
@@ -3153,55 +2090,39 @@ label {
}
.point-mapper__h1_checkbox {
+ z-index: 1;
+ align-items: center;
+ display: none;
position: absolute;
- left: auto;
top: 0%;
- right: 36px;
bottom: auto;
- z-index: 1;
- display: none;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ left: auto;
+ right: 36px;
}
.point-mapper__h1_checkbox.is--shown {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.point-mapper__h1_trigger {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
min-height: 36px;
+ cursor: pointer;
+ background-image: linear-gradient(#f0f0f0, #f0f0f0);
+ border-radius: 2px;
+ align-self: stretch;
+ align-items: center;
margin-bottom: 8px;
- padding-right: 36px;
padding-left: 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
- border-radius: 2px;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ padding-right: 36px;
text-decoration: none;
- cursor: pointer;
+ display: flex;
+ position: relative;
}
.point-mapper__h1_trigger:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #f0f0f0, #f0f0f0);
color: #000;
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-1 {
@@ -3209,13 +2130,11 @@ label {
}
.point-mapper__h1_trigger.theme-1.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#dee7ff), to(#dee7ff)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #dee7ff, #dee7ff), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#dee7ff, #dee7ff), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-1.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#dee7ff), to(#dee7ff)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #dee7ff, #dee7ff), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#dee7ff, #dee7ff), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-2 {
@@ -3223,13 +2142,11 @@ label {
}
.point-mapper__h1_trigger.theme-2.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#eadbfa), to(#eadbfa)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #eadbfa, #eadbfa), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#eadbfa, #eadbfa), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-2.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#eadbfa), to(#eadbfa)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #eadbfa, #eadbfa), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#eadbfa, #eadbfa), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-3 {
@@ -3237,13 +2154,11 @@ label {
}
.point-mapper__h1_trigger.theme-3.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd1e7), to(#ffd1e7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffd1e7, #ffd1e7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffd1e7, #ffd1e7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-3.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffd1e7), to(#ffd1e7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffd1e7, #ffd1e7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffd1e7, #ffd1e7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-4 {
@@ -3251,13 +2166,11 @@ label {
}
.point-mapper__h1_trigger.theme-4.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd7d7), to(#ffd7d7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffd7d7, #ffd7d7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffd7d7, #ffd7d7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-4.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffd7d7), to(#ffd7d7)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffd7d7, #ffd7d7), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffd7d7, #ffd7d7), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-5 {
@@ -3265,13 +2178,11 @@ label {
}
.point-mapper__h1_trigger.theme-5.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe3fc), to(#ffe3fc)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffe3fc, #ffe3fc), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffe3fc, #ffe3fc), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-5.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffe3fc), to(#ffe3fc)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffe3fc, #ffe3fc), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffe3fc, #ffe3fc), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-6 {
@@ -3279,13 +2190,11 @@ label {
}
.point-mapper__h1_trigger.theme-6.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeadd), to(#ffeadd)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #ffeadd, #ffeadd), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#ffeadd, #ffeadd), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-6.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#ffeadd), to(#ffeadd)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #ffeadd, #ffeadd), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#ffeadd, #ffeadd), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-7 {
@@ -3293,13 +2202,11 @@ label {
}
.point-mapper__h1_trigger.theme-7.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#fff8e4), to(#fff8e4)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #fff8e4, #fff8e4), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#fff8e4, #fff8e4), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-7.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#fff8e4), to(#fff8e4)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #fff8e4, #fff8e4), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#fff8e4, #fff8e4), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-8 {
@@ -3307,13 +2214,11 @@ label {
}
.point-mapper__h1_trigger.theme-8.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#cef3b2), to(#cef3b2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #cef3b2, #cef3b2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#cef3b2, #cef3b2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-8.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#cef3b2), to(#cef3b2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #cef3b2, #cef3b2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#cef3b2, #cef3b2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-9 {
@@ -3321,13 +2226,11 @@ label {
}
.point-mapper__h1_trigger.theme-9.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#cdfaf2), to(#cdfaf2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #cdfaf2, #cdfaf2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#cdfaf2, #cdfaf2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-9.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#cdfaf2), to(#cdfaf2)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #cdfaf2, #cdfaf2), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#cdfaf2, #cdfaf2), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-10 {
@@ -3335,13 +2238,11 @@ label {
}
.point-mapper__h1_trigger.theme-10.active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(#d6eaeb), to(#d6eaeb)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, #d6eaeb, #d6eaeb), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(#d6eaeb, #d6eaeb), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.theme-10.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#d6eaeb), to(#d6eaeb)), -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(180deg, #d6eaeb, #d6eaeb), linear-gradient(180deg, #f0f0f0, #f0f0f0);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(#d6eaeb, #d6eaeb), linear-gradient(#f0f0f0, #f0f0f0);
}
.point-mapper__h1_trigger.point-mapper__h1--default-closed {
@@ -3353,72 +2254,48 @@ label {
}
.custom-checkbox {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- margin-top: 0px;
- margin-right: 8px;
- margin-left: 0px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
+ cursor: pointer;
+ background-color: #fff;
justify-content: flex-end;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- background-color: #fff;
- cursor: pointer;
+ margin-top: 0;
+ margin-left: 0;
+ margin-right: 8px;
+ display: flex;
}
.custom-checkbox.w--redirected-checked {
- border-color: #39ad84;
background-color: #39ad84;
background-size: 20px 20px;
+ border-color: #39ad84;
}
.custom-checkbox.point-data-toggle {
width: 36px;
height: 36px;
+ background-color: rgba(255, 255, 255, 0);
margin-right: 4px;
padding: 6px 2px 2px;
- background-color: hsla(0, 0%, 100%, 0);
}
.point-mapper__h2_source {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ color: rgba(0, 0, 0, .3);
margin-top: 3px;
margin-bottom: -2px;
- color: rgba(0, 0, 0, 0.3);
- font-size: 0.85em;
+ font-size: .85em;
line-height: 100%;
+ display: flex;
}
.point-data__h1_icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 24px;
- margin-right: 8px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ margin-right: 8px;
+ display: flex;
}
.point-mapper-content__list {
@@ -3426,184 +2303,111 @@ label {
}
.point-mapper-content__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ border-bottom: 1px solid #ececec;
+ align-items: center;
margin-bottom: 16px;
padding-bottom: 10px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-bottom: 1px solid #ececec;
+ display: flex;
}
.point-data__header_icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 12px;
- margin-left: 8px;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
align-self: center;
+ margin-left: 8px;
+ margin-right: 12px;
+ display: flex;
}
.point-data__header_title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
font-size: 1.2em;
font-weight: 700;
+ display: flex;
}
.utility-page-wrap {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.utility-page-content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 260px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
text-align: center;
+ flex-direction: column;
+ display: flex;
}
.utility-page-form {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
+ display: flex;
}
.data-mapper-content {
margin-top: 2px;
- margin-right: 2px;
margin-bottom: 2px;
+ margin-right: 2px;
padding: 22px 14px 14px 20px;
}
.data-mapper-content.narrow-scroll {
z-index: 1;
- overflow: scroll;
width: 300px;
+ overflow: scroll;
}
.data-mapper-content__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ border-bottom: 1px solid #ececec;
+ align-items: center;
margin-bottom: 16px;
padding-bottom: 10px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-bottom: 1px solid #ececec;
+ display: flex;
}
.data-mapper-content__list {
- position: relative;
height: auto;
+ position: relative;
}
.data-mapper-content__list.is--loading {
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
+ filter: grayscale();
}
.data-category {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 8px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
+ margin-bottom: 8px;
+ display: flex;
+ position: relative;
}
.data-category__h2_trigger {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
height: 32px;
- margin-bottom: 6px;
- padding-right: 8px;
- padding-left: 12px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
+ color: #333;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
- font-size: 0.85em;
+ margin-bottom: 6px;
+ padding-left: 12px;
+ padding-right: 8px;
+ font-size: .85em;
font-weight: 500;
text-decoration: none;
- cursor: pointer;
+ display: flex;
+ position: relative;
+ overflow: hidden;
}
.data-category__h2_trigger:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #000;
+ background-color: rgba(0, 0, 0, .1);
}
.data-category__h2_trigger.w--current {
@@ -3611,296 +2415,158 @@ label {
}
.data-category__h1_wrapper {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: 8px;
- padding-left: 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ margin-top: 8px;
+ padding-left: 12px;
+ display: flex;
+ position: relative;
}
.data-category__h3 {
- position: relative;
z-index: 3;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ cursor: pointer;
+ flex-direction: column;
display: flex;
+ position: relative;
overflow: hidden;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- cursor: pointer;
}
.data-category__h3.active {
- background-color: rgba(57, 173, 132, 0.2);
color: #333;
+ background-color: rgba(57, 173, 132, .2);
font-weight: 500;
}
.data-category__h3.active:hover {
- background-color: rgba(57, 173, 132, 0.3);
+ background-color: rgba(57, 173, 132, .3);
}
.data-category__h2_wrapper {
- position: relative;
padding-left: 16px;
+ position: relative;
}
.data-category__h1_trigger {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- padding-left: 8px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
+ color: #fff;
+ cursor: pointer;
+ background-color: #f0f0f0;
+ background-image: none;
+ border-radius: 2px;
flex-direction: row;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-color: #f0f0f0;
- background-image: none;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
- color: #fff;
+ padding-left: 8px;
font-size: 14px;
text-decoration: none;
- cursor: pointer;
+ transition: all .2s;
+ display: flex;
}
.data-category__h1_trigger:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
+ background-image: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));
}
.data-category__h1_icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 24px;
- margin-right: 8px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- color: #333;
+ margin-right: 8px;
+ display: flex;
}
.data-category__h2 {
- position: relative;
z-index: 2;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex-direction: column;
display: flex;
+ position: relative;
overflow: hidden;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
}
.data-category__h1_header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex: 1;
+ align-items: center;
display: flex;
overflow: hidden;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
}
.data-category__h1_toggle {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
width: 36px;
height: 36px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
+ flex: none;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ display: flex;
+ overflow: hidden;
}
.data-category__h1_content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
height: auto;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ display: flex;
+ overflow: hidden;
}
.data-category__h2_content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex-direction: column;
display: flex;
overflow: hidden;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
}
.data-category__h1_title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
- margin-right: 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ letter-spacing: .3px;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- font-size: 0.9em;
+ margin-right: 12px;
+ font-size: .9em;
font-weight: 500;
- letter-spacing: 0.3px;
+ display: flex;
+ overflow: hidden;
}
.toggle-icon-v--last {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
-}
-
-.toggle-icon-v--last.is--open {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
-.toggle-icon-v--last.is--closed {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+.toggle-icon-v--last.is--open, .toggle-icon-v--last.is--closed {
display: flex;
}
.toggle-icon-v--first {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
-}
-
-.toggle-icon-v--first.is--open {
- display: none;
+ display: flex;
}
-.toggle-icon-v--first.is--closed {
+.toggle-icon-v--first.is--open, .toggle-icon-v--first.is--closed {
display: none;
}
.data-mapper-content__description {
- margin-bottom: 16px;
color: #707070;
- font-size: 0.9em;
+ margin-bottom: 16px;
+ font-size: .9em;
}
.data-mapper-content__no-data {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ color: #666;
+ background-color: #f0f0f0;
+ align-items: center;
margin-bottom: 16px;
padding: 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- background-color: #f0f0f0;
- color: #666;
- font-size: 0.9em;
+ font-size: .9em;
font-weight: 500;
+ display: flex;
}
.no-data__icon {
@@ -3908,25 +2574,19 @@ label {
}
.point-mapper-content__description {
- margin-bottom: 16px;
color: #707070;
- font-size: 0.9em;
+ margin-bottom: 16px;
+ font-size: .9em;
}
.no-data {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 4px 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
- background-color: #f0f0f0;
color: #666;
- font-size: 0.9em;
+ background-color: #f0f0f0;
+ border-radius: 2px;
+ align-items: center;
+ padding: 4px 6px;
+ font-size: .9em;
+ display: flex;
}
.search__dropdown_scroll {
@@ -3939,24 +2599,21 @@ label {
}
.map-options {
- position: relative;
z-index: 999;
- display: block;
width: 100%;
+ background-color: #fff;
+ border-radius: 4px;
margin-top: 1em;
- margin-right: auto;
margin-left: auto;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 0 1px 6px -2px rgba(0, 0, 0, 0.3);
+ margin-right: auto;
+ display: block;
+ position: relative;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 0 1px 6px -2px rgba(0, 0, 0, .3);
}
.map-options__legend {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
padding: 10px;
+ display: flex;
}
.map-options__filters {
@@ -3965,57 +2622,36 @@ label {
}
.map-options__legend_wrap {
- display: -ms-grid;
- display: grid;
height: 19px;
- margin-right: -2px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- grid-auto-flow: column;
- grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: auto;
+ flex: 1;
grid-template-rows: auto;
+ grid-template-columns: 1fr;
+ grid-auto-columns: 1fr;
+ grid-auto-flow: column;
+ justify-content: space-between;
+ margin-right: -2px;
+ display: grid;
}
.map_legend-block {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
height: 19px;
- margin-right: 2px;
- margin-left: 2px;
- padding-right: 6px;
- padding-left: 6px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 2px;
- background-color: #203761;
- font-size: 0.6em;
text-align: center;
- letter-spacing: 0.2px;
+ letter-spacing: .2px;
text-transform: uppercase;
+ background-color: #203761;
+ border-radius: 2px;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ margin-left: 2px;
+ margin-right: 2px;
+ padding-left: 6px;
+ padding-right: 6px;
+ font-size: .6em;
+ display: flex;
+ overflow: hidden;
}
.map_legend-block.light {
@@ -4023,153 +2659,94 @@ label {
}
.map-options__filters_header {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
padding-right: 72px;
+ display: flex;
+ position: relative;
}
.filters__header_name {
- overflow: hidden;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
align-self: center;
font-weight: 500;
+ overflow: hidden;
}
.filters__header_icon {
height: 24px;
+ flex: none;
padding-right: 8px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
}
.map-options__filters_content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ border-top: 1px solid rgba(0, 0, 0, .1);
+ flex-wrap: wrap;
padding-top: 5px;
padding-bottom: 10px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
+ display: flex;
}
.mapping-options__filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 10px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ justify-content: flex-end;
+ margin-right: 10px;
+ display: flex;
}
.mapping-options__filter.disabled {
- opacity: 0.4;
+ opacity: .4;
cursor: auto;
}
.mapping-options__filter_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
color: #999;
- font-size: 0.7em;
- line-height: 1em;
- letter-spacing: 0.1em;
+ letter-spacing: .1em;
text-transform: uppercase;
+ font-size: .7em;
+ line-height: 1em;
+ display: flex;
}
.mapping-options__filter_menu {
- position: relative;
z-index: 10;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
- font-size: 0.9em;
+ font-size: .9em;
+ display: flex;
+ position: relative;
}
.map-options__legend_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 4px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
color: #999;
- font-size: 0.7em;
- line-height: 1em;
- letter-spacing: 0.1em;
+ letter-spacing: .1em;
text-transform: uppercase;
+ align-items: center;
+ margin-right: 4px;
+ font-size: .7em;
+ line-height: 1em;
+ display: flex;
}
.filters__header_toggle {
+ width: 36px;
+ height: 36px;
+ cursor: pointer;
+ border-radius: 2px;
+ flex-direction: column;
+ flex: none;
+ align-items: center;
+ display: flex;
position: absolute;
- left: auto;
top: 0%;
- right: 36px;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ left: auto;
+ right: 36px;
overflow: hidden;
- width: 36px;
- height: 36px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- cursor: pointer;
}
.filters__header_toggle:hover {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.map-area {
@@ -4177,107 +2754,68 @@ label {
}
.filter__header_sub-indicator {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex: 1;
+ align-items: center;
+ padding-left: 11px;
+ padding-right: 11px;
display: flex;
overflow: hidden;
- padding-right: 11px;
- padding-left: 11px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
}
.filters__header_close {
- position: absolute;
- left: auto;
- top: 0%;
- right: 0%;
- bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
width: 36px;
height: 36px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ cursor: pointer;
+ border-radius: 2px;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- cursor: pointer;
+ align-items: center;
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: auto;
+ right: 0%;
+ overflow: hidden;
}
.filters__header_close:hover {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.styles {
+ z-index: 2147483647;
+ min-height: 100vh;
+ background-color: #fff;
position: absolute;
- left: 0%;
top: 0%;
- right: 0%;
bottom: auto;
- z-index: 99999999999;
- min-height: 100vh;
- background-color: #fff;
+ left: 0%;
+ right: 0%;
}
.main {
- position: relative;
z-index: 1;
height: 100vh;
+ position: relative;
}
.styles__wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 1024px;
- margin-right: auto;
+ flex-direction: column;
margin-left: auto;
+ margin-right: auto;
padding-top: 48px;
padding-bottom: 48px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ display: flex;
}
.styles__area_block {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-width: 33.333%;
- padding: 32px 24px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ padding: 32px 24px;
+ display: flex;
}
.styles__area_block.wide {
@@ -4285,10 +2823,6 @@ label {
}
.styles__area_block.horizontal {
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
flex-direction: row;
}
@@ -4301,39 +2835,22 @@ label {
}
.styles__section {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ display: flex;
}
.styles__title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ color: #000;
+ border-bottom: 1px solid #b8b8b8;
+ flex: none;
+ align-items: center;
padding-top: 48px;
padding-bottom: 16px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-bottom: 1px solid #b8b8b8;
- color: #000;
font-size: 1.4em;
font-weight: 700;
+ display: flex;
}
.hidden {
@@ -4341,25 +2858,16 @@ label {
}
.data-category__h3_load-complete {
- position: absolute;
- left: auto;
- right: 4px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- padding: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ opacity: .4;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- opacity: 0.4;
+ padding: 2px;
+ display: flex;
+ position: absolute;
+ left: auto;
+ right: 4px;
}
.data-category__h3_load-complete.hidden {
@@ -4367,21 +2875,15 @@ label {
}
.data-category__h3_loading {
- position: absolute;
- left: auto;
- right: 4px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- padding: 2px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
+ opacity: .4;
justify-content: flex-end;
- opacity: 0.4;
+ padding: 2px;
+ display: flex;
+ position: absolute;
+ left: auto;
+ right: 4px;
}
.data-category__h3_loading.hidden {
@@ -4389,48 +2891,38 @@ label {
}
.rich-data__shadow {
+ width: 16px;
+ height: 100%;
+ background-image: linear-gradient(to right, rgba(0, 0, 0, .08), rgba(0, 0, 0, .02) 34%, rgba(0, 0, 0, 0));
position: absolute;
- left: auto;
top: 0%;
- right: -16px;
bottom: 0%;
- width: 16px;
- height: 100%;
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.08)), color-stop(34%, rgba(0, 0, 0, 0.02)), to(transparent));
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.02) 34%, transparent);
+ left: auto;
+ right: -16px;
}
.location-facility__name {
- overflow: hidden;
margin-top: 4px;
+ overflow: hidden;
}
.styles__subsection {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ color: #000;
+ border-bottom: 1px solid #f0f0f0;
+ flex: none;
+ align-items: center;
margin-bottom: 6px;
padding: 32px 16px 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-bottom: 1px solid #f0f0f0;
- color: #000;
font-size: 1.2em;
font-weight: 500;
+ display: flex;
}
.location__facilities_no-data {
width: 100%;
- margin-right: 6px;
margin-left: 6px;
+ margin-right: 6px;
}
.location__facilities_no-data.hidden {
@@ -4442,8 +2934,8 @@ label {
}
.location__sources_no-data {
- margin-right: 3px;
margin-left: 3px;
+ margin-right: 3px;
}
.location-tag__name {
@@ -4451,11 +2943,11 @@ label {
}
.location__facilities_loading {
- display: block;
width: 100%;
height: 32px;
- margin-right: 6px;
margin-left: 6px;
+ margin-right: 6px;
+ display: block;
}
.location__facilities_loading.hidden {
@@ -4463,24 +2955,15 @@ label {
}
.loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 100%;
- padding: 4px 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 2px;
- background-color: #f0f0f0;
color: #666;
- font-size: 0.9em;
+ background-color: #f0f0f0;
+ border-radius: 2px;
+ flex: 1;
+ align-items: center;
+ padding: 4px 6px;
+ font-size: .9em;
+ display: flex;
}
.loading__icon {
@@ -4489,8 +2972,8 @@ label {
}
.location__sources_loading {
- margin-right: 3px;
margin-left: 3px;
+ margin-right: 3px;
}
.point-mapper-content__loading {
@@ -4499,18 +2982,12 @@ label {
}
.data-mapper-content__loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
- margin-bottom: 16px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
color: #666;
+ align-items: center;
+ margin-bottom: 16px;
font-weight: 500;
+ display: flex;
}
.data-mapper-content__loading.hidden {
@@ -4518,54 +2995,36 @@ label {
}
.location-tag__loading {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
max-width: 140px;
min-width: 60px;
- margin: 4px;
- padding-top: 3px;
- padding-right: 8px;
- padding-left: 8px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
+ color: #fff;
+ text-align: center;
+ cursor: pointer;
+ background-color: #707070;
+ background-image: none;
+ border: 1px solid rgba(0, 0, 0, 0);
+ border-radius: 3px;
flex-direction: row;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: 0 auto;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 auto;
- -ms-flex: 0 auto;
- flex: 0 auto;
- border: 1px solid transparent;
- border-radius: 3px;
- background-color: #707070;
- background-image: none;
- box-shadow: 0 2px 7px -4px #000;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
- color: #fff;
- font-size: 0.85em;
- text-align: center;
+ margin: 4px;
+ padding-top: 3px;
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: .85em;
text-decoration: none;
- cursor: pointer;
+ transition: all .2s;
+ display: flex;
+ position: relative;
+ box-shadow: 0 2px 7px -4px #000;
}
.location-tag__loading:hover {
- border-color: #ccc;
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
color: #fff;
+ background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
+ border-color: #ccc;
}
.location-tag__loading.hidden {
@@ -4573,122 +3032,70 @@ label {
}
.location-facility__item_download {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- margin-top: 2px;
- margin-bottom: 2px;
- padding: 0px 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ border-radius: 2px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
+ margin-top: 2px;
+ margin-bottom: 2px;
+ padding: 0 4px;
+ display: flex;
}
.map-tooltip__points {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: 6px;
- padding-top: 4px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-top: 1px solid #e6e6e6;
flex-direction: column;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- border-top: 1px solid #e6e6e6;
- font-size: 0.85em;
+ align-items: flex-start;
+ margin-top: 6px;
+ padding-top: 4px;
+ font-size: .85em;
+ display: flex;
}
.tooltip__points_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 16px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ margin-right: 16px;
+ display: flex;
}
.tooltip__notch {
- position: absolute;
- left: auto;
- right: auto;
- bottom: -7px;
z-index: 0;
width: 12px;
height: 12px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- border-right: 1px solid #ccc;
- border-bottom: 1px solid #ccc;
background-color: #fff;
- box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, 0.5);
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
+ border-bottom: 1px solid #ccc;
+ border-right: 1px solid #ccc;
+ justify-content: center;
+ position: absolute;
+ bottom: -7px;
+ left: auto;
+ right: auto;
transform: rotate(45deg);
+ box-shadow: 3px 3px 8px -4px rgba(0, 0, 0, .5);
}
.tooltip__value_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 0.2em;
- padding-right: 8px;
- padding-left: 4px;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
+ margin-bottom: .2em;
+ padding-left: 4px;
+ padding-right: 8px;
+ display: flex;
}
.map-tooltip__value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-width: 180px;
- margin-top: 6px;
- padding-top: 6px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-top: 1px solid #e6e6e6;
flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- border-top: 1px solid #e6e6e6;
- font-size: 0.85em;
+ align-items: stretch;
+ margin-top: 6px;
+ padding-top: 6px;
+ font-size: .85em;
line-height: 1.4;
+ display: flex;
}
.map-tooltip__value.hidden {
@@ -4696,103 +3103,65 @@ label {
}
.map-tooltip__name {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ text-align: center;
justify-content: center;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- font-size: 0.85em;
- line-height: 1.4em;
+ font-size: .85em;
font-weight: 700;
- text-align: center;
+ line-height: 1.4em;
+ display: flex;
}
.map-tooltip {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
max-width: 260px;
min-height: 32px;
min-width: 120px;
- padding: 12px 10px 8px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 4px;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-style: solid;
- border-width: 1px;
- border-color: #ccc;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
+ padding: 12px 10px 8px;
font-weight: 500;
+ display: flex;
+ position: relative;
+ box-shadow: 0 2px 8px -4px rgba(0, 0, 0, .5);
}
.map-tooltip__geography-chip {
- position: absolute;
- left: auto;
- top: -8px;
- right: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-height: 14px;
- padding: 2px 4px 2px 5px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 100px;
color: #fff;
- font-size: 0.65em;
- line-height: 100%;
text-align: center;
letter-spacing: 1.5px;
text-transform: uppercase;
white-space: nowrap;
+ border-radius: 100px;
+ align-items: center;
+ padding: 2px 4px 2px 5px;
+ font-size: .65em;
+ line-height: 100%;
+ display: flex;
+ position: absolute;
+ top: -8px;
+ left: auto;
+ right: auto;
}
.tooltip__value_detail {
- margin-left: 3px;
color: #999;
+ margin-left: 3px;
}
.tooltip__point_item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
border-bottom: 1px solid #ebebeb;
- line-height: 170%;
+ flex: 1;
+ justify-content: space-between;
font-weight: 500;
+ line-height: 170%;
+ display: flex;
}
.tooltip__point_item.last {
@@ -4802,38 +3171,25 @@ label {
.facility-tooltip__header_icon {
width: 24px;
height: 24px;
+ flex: none;
margin-right: 6px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
}
.tooltip__facility-item_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- font-weight: 700;
text-transform: capitalize;
+ font-weight: 700;
+ display: flex;
}
.facility-tooltip__item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ border-bottom: 1px solid #ebebeb;
+ flex-direction: column;
padding-top: 6px;
padding-bottom: 4px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-bottom: 1px solid #ebebeb;
- line-height: 150%;
font-weight: 500;
+ line-height: 150%;
+ display: flex;
}
.facility-tooltip__item.last {
@@ -4841,36 +3197,23 @@ label {
}
.facility-tooltip__close {
- position: absolute;
- left: auto;
- top: 0%;
- right: 0%;
- bottom: auto;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- padding: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 4px;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
- color: rgba(0, 0, 0, 0.63);
+ color: rgba(0, 0, 0, .63);
cursor: pointer;
+ border-radius: 4px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ padding: 2px;
+ transition: all .2s;
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: auto;
+ left: auto;
+ right: 0%;
}
.facility-tooltip__close:hover {
@@ -4878,110 +3221,59 @@ label {
}
.facility-tooltip__items {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-top: 4px;
- padding-right: 4px;
- padding-left: 4px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-top: 1px solid #e6e6e6;
flex-direction: column;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- border-top: 1px solid #e6e6e6;
- font-size: 0.85em;
+ align-items: flex-start;
+ padding-top: 4px;
+ padding-left: 4px;
+ padding-right: 4px;
+ font-size: .85em;
+ display: flex;
}
.facility-tooltip__header_name {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- align-self: stretch;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- font-size: 0.85em;
- line-height: 1.4em;
+ align-self: stretch;
+ align-items: center;
+ font-size: .85em;
font-weight: 700;
+ line-height: 1.4em;
+ display: flex;
}
.facility-tooltip__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-right: 32px;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
+ flex: none;
align-self: stretch;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ padding-right: 32px;
+ display: flex;
}
.facility-tooltip {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
max-height: 60vh;
max-width: 350px;
min-height: 32px;
min-width: 110px;
- padding: 8px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 4px;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
align-self: flex-start;
- border-style: solid;
- border-width: 1px;
- border-color: #ccc;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 2px 8px -4px rgba(0, 0, 0, 0.5);
+ align-items: center;
+ padding: 8px;
font-weight: 500;
+ display: flex;
+ position: relative;
+ box-shadow: 0 2px 8px -4px rgba(0, 0, 0, .5);
}
.facility-tooltip.demo {
position: absolute;
- left: 37%;
top: 15%;
+ left: 37%;
}
.facility-tooltip.demo._2 {
@@ -4989,46 +3281,31 @@ label {
}
.facility-tooltip.is--cluster {
- padding: 0px;
+ padding: 0;
}
.tooltip__facility-item_value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
font-weight: 400;
+ display: flex;
}
.map-options__legend_loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 19px;
min-width: 60px;
- margin-right: 2px;
- margin-left: 2px;
- padding-right: 4px;
- padding-left: 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.1);
- font-size: 0.6em;
text-align: center;
- letter-spacing: 0.2px;
+ letter-spacing: .2px;
text-transform: uppercase;
+ background-color: rgba(0, 0, 0, .1);
+ border-radius: 2px;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ margin-left: 2px;
+ margin-right: 2px;
+ padding-left: 4px;
+ padding-right: 4px;
+ font-size: .6em;
+ display: flex;
}
.map-options__legend_loading.hidden {
@@ -5036,173 +3313,117 @@ label {
}
.legend-block__loading-icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
- margin-right: 4px;
- margin-left: 2px;
- padding: 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ opacity: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- opacity: 1;
- font-size: 0.8em;
+ margin-left: 2px;
+ margin-right: 4px;
+ padding: 4px;
+ font-size: .8em;
+ display: flex;
}
.sub-category-header__key-metrics_wrap {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: -6px;
- margin-left: -6px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ margin-left: -6px;
+ margin-right: -6px;
+ display: flex;
}
.category-header__content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
+ display: flex;
}
.category-header__description {
+ color: #333;
+ border-top: 1px dashed #ccc;
margin-top: 12px;
margin-bottom: -6px;
padding-top: 16px;
- border-top: 1px dashed #ccc;
- color: #333;
}
.login {
- position: absolute;
- display: -ms-grid;
- display: grid;
width: 400px;
- padding: 16px 24px 24px;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
- -ms-grid-rows: auto auto auto;
- grid-template-rows: auto auto auto;
- border-radius: 3px;
background-color: #fff;
- box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.2);
+ border-radius: 3px;
+ grid-template-rows: auto auto auto;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ padding: 16px 24px 24px;
+ display: grid;
+ position: absolute;
+ box-shadow: 0 0 40px -10px rgba(0, 0, 0, .2);
}
.login__title {
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 4.5fr 1fr;
- grid-template-columns: 4.5fr 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
- font-size: 0.8em;
+ grid-template-columns: 4.5fr 1fr;
+ grid-auto-columns: 1fr;
+ font-size: .8em;
}
.login__close {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 44px;
height: 44px;
- margin-right: -12px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ cursor: pointer;
+ border-radius: 2px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- cursor: pointer;
+ margin-right: -12px;
+ display: flex;
}
.login__close:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #39ad84;
+ background-color: rgba(0, 0, 0, .1);
}
.clear {
- margin: 0px;
- padding: 0px;
+ margin: 0;
+ padding: 0;
}
.login__description {
+ background-color: rgba(0, 0, 0, .1);
padding: 12px;
- background-color: rgba(0, 0, 0, 0.1);
}
.button {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 44px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ text-align: center;
+ letter-spacing: .02em;
+ cursor: pointer;
+ background-image: none;
+ border-radius: 2px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-image: none;
font-weight: 500;
- text-align: center;
- letter-spacing: 0.02em;
- cursor: pointer;
+ display: flex;
}
.button:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.button.text {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ background-color: rgba(0, 0, 0, 0);
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- background-color: transparent;
- color: #333;
text-decoration: underline;
+ display: flex;
}
.button.button--grey {
- background-color: #f0f0f0;
color: #333;
+ background-color: #f0f0f0;
}
.button.button--margin-right {
@@ -5211,48 +3432,36 @@ label {
.button.button--subtle {
height: auto;
- padding: 0.6em 0.7em;
- background-color: #f0f0f0;
color: #333;
+ background-color: #f0f0f0;
+ padding: .6em .7em;
font-weight: 400;
text-decoration: none;
}
.login-form__actions {
- display: -ms-grid;
- display: grid;
- margin-top: 16px;
- grid-auto-flow: row;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr 1fr;
- grid-template-columns: 1fr 1fr;
- -ms-grid-rows: auto auto;
grid-template-rows: auto auto;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-columns: 1fr;
+ grid-auto-flow: row;
+ margin-top: 16px;
+ display: grid;
}
.login__form-checkbox {
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 0px;
+ cursor: pointer;
+ align-items: center;
+ margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
- padding-left: 0px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- cursor: pointer;
+ padding-left: 0;
+ display: flex;
}
.checkbox-label {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
}
@@ -5261,218 +3470,148 @@ label {
}
.form-block {
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.tutorial {
- position: absolute;
z-index: 3;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 450px;
- padding: 10px 24px 16px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ background-color: #fff;
+ border-radius: 3px;
flex-direction: column;
- grid-auto-columns: 1fr;
- -ms-grid-columns: 1fr 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- -ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
- border-radius: 3px;
- background-color: #fff;
- box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.2);
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ padding: 10px 24px 16px;
+ display: flex;
+ position: absolute;
+ box-shadow: 0 0 40px -10px rgba(0, 0, 0, .2);
}
.tutorial__title {
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 4.5fr 1fr;
- grid-template-columns: 4.5fr 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
- font-size: 0.7em;
+ grid-template-columns: 4.5fr 1fr;
+ grid-auto-columns: 1fr;
+ font-size: .7em;
}
.tutorial__close {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 44px;
height: 44px;
- margin-right: -12px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ cursor: pointer;
+ border-radius: 2px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- cursor: pointer;
+ margin-right: -12px;
+ display: flex;
}
.tutorial__slider {
height: 400px;
- margin-right: -24px;
+ background-color: #fff;
margin-bottom: 62px;
margin-left: -24px;
- background-color: #fff;
+ margin-right: -24px;
}
.left-arrow {
- left: 0%;
- top: auto;
- right: auto;
- bottom: -62px;
width: 20%;
height: 56px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ cursor: default;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
font-size: 1.1em;
- cursor: default;
-}
-
-.right-arrow {
- left: auto;
top: auto;
- right: 0%;
bottom: -62px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ left: 0%;
+ right: auto;
+}
+
+.right-arrow {
width: 80%;
height: 56px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
font-size: 1.1em;
+ display: flex;
+ top: auto;
+ bottom: -62px;
+ left: auto;
+ right: 0%;
}
.tutorial__slide-content {
+ flex-direction: column;
+ align-items: center;
+ display: flex;
position: absolute;
- left: 0%;
top: 0%;
- right: 0%;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ left: 0%;
+ right: 0%;
}
.slide-nav {
- left: 0%;
- top: auto;
- right: 0%;
- bottom: -32px;
- display: none;
height: 32px;
- padding-top: 0px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: end;
- -webkit-align-items: flex-end;
- -ms-flex-align: end;
- align-items: flex-end;
- -webkit-transform: scale3d(1none, 1none, 1none);
transform: scale3d(1none, 1none, 1none);
- -webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
+ justify-content: center;
+ align-items: flex-end;
+ padding-top: 0;
+ display: none;
+ top: auto;
+ bottom: -32px;
+ left: 0%;
+ right: 0%;
}
.tutorial__slide-info {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- padding: 12px 24px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ color: #fff;
+ text-align: left;
+ background-color: #333;
flex-direction: column;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
align-items: flex-start;
- background-color: #333;
- box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
- color: #fff;
+ padding: 12px 24px;
line-height: 140%;
- text-align: left;
+ display: flex;
+ position: relative;
+ box-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}
.tutorial__slide_button {
+ color: #333;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .1);
+ border-radius: 2px;
+ justify-content: center;
+ align-items: center;
+ margin-top: 12px;
+ margin-left: 24px;
+ margin-right: 24px;
+ display: flex;
position: absolute;
- left: 0%;
top: 0%;
- right: 0%;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: 12px;
- margin-right: 24px;
- margin-left: 24px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.1);
- color: #333;
- cursor: pointer;
+ left: 0%;
+ right: 0%;
}
.tutorial__slide_button:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #000;
+ background-color: rgba(0, 0, 0, .1);
}
.tutorial__slide_button.next {
- margin-left: 12px;
- background-color: #707070;
color: #fff;
+ background-color: #707070;
+ margin-left: 12px;
}
.tutorial__slide_button.next:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.tutorial__slide_button.previous {
@@ -5482,49 +3621,35 @@ label {
}
.tutorial__slide_gradient {
- position: absolute;
z-index: 1;
height: 40px;
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(103%, transparent));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), transparent 103%);
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 103%);
+ position: absolute;
}
.tutorial__slide_gradient.bottom {
- left: 0%;
+ background-image: linear-gradient(to top, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 103%);
top: auto;
- right: 0%;
bottom: 0%;
- background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), color-stop(103%, transparent));
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), transparent 103%);
+ left: 0%;
+ right: 0%;
}
.tutorial__dismiss {
- display: -ms-grid;
- display: grid;
- margin-top: 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1.75fr 0.75fr;
- grid-template-columns: 1.75fr 0.75fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
+ grid-template-columns: 1.75fr .75fr;
+ grid-auto-columns: 1fr;
+ align-items: center;
+ margin-top: 8px;
+ display: grid;
}
.dismiss__no-show {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 24px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.nav__link_icon {
@@ -5532,33 +3657,21 @@ label {
}
.login-modal {
- position: fixed;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: 0%;
z-index: 2;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100vw;
height: 100vh;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ background-color: rgba(0, 0, 0, .5);
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- background-color: rgba(0, 0, 0, 0.5);
+ display: flex;
+ position: fixed;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
}
.login-modal.webflow {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
@@ -5567,39 +3680,27 @@ label {
}
.tutorial-modal {
- position: fixed;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: 0%;
z-index: 2;
- display: none;
width: 100vw;
height: 100vh;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ background-color: rgba(0, 0, 0, .5);
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- background-color: rgba(0, 0, 0, 0.5);
+ display: none;
+ position: fixed;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
}
.tutorial-modal.webflow {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.nav__link_text {
+ flex: none;
margin-left: 6px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
}
.html-embed {
@@ -5607,30 +3708,21 @@ label {
}
.sticky-header__tutorial {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 32px;
height: 32px;
- margin-top: 16px;
- margin-right: -64px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 3px;
color: #39ad84;
cursor: pointer;
+ border-radius: 3px;
+ justify-content: center;
+ align-items: center;
+ margin-top: 16px;
+ margin-right: -64px;
+ display: flex;
+ position: relative;
}
.sticky-header__tutorial:hover {
- background-color: rgba(57, 173, 132, 0.06);
+ background-color: rgba(57, 173, 132, .06);
}
.sticky-header__tutorial.hidden {
@@ -5638,47 +3730,32 @@ label {
}
.location__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 8px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
+ margin-bottom: 8px;
+ display: flex;
}
.location__tutorial {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
- padding-right: 6px;
- padding-left: 6px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
color: #333;
- font-size: 0.85em;
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ justify-content: center;
+ align-items: center;
+ padding-left: 6px;
+ padding-right: 6px;
+ font-size: .85em;
+ display: flex;
+ position: relative;
}
.location__tutorial:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.location__tutorial:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.location__tutorial.hidden {
@@ -5690,91 +3767,64 @@ label {
}
.location__tutorial_text {
- margin-right: 2px;
margin-left: 2px;
+ margin-right: 2px;
}
.tutorial__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 8px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ margin-bottom: 8px;
+ display: flex;
}
.tutorial__slide-number {
+ z-index: 1;
+ color: #fff;
+ background-color: rgba(0, 0, 0, .6);
+ border-radius: 3px;
+ align-items: center;
+ padding: 2px 6px;
+ display: flex;
position: absolute;
- left: 24px;
top: auto;
- right: auto;
bottom: 16px;
- z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 2px 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.6);
+ left: 24px;
+ right: auto;
box-shadow: 0 1px 6px -3px #000;
- color: #fff;
}
.slide-info__title {
- display: inline-block;
- padding: 1px 4px;
border-radius: 2px;
+ padding: 1px 4px;
font-weight: 500;
+ display: inline-block;
}
.map-about {
- position: absolute;
- left: 0%;
- top: auto;
- right: auto;
- bottom: 0%;
z-index: 998;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
+ cursor: pointer;
+ background-color: #fff;
+ border: 2px solid rgba(0, 0, 0, .2);
+ border-radius: 4px;
+ justify-content: center;
+ align-items: center;
margin-bottom: 10px;
margin-left: 10px;
- padding-right: 8px;
padding-left: 6px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-style: solid;
- border-width: 2px;
- border-color: rgba(0, 0, 0, 0.2);
- border-radius: 4px;
- background-color: #fff;
- font-size: 0.85em;
- cursor: pointer;
+ padding-right: 8px;
+ font-size: .85em;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
}
.map-about:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.map-about.hidden {
@@ -5787,24 +3837,18 @@ label {
.container {
max-width: 960px;
- margin-right: auto;
margin-left: auto;
+ margin-right: auto;
}
.page-header {
- display: -ms-grid;
- display: grid;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- grid-auto-columns: 1fr;
grid-column-gap: 12px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ align-items: center;
+ display: grid;
}
.map-about__icon {
@@ -5816,22 +3860,16 @@ label {
}
.login-form__checkbox {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 6px;
- padding-left: 0px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ margin-right: 6px;
+ padding-left: 0;
+ display: flex;
}
.content-block {
- padding-right: 48px;
padding-bottom: 60px;
padding-left: 48px;
+ padding-right: 48px;
}
.content-block.first {
@@ -5840,8 +3878,8 @@ label {
}
.content-block.bg-green {
+ background-color: rgba(57, 173, 132, .05);
padding-bottom: 40px;
- background-color: rgba(57, 173, 132, 0.05);
}
.content-block.bg-green.first {
@@ -5854,47 +3892,31 @@ label {
}
.page-header__overline {
- font-weight: 500;
- letter-spacing: 0.2em;
+ letter-spacing: .2em;
text-transform: uppercase;
+ font-weight: 500;
}
.page-header__title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
align-items: flex-start;
+ display: flex;
}
.page-header__website-link {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ color: #39ad84;
+ background-color: rgba(57, 173, 132, .2);
+ border-radius: 2px;
+ align-items: center;
margin-top: 16px;
padding: 5px 6px 4px 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
- background-color: rgba(57, 173, 132, 0.2);
- color: #39ad84;
text-decoration: none;
+ display: flex;
}
.page-header__website-link:hover {
- background-color: #39ad84;
color: #fff;
+ background-color: #39ad84;
}
.page-header__website-link.hidden {
@@ -5902,39 +3924,27 @@ label {
}
.page-header__website-link_icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 16px;
height: 16px;
- margin-left: 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ margin-left: 4px;
+ display: flex;
}
.footer {
+ background-color: #f0f0f0;
padding-top: 60px;
padding-bottom: 60px;
- background-color: #f0f0f0;
}
.footer-grid {
- display: -ms-grid;
- display: grid;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr;
- -ms-grid-rows: auto auto;
grid-template-rows: auto auto;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ display: grid;
}
.footer-logo {
@@ -5946,70 +3956,52 @@ label {
}
.footer-links__header {
- margin-bottom: 16px;
color: #39ad84;
- font-size: 0.85em;
- font-weight: 700;
- letter-spacing: 0.1em;
+ letter-spacing: .1em;
text-transform: uppercase;
+ margin-bottom: 16px;
+ font-size: .85em;
+ font-weight: 700;
}
.footer-link {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
color: #707070;
+ align-items: center;
+ margin-bottom: 8px;
text-decoration: none;
+ display: flex;
}
.footer__disclaimer {
- display: -ms-grid;
- display: grid;
- margin-top: 16px;
- padding-top: 32px;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr;
- -ms-grid-rows: auto;
+ border-top: 1px solid rgba(0, 0, 0, .1);
grid-template-rows: auto;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
- font-size: 0.85em;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ margin-top: 16px;
+ padding-top: 32px;
+ font-size: .85em;
+ display: grid;
}
.location__description {
- margin-top: -16px;
- margin-bottom: 24px;
color: #707070;
- font-size: 0.85em;
- letter-spacing: 0.1em;
+ letter-spacing: .1em;
text-transform: uppercase;
+ margin-top: -16px;
+ margin-bottom: 24px;
+ font-size: .85em;
}
.map-options__context {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-right: 10px;
- padding-left: 10px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
+ border-top: 1px dashed rgba(0, 0, 0, .1);
justify-content: space-between;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
- border-top: 1px dashed rgba(0, 0, 0, 0.1);
- font-size: 0.8em;
+ padding-left: 10px;
+ padding-right: 10px;
+ font-size: .8em;
+ display: flex;
}
.map-options__context.hidden {
@@ -6017,97 +4009,68 @@ label {
}
.map-option__context_text {
+ color: #707070;
+ flex: 1;
+ align-self: center;
padding-top: 6px;
padding-bottom: 6px;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
- align-self: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- color: #707070;
}
.map-options__context_tooltip {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
min-height: 36px;
- margin-right: -11px;
- margin-left: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ margin-left: 10px;
+ margin-right: -11px;
+ display: flex;
+ position: relative;
}
.map-options__context_tooltip:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.tooltip {
- position: absolute;
- top: 0px;
- display: none;
max-width: 300px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
text-align: center;
+ justify-content: center;
+ display: none;
+ position: absolute;
+ top: 0;
}
.tooltip-card {
+ background-color: #fff;
+ border-radius: 4px;
+ justify-content: center;
+ padding: 6px 8px;
+ display: flex;
position: absolute;
top: auto;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 6px 8px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.63);
+ box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .63);
}
.tooltip-card.dark {
- background-color: #333;
color: #fff;
+ background-color: #333;
}
.tooltip-notch {
- position: absolute;
- left: auto;
- top: auto;
- right: auto;
- bottom: -4px;
width: 8px;
height: 8px;
- margin-right: auto;
- margin-left: auto;
background-color: #fff;
- box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, 0.63);
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
+ margin-left: auto;
+ margin-right: auto;
+ position: absolute;
+ top: auto;
+ bottom: -4px;
+ left: auto;
+ right: auto;
transform: rotate(45deg);
+ box-shadow: 4px 4px 6px -2px rgba(0, 0, 0, .63);
}
.tooltip-notch.dark {
@@ -6125,47 +4088,30 @@ label {
}
.content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-height: 100vh;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ display: flex;
}
.data-category__h3_trigger {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
- margin-bottom: 6px;
- padding-right: 8px;
- padding-left: 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ color: #666;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #666;
- font-size: 0.85em;
+ margin-bottom: 6px;
+ padding-left: 12px;
+ padding-right: 8px;
+ font-size: .85em;
text-decoration: none;
- cursor: pointer;
+ display: flex;
+ position: relative;
}
.data-category__h3_trigger:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.data-category__h3_trigger.active {
@@ -6174,8 +4120,7 @@ label {
}
.data-category__h3_trigger.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.data-category__h3_content {
@@ -6183,51 +4128,45 @@ label {
}
.data-category__h3_wrapper {
- position: relative;
margin-top: 2px;
margin-bottom: 10px;
padding-left: 16px;
+ position: relative;
}
.data-category__h4_line-v {
- position: absolute;
- left: 0%;
- top: 0%;
- right: auto;
- bottom: 0%;
width: 1px;
+ background-color: rgba(0, 0, 0, .11);
margin-bottom: 15px;
margin-left: 4px;
- background-color: rgba(0, 0, 0, 0.11);
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
}
.data-category__h4 {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
+ color: #666;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .03);
+ border: 1px solid rgba(0, 0, 0, 0);
+ border-radius: 2px;
+ align-items: center;
margin-bottom: 4px;
- padding-right: 12px;
padding-left: 12px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border: 1px solid transparent;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.03);
- color: #666;
- font-size: 0.85em;
+ padding-right: 12px;
+ font-size: .85em;
font-weight: 400;
text-decoration: none;
- cursor: pointer;
+ display: flex;
+ position: relative;
}
.data-category__h4:hover {
- background-color: rgba(0, 0, 0, 0.12);
color: #000;
+ background-color: rgba(0, 0, 0, .12);
}
.data-category__h4.active {
@@ -6236,36 +4175,29 @@ label {
}
.data-category__h4.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.data-category__h4_line-h {
- position: absolute;
- left: -16px;
z-index: 1;
width: 8px;
height: 1px;
+ background-color: rgba(0, 0, 0, .1);
margin-left: 4px;
- background-color: rgba(0, 0, 0, 0.1);
+ position: absolute;
+ left: -16px;
}
.data-category__h4_loading {
- position: absolute;
- left: auto;
- right: 4px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- padding: 2px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
+ opacity: .4;
justify-content: flex-end;
- opacity: 0.4;
+ padding: 2px;
+ display: flex;
+ position: absolute;
+ left: auto;
+ right: 4px;
}
.data-category__h4_loading.hidden {
@@ -6273,25 +4205,16 @@ label {
}
.data-category__h4_load-complete {
- position: absolute;
- left: auto;
- right: 4px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- padding: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ opacity: .4;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- opacity: 0.4;
+ padding: 2px;
+ display: flex;
+ position: absolute;
+ left: auto;
+ right: 4px;
}
.data-category__h4_load-complete.hidden {
@@ -6303,30 +4226,24 @@ label {
}
.panel-toggle__tooltip {
- position: absolute;
- left: 100%;
- top: auto;
- right: auto;
- bottom: auto;
- display: none;
height: 28px;
- margin-left: 12px;
- padding-right: 8px;
- padding-left: 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
- align-self: center;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.2);
color: #333;
- font-size: 0.9em;
white-space: nowrap;
+ background-color: #fff;
+ border-radius: 4px;
+ align-self: center;
+ align-items: center;
+ margin-left: 12px;
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: .9em;
+ display: none;
+ position: absolute;
+ top: auto;
+ bottom: auto;
+ left: 100%;
+ right: auto;
+ box-shadow: 0 1px 9px rgba(0, 0, 0, .2);
}
.panel-toggle__tooltip_text {
@@ -6334,66 +4251,52 @@ label {
}
.panel-toggle__tooltip_notch {
- position: absolute;
- left: -4px;
- top: auto;
- right: auto;
- bottom: auto;
width: 8px;
height: 8px;
background-color: #fff;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
+ position: absolute;
+ top: auto;
+ bottom: auto;
+ left: -4px;
+ right: auto;
transform: rotate(45deg);
}
.location__breadcrumbs_title {
width: 100%;
- margin-left: 3px;
color: #cacaca;
- font-size: 0.85em;
+ margin-left: 3px;
+ font-size: .85em;
}
.print-styling {
+ height: 0;
position: absolute;
- left: 0%;
top: auto;
- right: 0%;
bottom: 0%;
- height: 0px;
+ left: 0%;
+ right: 0%;
}
.tooltip__value_wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 2px 6px;
+ background-color: rgba(0, 0, 0, .06);
border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
+ padding: 2px 6px;
+ display: flex;
}
.location__facilities_trigger {
- position: -webkit-sticky;
- position: sticky;
- top: 77px;
z-index: 1000;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- padding-right: 6px;
- padding-left: 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
border-radius: 2px;
+ flex: none;
+ align-items: center;
+ padding-left: 6px;
+ padding-right: 6px;
+ display: flex;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 77px;
}
.location__facilities_trigger.hidden {
@@ -6401,25 +4304,15 @@ label {
}
.location__facilities_content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
width: 100%;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
align-items: flex-start;
+ display: flex;
+ overflow: hidden;
}
.location__facilities_content.is--hidden {
- height: 0px;
+ height: 0;
}
.location__facilities_content.is--shown {
@@ -6431,30 +4324,20 @@ label {
}
.location__facilities_expand {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- padding-right: 10px;
- padding-left: 10px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- background-image: none;
color: #fff;
cursor: pointer;
+ background-image: none;
+ border-radius: 2px;
+ flex: none;
+ align-items: center;
+ padding-left: 10px;
+ padding-right: 10px;
+ display: flex;
}
.location__facilities_expand:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.location__facilities_expand.bg-primary.hidden {
@@ -6462,30 +4345,20 @@ label {
}
.location__facilities_contract {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- padding-right: 10px;
- padding-left: 10px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- background-image: none;
color: #fff;
cursor: pointer;
+ background-image: none;
+ border-radius: 2px;
+ flex: none;
+ align-items: center;
+ padding-left: 10px;
+ padding-right: 10px;
+ display: flex;
}
.location__facilities_contract:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.location__facilities_contract.bg-primary.hidden {
@@ -6493,31 +4366,17 @@ label {
}
.location__facilities_content-wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- margin-top: 16px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
+ margin-top: 16px;
+ display: flex;
}
.location__facilities_header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-left: 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ align-items: center;
+ margin-left: 6px;
+ display: flex;
}
.location__facilities_header.hidden {
@@ -6525,33 +4384,18 @@ label {
}
.location__facilities_title_loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
+ text-transform: none;
flex: 1;
line-height: 140%;
- text-transform: none;
+ display: flex;
}
.location__facilities_header--loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- margin-left: 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ align-items: center;
+ margin-left: 6px;
+ display: flex;
}
.location__facilities_header--loading.hidden {
@@ -6559,61 +4403,45 @@ label {
}
.map-geo-select {
- position: absolute;
- left: auto;
- top: auto;
- right: 0%;
- bottom: 0%;
z-index: 999;
min-height: 44px;
- margin-right: 53px;
- margin-bottom: 32px;
- border-radius: 4px;
background-color: #fff;
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 0 1px 6px -2px rgba(0, 0, 0, 0.3);
+ border-radius: 4px;
+ margin-bottom: 32px;
+ margin-right: 53px;
+ position: absolute;
+ top: auto;
+ bottom: 0%;
+ left: auto;
+ right: 0%;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 0 1px 6px -2px rgba(0, 0, 0, .3);
}
.mag-geo__dropdown_wrap {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin: 6px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ margin: 6px;
+ display: flex;
+ position: relative;
}
-.mag-geo__dropdown_wrap.disabled {
- opacity: 0.4;
-}
-
-.warning-modal {
- position: absolute;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: 0%;
+.mag-geo__dropdown_wrap.disabled {
+ opacity: .4;
+}
+
+.warning-modal {
z-index: 3;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100vw;
height: 100vh;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ background-color: rgba(0, 0, 0, .5);
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- background-color: rgba(0, 0, 0, 0.5);
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
}
.warning-modal.hidden {
@@ -6621,102 +4449,66 @@ label {
}
.warning {
- position: absolute;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 450px;
- padding: 16px 24px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 12px;
- -ms-grid-columns: 1fr 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- -ms-grid-rows: auto auto auto;
- grid-template-rows: auto auto auto;
- border-radius: 3px;
background-color: #fff;
- box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.2);
+ border-radius: 3px;
+ flex-direction: column;
+ grid-template-rows: auto auto auto;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ padding: 16px 24px;
+ display: flex;
+ position: absolute;
+ box-shadow: 0 0 40px -10px rgba(0, 0, 0, .2);
}
.warning__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.warning-title {
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 4.5fr 1fr;
- grid-template-columns: 4.5fr 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
- font-size: 0.7em;
+ grid-template-columns: 4.5fr 1fr;
+ grid-auto-columns: 1fr;
+ font-size: .7em;
}
.warning__actions {
- display: -ms-grid;
- display: grid;
- padding-top: 16px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr 1fr;
- grid-template-columns: 1fr 1fr;
- -ms-grid-rows: auto;
- grid-template-rows: auto;
border-top: 1px solid #f0f0f0;
+ grid-template-rows: auto;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-columns: 1fr;
+ align-self: stretch;
+ align-items: center;
+ padding-top: 16px;
+ display: grid;
}
.button-wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
margin-right: -12px;
+ display: flex;
}
.point-mapper__h1_arrow-toggle {
- position: absolute;
- left: auto;
- top: 0%;
- right: 0%;
- bottom: auto;
z-index: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
width: 36px;
height: 36px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: auto;
+ left: auto;
+ right: 0%;
+ overflow: hidden;
}
.text-block-2 {
@@ -6728,105 +4520,49 @@ label {
width: auto;
}
-.point-mapper__arrow-down {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+.point-mapper__arrow-down, .point-mapper__arrow-up {
width: 36px;
height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ display: flex;
}
-.point-mapper__arrow-up {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+.point-mapper__h1_trigger-arrow {
width: 36px;
height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
-}
-
-.point-mapper__h1_trigger-arrow {
+ display: flex;
position: absolute;
- left: auto;
top: auto;
- right: 0.3em;
bottom: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- width: 36px;
- height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- color: #333;
+ left: auto;
+ right: .3em;
}
.map-download {
- position: absolute;
- left: auto;
- top: auto;
- right: 0%;
- bottom: 0%;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 34px;
height: 34px;
- margin-right: 10px;
- margin-bottom: 100px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ cursor: pointer;
+ background-color: #fff;
+ border: 2px solid rgba(0, 0, 0, .2);
+ border-radius: 4px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-style: solid;
- border-width: 2px;
- border-color: rgba(0, 0, 0, 0.2);
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 1px 1px 6px -2px rgba(0, 0, 0, 0.3);
- cursor: pointer;
+ margin-bottom: 100px;
+ margin-right: 10px;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: 0%;
+ left: auto;
+ right: 0%;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 1px 1px 6px -2px rgba(0, 0, 0, .3);
}
.map-download.hover-text-primary.disabled {
@@ -6834,31 +4570,25 @@ label {
}
.map-download.disabled {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
color: #9e9e9e;
cursor: auto;
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.map-download.disabled:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
color: #9e9e9e;
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.plate {
position: absolute;
- left: 0%;
top: 0%;
- right: 0%;
bottom: 0%;
+ left: 0%;
+ right: 0%;
}
-.plate.bg-primary {
- background-color: #39ad84;
-}
-
-.bg-primary {
+.plate.bg-primary, .bg-primary {
background-color: #39ad84;
}
@@ -6870,12 +4600,8 @@ label {
color: #39ad84;
}
-.hover-bg-primary-light:hover {
- background-color: rgba(57, 173, 132, 0.2);
-}
-
-.bg-primary-light {
- background-color: rgba(57, 173, 132, 0.2);
+.hover-bg-primary-light:hover, .bg-primary-light {
+ background-color: rgba(57, 173, 132, .2);
}
.hover-text-primary:hover {
@@ -6883,31 +4609,21 @@ label {
}
.tab-notice {
- position: fixed;
- left: auto;
- top: auto;
- right: 22px;
- bottom: 0%;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 150px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- transform: rotate(-90deg);
- -webkit-transform-origin: 100% 100%;
- -ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
color: #fff;
- font-weight: 700;
text-align: right;
+ align-items: center;
+ margin-bottom: 150px;
+ font-weight: 700;
text-decoration: none;
+ display: flex;
+ position: fixed;
+ top: auto;
+ bottom: 0%;
+ left: auto;
+ right: 22px;
+ transform: rotate(-90deg);
}
.tab-notice.hidden {
@@ -6915,29 +4631,22 @@ label {
}
.tab-notice__text {
- position: relative;
z-index: 1;
- display: inline-block;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
align-self: center;
+ display: inline-block;
+ position: relative;
}
.tab-notice__inner {
- position: absolute;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
height: 44px;
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
white-space: nowrap;
cursor: pointer;
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+ transition: all .2s;
+ display: flex;
+ position: absolute;
+ overflow: hidden;
}
.tab-notice__inner:hover {
@@ -6945,8 +4654,8 @@ label {
}
.tab-notice__content {
- padding: 12px;
color: #fff;
+ padding: 12px;
}
.point-mapper-content__error {
@@ -6954,19 +4663,13 @@ label {
}
.error {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 4px 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
- background-color: #f0f0f0;
color: #666;
- font-size: 0.9em;
+ background-color: #f0f0f0;
+ border-radius: 2px;
+ align-items: center;
+ padding: 4px 6px;
+ font-size: .9em;
+ display: flex;
}
.error__icon {
@@ -6974,56 +4677,37 @@ label {
}
.facility-tooltip__scroll-wrapper {
- overflow: auto;
height: 100%;
- margin-top: 6px;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
- -ms-grid-row-align: stretch;
align-self: stretch;
+ margin-top: 6px;
+ overflow: auto;
}
.facility-tooltip__open-modal {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
height: 32px;
- margin-top: 8px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
- font-size: 0.85em;
text-align: center;
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ margin-top: 8px;
+ font-size: .85em;
+ display: flex;
}
.facility-tooltip__open-modal:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.facility-tooltip__showing {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- padding-top: 8px;
border-top: 1px solid #ebebeb;
- font-size: 0.85em;
+ padding-top: 8px;
+ font-size: .85em;
+ display: flex;
}
.facility-tooltip__showing_icon {
@@ -7032,66 +4716,46 @@ label {
}
.facility-info {
- position: absolute;
- left: 20%;
- top: auto;
- right: 20%;
- bottom: 20px;
z-index: 5;
- display: none;
max-height: 40vh;
max-width: 840px;
- margin-right: auto;
+ background-color: #fff;
+ border-radius: 4px;
+ flex-direction: column;
margin-left: auto;
+ margin-right: auto;
padding: 16px 12px 16px 20px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+ display: none;
+ position: absolute;
+ top: auto;
+ bottom: 20px;
+ left: 20%;
+ right: 20%;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}
.facility-info.webflow {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.facility-info__title {
- margin-top: 0px;
- margin-bottom: 0px;
+ margin-top: 0;
+ margin-bottom: 0;
}
.facility-info__close {
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- padding: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 4px;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
- color: rgba(0, 0, 0, 0.63);
+ color: rgba(0, 0, 0, .63);
cursor: pointer;
+ border-radius: 4px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ padding: 2px;
+ transition: all .2s;
+ display: flex;
}
.facility-info__close:hover {
@@ -7103,58 +4767,33 @@ label {
}
.facility-info__content {
- overflow: auto;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ overflow: auto;
}
.facility-info__items {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 6px;
- padding-top: 4px;
- padding-right: 4px;
- padding-left: 4px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-top: 1px solid #e6e6e6;
flex-direction: column;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- border-top: 1px solid #e6e6e6;
- font-size: 0.85em;
+ align-items: flex-start;
+ margin-right: 6px;
+ padding-top: 4px;
+ padding-left: 4px;
+ padding-right: 4px;
+ font-size: .85em;
+ display: flex;
}
.facility-info__item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ border-bottom: 1px solid #ebebeb;
+ flex-direction: column;
padding-top: 6px;
padding-bottom: 4px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-bottom: 1px solid #ebebeb;
- line-height: 150%;
font-weight: 500;
+ line-height: 150%;
+ display: flex;
}
.facility-info__item.last {
@@ -7162,62 +4801,39 @@ label {
}
.facility-info__item_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- font-weight: 700;
text-transform: capitalize;
+ font-weight: 700;
+ display: flex;
}
.facility-info__item_value {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
font-weight: 400;
+ display: flex;
}
.facility-info__header {
- display: -ms-grid;
- display: grid;
- margin-bottom: 10px;
- grid-auto-flow: column;
- grid-auto-columns: -webkit-max-content;
- grid-auto-columns: max-content;
grid-column-gap: 8px;
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
+ grid-template-columns: 1fr;
+ grid-auto-columns: max-content;
+ grid-auto-flow: column;
+ margin-bottom: 10px;
+ display: grid;
}
.facility-info__print {
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- padding: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 4px;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
- color: rgba(0, 0, 0, 0.63);
+ color: rgba(0, 0, 0, .63);
cursor: pointer;
+ border-radius: 4px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ padding: 2px;
+ transition: all .2s;
+ display: flex;
}
.facility-info__print:hover {
@@ -7229,27 +4845,24 @@ label {
}
.map-title {
- position: absolute;
- left: auto;
- top: 16px;
- right: auto;
- bottom: auto;
z-index: 999;
- display: block;
- margin-right: 24px;
+ background-color: #fff;
+ border-radius: 6px;
margin-left: 24px;
+ margin-right: 24px;
padding: 12px;
- border-radius: 6px;
- background-color: #fff;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
font-size: 1.2em;
font-weight: 700;
+ display: block;
+ position: absolute;
+ top: 16px;
+ bottom: auto;
+ left: auto;
+ right: auto;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}
.map-title.webflow {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
@@ -7258,52 +4871,41 @@ label {
}
.rich-data__print {
- position: absolute;
- left: auto;
- top: 82px;
- right: 12px;
- bottom: auto;
z-index: 100;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 40px;
height: 40px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ background-color: #f0f0f0;
+ border-radius: 100px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 100px;
- background-color: #f0f0f0;
- color: #333;
+ display: flex;
+ position: absolute;
+ top: 82px;
+ bottom: auto;
+ left: auto;
+ right: 12px;
}
.rich-data__print:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.map-print {
- position: absolute;
- left: auto;
- top: auto;
- right: auto;
- bottom: 24px;
z-index: 999;
width: 95%;
max-width: 650px;
- justify-items: center;
- grid-auto-columns: 1fr;
grid-column-gap: 12px;
grid-row-gap: 12px;
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
+ grid-template-columns: 1fr;
+ grid-auto-columns: 1fr;
+ justify-items: center;
+ position: absolute;
+ top: auto;
+ bottom: 24px;
+ left: auto;
+ right: auto;
}
.map-print.hidden {
@@ -7311,21 +4913,13 @@ label {
}
.map-point-legend {
- position: relative;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: -6px;
- margin-bottom: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
+ justify-content: center;
+ margin-bottom: 10px;
+ margin-right: -6px;
+ display: flex;
+ position: relative;
}
.map-point-legend.hidden {
@@ -7333,89 +4927,54 @@ label {
}
.map-print__choropleth-legend {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- padding: 8px;
- border-radius: 4px;
background-color: #fff;
- box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.3), 0 0 0 -1px rgba(0, 0, 0, 0.2);
+ border-radius: 4px;
+ padding: 8px;
+ display: flex;
+ box-shadow: 0 1px 6px -2px rgba(0, 0, 0, .3), 0 0 0 -1px rgba(0, 0, 0, .2);
}
.map-print__legend_label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 4px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
color: #999;
- font-size: 0.7em;
- line-height: 1em;
- letter-spacing: 0.1em;
+ letter-spacing: .1em;
text-transform: uppercase;
+ align-items: center;
+ margin-right: 4px;
+ font-size: .7em;
+ line-height: 1em;
+ display: flex;
}
.map-print__legend_wrap {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 19px;
- margin-right: -2px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
- grid-auto-flow: column;
- grid-auto-columns: -webkit-max-content;
- grid-auto-columns: max-content;
- -ms-grid-columns: -webkit-max-content;
- -ms-grid-columns: max-content;
- grid-template-columns: -webkit-max-content;
- grid-template-columns: max-content;
- -ms-grid-rows: auto;
grid-template-rows: auto;
+ grid-template-columns: max-content;
+ grid-auto-columns: max-content;
+ grid-auto-flow: column;
+ justify-content: space-between;
+ margin-right: -2px;
+ display: flex;
}
.map-print__legend_loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 19px;
min-width: 60px;
- margin-right: 2px;
- margin-left: 2px;
- padding-right: 4px;
- padding-left: 4px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.1);
- font-size: 0.6em;
text-align: center;
- letter-spacing: 0.2px;
+ letter-spacing: .2px;
text-transform: uppercase;
+ background-color: rgba(0, 0, 0, .1);
+ border-radius: 2px;
+ flex: 1;
+ justify-content: center;
+ align-items: center;
+ margin-left: 2px;
+ margin-right: 2px;
+ padding-left: 4px;
+ padding-right: 4px;
+ font-size: .6em;
+ display: flex;
}
.map-print__legend_loading.hidden {
@@ -7423,37 +4982,25 @@ label {
}
.point-legend {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 6px;
+ background-color: #fff;
+ border-radius: 4px;
+ flex: none;
+ align-items: center;
margin-bottom: 6px;
+ margin-right: 6px;
padding: 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 0 1px 6px -2px rgba(0, 0, 0, 0.3);
font-size: 13px;
+ display: flex;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 0 1px 6px -2px rgba(0, 0, 0, .3);
}
.point-legend__color {
width: 20px;
height: 20px;
- margin-right: 6px;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ background-color: rgba(0, 0, 0, .06);
border-radius: 100px;
- background-color: rgba(0, 0, 0, 0.06);
+ flex: none;
+ margin-right: 6px;
}
.point-legend__color.demo {
@@ -7461,30 +5008,20 @@ label {
}
.point-legend__text {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ flex: none;
}
.map-bottom-items {
- position: absolute;
- left: auto;
- top: auto;
- right: auto;
- bottom: 32px;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 95%;
max-width: 650px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: 32px;
+ left: auto;
+ right: auto;
}
.map-bottom-items.hidden {
@@ -7492,34 +5029,22 @@ label {
}
.point-legend__remove {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 24px;
height: 24px;
- margin-left: 6px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 100px;
- background-color: rgba(0, 0, 0, 0.06);
color: #707070;
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 100px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ margin-left: 6px;
+ display: flex;
}
.point-legend__remove:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #333;
+ background-color: rgba(0, 0, 0, .1);
}
.point-legend__remove.hidden {
@@ -7527,19 +5052,11 @@ label {
}
.map-print__point-legend {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: -6px;
- margin-bottom: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
+ justify-content: center;
+ margin-bottom: 10px;
+ margin-right: -6px;
+ display: flex;
}
.location__facilities_google-link {
@@ -7551,28 +5068,20 @@ label {
}
.facility-info__view-google-map {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ color: #333;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 4px;
+ align-self: flex-start;
+ align-items: center;
margin-bottom: 20px;
padding: 6px 10px 6px 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-start;
- -ms-flex-item-align: start;
- align-self: flex-start;
- border-radius: 4px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
text-decoration: none;
+ display: flex;
}
.facility-info__view-google-map:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #000;
+ background-color: rgba(0, 0, 0, .1);
}
.facility-info__view-google-map.hidden {
@@ -7584,58 +5093,47 @@ label {
}
.profile-indicator__table {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-bottom: 1em;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ padding-bottom: 1em;
+ display: flex;
}
.profile-indicator__table_row {
- display: -ms-grid;
- display: grid;
- grid-auto-flow: column;
- grid-auto-columns: 33.333333333%;
- -ms-grid-columns: 33.333333333%;
- grid-template-columns: 33.333333333%;
- -ms-grid-rows: auto;
+ border-bottom: 1px solid rgba(0, 0, 0, .06);
grid-template-rows: auto;
- border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+ grid-template-columns: 33.3333%;
+ grid-auto-columns: 33.3333%;
+ grid-auto-flow: column;
font-size: 13px;
+ display: grid;
}
.profile-indicator__table_row:hover {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.profile-indicator__table_row.profile-indicator__table_row--header {
- grid-auto-columns: 33.333333333%;
+ background-color: rgba(255, 255, 255, .06);
border-bottom: 1px solid #707070;
- background-color: hsla(0, 0%, 100%, 0.06);
- box-shadow: 0 10px 10px -9px rgba(0, 0, 0, 0.1);
+ grid-auto-columns: 33.3333%;
font-weight: 700;
+ box-shadow: 0 10px 10px -9px rgba(0, 0, 0, .1);
}
.profile-indicator__table_row.profile-indicator__table_row--alt {
- background-color: hsla(0, 0%, 100%, 0.06);
+ background-color: rgba(255, 255, 255, .06);
}
.profile-indicator__table_row.profile-indicator__table_row--2-col {
- grid-auto-columns: minmax(120px, 50%);
- -ms-grid-columns: minmax(120px, 50%);
grid-template-columns: minmax(120px, 50%);
+ grid-auto-columns: minmax(120px, 50%);
}
.profile-indicator__table_cell {
- overflow: hidden;
- padding: 8px;
- border-left: 1px solid rgba(0, 0, 0, 0.06);
white-space: nowrap;
+ border-left: 1px solid rgba(0, 0, 0, .06);
+ padding: 8px;
+ overflow: hidden;
}
.profile-indicator__table_cell.profile-indicator__table_cell--first {
@@ -7646,28 +5144,9 @@ label {
max-height: 300px;
}
-.div-block {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+.div-block, .profile-indicator__table_show-more {
flex-direction: column;
-}
-
-.profile-indicator__table_show-more {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
}
.profile-indicator__table_show-more.hidden {
@@ -7681,86 +5160,63 @@ label {
.profile-indicator__table_load-more {
width: 100%;
- background-color: #f0f0f0;
color: #333;
text-align: center;
+ background-color: #f0f0f0;
}
.profile-indicator__table_inner {
- overflow: hidden;
max-height: 400px;
margin-bottom: 2em;
+ overflow: hidden;
}
.map__legend-block_value {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
}
.location__facilities_download-all {
- display: -ms-grid;
- display: grid;
height: 36px;
- padding-right: 10px;
- padding-left: 10px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- grid-auto-columns: 1fr;
grid-column-gap: 4px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr -webkit-max-content;
- -ms-grid-columns: 1fr max-content;
- grid-template-columns: 1fr -webkit-max-content;
- grid-template-columns: 1fr max-content;
- -ms-grid-rows: auto;
- grid-template-rows: auto;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
+ flex: none;
+ grid-template-rows: auto;
+ grid-template-columns: 1fr max-content;
+ grid-auto-columns: 1fr;
+ align-items: center;
+ padding-left: 10px;
+ padding-right: 10px;
+ display: grid;
}
.location__facilities_download-all:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.location__facilities_download-all.location__facilities_download-all--footer {
- display: none;
margin-top: 8px;
margin-left: 8px;
+ display: none;
}
.location__facilities_header-wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ align-items: center;
+ display: flex;
}
.point-mapper-options {
z-index: 999;
- display: block;
width: 100%;
- margin-right: auto;
- margin-left: auto;
- border-radius: 4px;
background-color: #fff;
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 0 1px 6px -2px rgba(0, 0, 0, 0.3);
+ border-radius: 4px;
+ margin-left: auto;
+ margin-right: auto;
+ display: block;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 0 1px 6px -2px rgba(0, 0, 0, .3);
}
.point-mapper__filters {
@@ -7768,79 +5224,51 @@ label {
}
.point-mapper__legend {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
padding: 10px;
+ display: flex;
}
.point-mapper-options__filters_header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
padding-left: 10px;
+ display: flex;
}
.point-mapper-options__filters_content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ border-top: 1px solid rgba(0, 0, 0, .1);
+ flex-wrap: wrap;
padding-top: 8px;
padding-right: 10px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
+ display: flex;
}
.point-mapper-options__filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 50%;
+ flex-direction: column;
padding-bottom: 10px;
padding-left: 10px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ display: flex;
}
.point-mapper-options__filter.disabled {
- opacity: 0.4;
-}
-
-.point-mapper-options__current-filters {
- width: 100%;
+ opacity: .4;
}
-.div-block-2 {
+.point-mapper-options__current-filters, .div-block-2 {
width: 100%;
}
.div-block-3 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ display: flex;
}
.map-options__filter-row {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
padding-top: 5px;
- padding-right: 46px;
padding-left: 10px;
+ padding-right: 46px;
+ display: flex;
+ position: relative;
}
.map-options__filter-row.hidden {
@@ -7848,62 +5276,45 @@ label {
}
.mapping-options__remove-filter {
- position: absolute;
- left: auto;
- top: auto;
- right: 10px;
- bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
color: #333;
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: none;
+ justify-content: center;
+ align-self: flex-end;
+ align-items: center;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: 0%;
+ left: auto;
+ right: 10px;
}
.mapping-options__remove-filter:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.mapping-options__remove-filter:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.mapping-options__remove-filter.is--hidden {
- display: none;
- background-color: rgba(0, 0, 0, 0.06);
color: #c5c5c5;
cursor: auto;
+ background-color: rgba(0, 0, 0, .06);
+ display: none;
}
.map-options__filter-labels {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
padding-top: 5px;
- padding-right: 46px;
padding-left: 10px;
+ padding-right: 46px;
+ display: flex;
}
.map-options__filter-labels.hidden {
@@ -7911,39 +5322,27 @@ label {
}
.mapping-options__add-filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- height: 36px;
- margin-top: 10px;
- margin-right: 10px;
- margin-left: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ height: 36px;
+ color: #333;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
- font-size: 0.9em;
+ margin-top: 10px;
+ margin-left: 10px;
+ margin-right: 10px;
+ font-size: .9em;
text-decoration: none;
+ display: flex;
}
.mapping-options__add-filter:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.mapping-options__add-filter:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.mapping-options__add-filter.hidden {
@@ -7951,213 +5350,136 @@ label {
}
.profile-indicator__filters-wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 80%;
+ flex-wrap: wrap;
padding-top: 5px;
padding-bottom: 10px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
+ display: flex;
}
.profile-indicator__filter-labels {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
padding-top: 5px;
padding-right: 43px;
+ display: flex;
}
.profile-indicator__filter-row {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
padding-top: 5px;
+ display: flex;
+ position: relative;
}
.profile-indicator__add-filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- margin-top: 10px;
- margin-right: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
+ margin-top: 10px;
+ margin-right: 10px;
text-decoration: none;
+ display: flex;
}
.profile-indicator__add-filter:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.profile-indicator__add-filter:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.profile-indicator__filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 10px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ margin-right: 10px;
+ display: flex;
}
.profile-indicator__filter.disabled {
- opacity: 0.4;
+ opacity: .4;
cursor: auto;
}
.profile-indicator__filter_menu {
- position: relative;
z-index: 10;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
- font-size: 0.9em;
+ font-size: .9em;
+ display: flex;
+ position: relative;
}
.profile-indicator__remove-filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- margin-left: 5px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
color: #333;
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: none;
+ justify-content: center;
+ align-self: flex-end;
+ align-items: center;
+ margin-left: 5px;
+ display: flex;
}
.profile-indicator__remove-filter:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.profile-indicator__remove-filter:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.profile-indicator__remove-filter.is--hidden {
- display: none;
- background-color: rgba(0, 0, 0, 0.06);
color: #c5c5c5;
cursor: auto;
+ background-color: rgba(0, 0, 0, .06);
+ display: none;
}
.profile-indicator__new-filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- margin-top: 10px;
- margin-right: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
align-self: flex-end;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
+ align-items: center;
+ margin-top: 10px;
+ margin-right: 10px;
text-decoration: none;
- cursor: pointer;
+ display: flex;
}
.profile-indicator__new-filter:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.profile-indicator__new-filter:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.profile-indicator__new-filter.is--hidden {
- display: none;
- background-color: rgba(0, 0, 0, 0.06);
color: #c5c5c5;
cursor: auto;
+ background-color: rgba(0, 0, 0, .06);
+ display: none;
}
.profile-indicator__filter-buttons {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 52px;
- margin-left: -5px;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
+ margin-left: -5px;
+ display: flex;
}
.text-block-3 {
@@ -8165,81 +5487,56 @@ label {
}
.walkthrough {
- box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.19);
+ box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .19);
}
.walkthrough.is--right {
- position: absolute;
- left: 100%;
- top: 0%;
- right: auto;
- bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 2.6em;
+ color: #fff;
+ border-radius: 2px;
+ align-self: center;
+ align-items: center;
margin-top: auto;
margin-bottom: auto;
margin-left: 1em;
padding: 1em;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- align-self: center;
- border-radius: 2px;
- color: #fff;
font-size: 13px;
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 100%;
+ right: auto;
}
.walkthrough.is--search-walkthrough {
+ border-radius: 2px;
+ align-items: center;
+ margin-right: 1em;
+ padding-left: 1em;
+ padding-right: .5em;
+ display: flex;
position: absolute;
- left: 0%;
top: 100%;
- right: auto;
bottom: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-right: 1em;
- padding-right: 0.5em;
- padding-left: 1em;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
+ left: 0%;
+ right: auto;
}
.walkthrough.is--below {
- position: absolute;
- top: 100%;
- bottom: auto;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 2.6em;
- margin-top: 1em;
- padding: 1em;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #fff;
+ border-radius: 2px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
align-self: center;
- border-radius: 2px;
- color: #fff;
+ align-items: center;
+ margin-top: 1em;
+ padding: 1em;
font-size: 13px;
+ display: flex;
+ position: absolute;
+ top: 100%;
+ bottom: auto;
}
.is--walkthrough-text {
@@ -8249,147 +5546,108 @@ label {
.walkthrough-chip {
width: 8px;
height: 8px;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.walkthrough-chip.is--left {
+ margin-left: -4px;
position: absolute;
- left: 0%;
top: auto;
- right: auto;
bottom: auto;
- margin-left: -4px;
+ left: 0%;
+ right: auto;
}
.walkthrough-chip.is---top {
+ margin-top: -4px;
position: absolute;
- left: auto;
top: 0%;
- right: auto;
bottom: auto;
- margin-top: -4px;
+ left: auto;
+ right: auto;
}
.profile-indicator__new-filter-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- margin-top: 10px;
- margin-right: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
- font-size: 0.9em;
+ margin-top: 10px;
+ margin-right: 10px;
+ font-size: .9em;
text-decoration: none;
+ display: flex;
}
.profile-indicator__new-filter-2:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.profile-indicator__new-filter-2:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.point-mapper__h2_facet {
- display: none;
- margin-right: 0.5em;
- margin-bottom: 0px;
- margin-left: 0.5em;
- padding-right: 0.5em;
- padding-left: 0.5em;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
- align-self: center;
+ background-color: rgba(0, 0, 0, .05);
border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.05);
- font-size: 0.8em;
+ align-self: center;
+ margin-bottom: 0;
+ margin-left: .5em;
+ margin-right: .5em;
+ padding-left: .5em;
+ padding-right: .5em;
+ font-size: .8em;
+ display: none;
}
.point-mapper__h2_facet.is--shown {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.point-mapper__h1_facet {
- display: none;
- margin-right: 0.5em;
- margin-bottom: 0px;
- margin-left: auto;
- padding-right: 0.5em;
- padding-left: 0.5em;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
- align-self: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ background-color: rgba(0, 0, 0, .05);
border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.05);
- font-size: 0.8em;
+ flex: none;
+ align-self: center;
+ margin-bottom: 0;
+ margin-left: auto;
+ margin-right: .5em;
+ padding-left: .5em;
+ padding-right: .5em;
+ font-size: .8em;
+ display: none;
}
.point-mapper__h1_facet.is--shown {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.documentation__container {
- display: -ms-grid;
- display: grid;
max-width: 1140px;
- margin-right: auto;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- justify-items: start;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- grid-auto-columns: 1fr;
grid-column-gap: 10px;
grid-row-gap: 20px;
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: auto;
+ flex-direction: column;
+ flex: 1;
grid-template-rows: auto;
+ grid-template-columns: 1fr;
+ grid-auto-columns: 1fr;
+ justify-items: start;
+ margin-right: auto;
+ display: grid;
}
.documentation__label {
width: 100%;
- margin-bottom: 5px;
color: #000;
- font-size: 11px;
- line-height: 1.4em;
- font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
+ margin-bottom: 5px;
+ font-size: 11px;
+ font-weight: 700;
+ line-height: 1.4em;
}
.documentation__label.documentation__label--light {
@@ -8397,46 +5655,36 @@ label {
}
.styles__class-label {
+ color: #222;
+ background-color: #f5f5f5;
+ border-radius: 6px;
margin-top: 4px;
- margin-right: 8px;
margin-bottom: 4px;
+ margin-right: 8px;
padding: 4px 10px;
- border-radius: 6px;
- background-color: #f5f5f5;
font-family: Inconsolata, monospace;
- color: #222;
}
.styles__class-label.styles__class-label--primary {
- background-color: #222;
color: #dadada;
+ background-color: #222;
}
.documentation__component-wrap {
- position: relative;
- display: -ms-grid;
- display: grid;
width: 100%;
- margin-top: 10px;
- margin-bottom: 20px;
- padding-bottom: 20px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
- flex-direction: row;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr;
- grid-template-columns: 1fr;
- -ms-grid-rows: auto;
- grid-template-rows: auto;
border-bottom: 1px solid #e6e6e6;
+ flex-direction: row;
+ grid-template-rows: auto;
+ grid-template-columns: 1fr;
+ grid-auto-columns: 1fr;
+ align-items: flex-start;
+ margin-top: 10px;
+ margin-bottom: 20px;
+ padding-bottom: 20px;
+ display: grid;
+ position: relative;
}
.documentation__component-wrap.is--75 {
@@ -8448,139 +5696,88 @@ label {
}
.documentation__main {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ display: flex;
}
.documentation__section {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 70px 5%;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
border-bottom: 1px solid #e6e6e6;
+ align-items: center;
+ padding: 70px 5%;
+ display: flex;
}
.documentation__grid-4-col {
- display: -ms-grid;
- display: grid;
width: 100%;
- margin-bottom: 10px;
- justify-items: start;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- grid-auto-columns: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
- -ms-grid-columns: 1fr 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- -ms-grid-rows: auto;
+ flex-wrap: wrap;
grid-template-rows: auto;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ justify-items: start;
+ margin-bottom: 10px;
+ display: grid;
}
.documentation__class-wrapper {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- margin-bottom: 10px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
flex-wrap: wrap;
+ margin-bottom: 10px;
+ display: flex;
}
.documentation__menu_inner {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: auto;
height: 100%;
- padding-right: 24px;
- padding-left: 20%;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ padding-left: 20%;
+ padding-right: 24px;
+ display: flex;
+ overflow: auto;
}
.documentation__h2 {
- margin-bottom: 20px;
color: #a1a1a1;
- font-size: 14px;
- letter-spacing: 0.2em;
+ letter-spacing: .2em;
text-transform: uppercase;
+ margin-bottom: 20px;
+ font-size: 14px;
}
-
-.documentation__menu {
- position: -webkit-sticky;
- position: sticky;
- top: 0px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
+
+.documentation__menu {
width: 20%;
height: 100vh;
min-width: 250px;
+ background-color: #f5f5f5;
+ justify-content: flex-end;
padding-top: 70px;
padding-bottom: 24px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
- justify-content: flex-end;
- background-color: #f5f5f5;
+ display: flex;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ overflow: hidden;
}
.documentation__h1 {
+ letter-spacing: .2em;
+ text-transform: uppercase;
margin-bottom: 30px;
font-size: 16px;
- letter-spacing: 0.2em;
- text-transform: uppercase;
}
.documentation__content {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
}
.documentation__block {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-radius: 4px;
flex-direction: column;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
align-items: flex-start;
- border-radius: 4px;
+ display: flex;
}
.documentation__block.is--full {
@@ -8588,12 +5785,12 @@ label {
}
.documentation__h3 {
- margin-bottom: 10px;
color: #a1a1a1;
+ letter-spacing: .2em;
+ text-transform: uppercase;
+ margin-bottom: 10px;
font-size: 12px;
font-weight: 400;
- letter-spacing: 0.2em;
- text-transform: uppercase;
}
.point-filters__filters {
@@ -8601,118 +5798,74 @@ label {
}
.point-filters_header {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
padding-right: 72px;
+ display: flex;
+ position: relative;
}
.point-filters__title {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex: 1;
+ align-items: center;
+ padding-left: 11px;
+ padding-right: 11px;
display: flex;
overflow: hidden;
- padding-right: 11px;
- padding-left: 11px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
}
.point-filters__header-toggle {
+ width: 36px;
+ height: 36px;
+ cursor: pointer;
+ border-radius: 2px;
+ flex-direction: column;
+ flex: none;
+ align-items: center;
+ display: flex;
position: absolute;
- left: auto;
top: 0%;
- right: 36px;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ left: auto;
+ right: 36px;
overflow: hidden;
- width: 36px;
- height: 36px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- cursor: pointer;
}
.point-filters__header-toggle:hover {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.point-filters__header-toggle.is--v2 {
- right: 0px;
+ right: 0;
}
.point-filters__header-close {
- position: absolute;
- left: auto;
- top: 0%;
- right: 0%;
- bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
width: 36px;
height: 36px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ cursor: pointer;
+ border-radius: 2px;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- cursor: pointer;
+ align-items: center;
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: auto;
+ right: 0%;
+ overflow: hidden;
}
.point-filters__header-close:hover {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.point-filters__labels {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
padding-top: 5px;
- padding-right: 46px;
padding-left: 10px;
+ padding-right: 46px;
+ display: flex;
}
.point-filters__labels.hidden {
@@ -8720,29 +5873,21 @@ label {
}
.point-filters_content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
+ border-top: 1px solid rgba(0, 0, 0, .1);
+ flex-wrap: wrap;
padding-top: 5px;
padding-bottom: 10px;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- border-top: 1px solid rgba(0, 0, 0, 0.1);
+ display: flex;
}
.point-filters__filter-row {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
padding-top: 5px;
- padding-right: 46px;
padding-left: 10px;
+ padding-right: 46px;
+ display: flex;
+ position: relative;
}
.point-filters__filter-row.hidden {
@@ -8750,39 +5895,27 @@ label {
}
.point-filters__add-filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- margin-top: 10px;
- margin-right: 10px;
- margin-left: 10px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #333;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: 1;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
- font-size: 0.9em;
+ margin-top: 10px;
+ margin-left: 10px;
+ margin-right: 10px;
+ font-size: .9em;
text-decoration: none;
+ display: flex;
}
.point-filters__add-filter:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.point-filters__add-filter:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.point-filters__add-filter.hidden {
@@ -8790,121 +5923,84 @@ label {
}
.point-filters__filter {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
max-width: 48%;
- margin-right: 10px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
+ margin-right: 10px;
+ display: flex;
}
.point-filters__filter.disabled {
- opacity: 0.4;
+ opacity: .4;
cursor: auto;
}
.point-filters__filter-label {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 50%;
- margin-bottom: 4px;
color: #999;
- font-size: 0.7em;
- line-height: 1em;
- letter-spacing: 0.1em;
+ letter-spacing: .1em;
text-transform: uppercase;
+ margin-bottom: 4px;
+ font-size: .7em;
+ line-height: 1em;
+ display: flex;
}
.point-filters__filter-menu {
- position: relative;
z-index: 10;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
- font-size: 0.9em;
+ font-size: .9em;
+ display: flex;
+ position: relative;
}
.point-filters__remove-filter {
- position: absolute;
- left: auto;
- top: auto;
- right: 10px;
- bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 36px;
height: 36px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: flex-end;
- -ms-flex-item-align: end;
- align-self: flex-end;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 3px;
- background-color: rgba(0, 0, 0, 0.06);
color: #333;
cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 3px;
+ flex: none;
+ justify-content: center;
+ align-self: flex-end;
+ align-items: center;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: 0%;
+ left: auto;
+ right: 10px;
}
.point-filters__remove-filter:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.point-filters__remove-filter:active {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, .06);
}
.point-filters__remove-filter.is--hidden {
- display: none;
- background-color: rgba(0, 0, 0, 0.06);
color: #c5c5c5;
cursor: auto;
+ background-color: rgba(0, 0, 0, .06);
+ display: none;
}
.point-filters {
- position: relative;
z-index: 999;
- display: block;
width: 100%;
+ background-color: #fff;
+ border-radius: 4px;
margin-top: 1em;
- margin-right: auto;
margin-left: auto;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 0 0 -1px rgba(0, 0, 0, 0.2), 0 1px 6px -2px rgba(0, 0, 0, 0.3);
+ margin-right: auto;
+ display: block;
+ position: relative;
+ box-shadow: 0 0 0 -1px rgba(0, 0, 0, .2), 0 1px 6px -2px rgba(0, 0, 0, .3);
}
.point-filters.hidden {
@@ -8913,99 +6009,63 @@ label {
.documention__description {
margin-bottom: 2em;
- font-size: 0.9em;
+ font-size: .9em;
}
.facility-tooltip__cluster {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
min-width: 16em;
- margin-right: -0.2em;
- margin-left: -0.2em;
- padding-right: 0.2em;
- padding-left: 0.2em;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ border-bottom: 1px solid #fff;
flex-direction: column;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-align-self: stretch;
- -ms-flex-item-align: stretch;
align-self: stretch;
- border-bottom: 1px solid #fff;
- font-size: 0.85em;
+ align-items: flex-start;
+ margin-left: -.2em;
+ margin-right: -.2em;
+ padding-left: .2em;
+ padding-right: .2em;
+ font-size: .85em;
+ display: flex;
}
.tooltip__cluster-item {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- padding: 0.4em;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-bottom: 1px solid #e6e6e6;
color: #333;
- text-decoration: none;
cursor: default;
+ border-bottom: 1px solid #e6e6e6;
+ align-items: center;
+ padding: .4em;
+ text-decoration: none;
+ display: flex;
}
.tooltip__cluster-item.is--last {
border-bottom-style: none;
- border-bottom-color: hsla(0, 0%, 90.2%, 0);
+ border-bottom-color: rgba(230, 230, 230, 0);
}
.tooltip__cluster-title {
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.tooltip__cluster-title.truncate {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
}
.tootlip__cluster-facet {
- margin-bottom: 0px;
+ margin-bottom: 0;
padding-left: 1.2em;
}
.tooltip__cluster-icon {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 20px;
height: 20px;
- margin-right: 0.5em;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 100px;
background-color: #707070;
+ border-radius: 100px;
+ flex: none;
+ justify-content: center;
+ align-items: center;
+ margin-right: .5em;
+ display: flex;
}
.tooltip__cluster-icon.is--demo-1 {
@@ -9021,34 +6081,20 @@ label {
}
.tooltip__cluster-icon_letters {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
height: 100%;
- margin-bottom: 0px;
- padding-top: 2px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ color: #fff;
+ text-align: center;
+ flex: none;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
align-self: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- color: #fff;
- font-size: 0.9em;
- line-height: 1;
+ align-items: center;
+ margin-bottom: 0;
+ padding-top: 2px;
+ font-size: .9em;
font-weight: 700;
- text-align: center;
+ line-height: 1;
+ display: flex;
}
.tooltip__cluster-icon_letters.is--hidden {
@@ -9056,30 +6102,20 @@ label {
}
.location-facilities__trigger--loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- padding-right: 10px;
- padding-left: 10px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- border-radius: 2px;
- background-image: none;
color: #fff;
cursor: pointer;
+ background-image: none;
+ border-radius: 2px;
+ flex: none;
+ align-items: center;
+ padding-left: 10px;
+ padding-right: 10px;
+ display: flex;
}
.location-facilities__trigger--loading:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.location-facilities__trigger--loading.bg-primary.hidden {
@@ -9093,42 +6129,35 @@ label {
.profile-indicator__version {
width: 100%;
- margin-top: -1px;
- margin-bottom: -1px;
- padding-top: 0.8em;
- padding-bottom: 0.8em;
border-top: 1px dashed #e6e6e6;
border-bottom: 1px dashed #e6e6e6;
- font-size: 0.85em;
+ margin-top: -1px;
+ margin-bottom: -1px;
+ padding-top: .8em;
+ padding-bottom: .8em;
+ font-size: .85em;
line-height: 2;
}
.version-link {
- display: inline-block;
height: 1.8em;
- margin-right: 0.2em;
- margin-left: 0.2em;
- padding: 0em 0.4em;
- border-radius: 2px;
+ color: #333;
background-color: #f0f0f0;
background-image: none;
- color: #333;
+ border-radius: 2px;
+ margin-left: .2em;
+ margin-right: .2em;
+ padding: 0 .4em;
line-height: 1.8;
+ display: inline-block;
}
.version-link:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.version-link.is--current {
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
}
@@ -9141,27 +6170,18 @@ label {
}
.generic-modal {
- position: absolute;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: 0%;
z-index: 3;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100vw;
height: 100vh;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ background-color: rgba(0, 0, 0, .5);
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- background-color: rgba(0, 0, 0, 0.5);
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
}
.generic-modal.hidden {
@@ -9169,105 +6189,67 @@ label {
}
.generic-modal.is--demo {
- position: static;
width: auto;
height: 300px;
+ position: static;
}
.modal {
- position: absolute;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 450px;
- padding: 16px 24px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 12px;
- -ms-grid-columns: 1fr 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- -ms-grid-rows: auto auto auto;
- grid-template-rows: auto auto auto;
- border-radius: 3px;
background-color: #fff;
- box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.2);
+ border-radius: 3px;
+ flex-direction: column;
+ grid-template-rows: auto auto auto;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ padding: 16px 24px;
+ display: flex;
+ position: absolute;
+ box-shadow: 0 0 40px -10px rgba(0, 0, 0, .2);
}
.modal__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.modal__actions {
- display: -ms-grid;
- display: grid;
- padding-top: 16px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr 1fr;
- grid-template-columns: 1fr 1fr;
- -ms-grid-rows: auto;
- grid-template-rows: auto;
border-top: 1px solid #f0f0f0;
+ grid-template-rows: auto;
+ grid-template-columns: 1fr 1fr;
+ grid-auto-columns: 1fr;
+ align-self: stretch;
+ align-items: center;
+ padding-top: 16px;
+ display: grid;
}
.modal-title {
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
- -ms-grid-columns: 4.5fr 1fr;
- grid-template-columns: 4.5fr 1fr;
- -ms-grid-rows: auto;
grid-template-rows: auto;
- font-size: 0.7em;
+ grid-template-columns: 4.5fr 1fr;
+ grid-auto-columns: 1fr;
+ font-size: .7em;
}
.highlight {
- position: absolute;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: 0%;
z-index: 0;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ border: 1px solid #39ad84;
+ border-radius: 4px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-style: solid;
- border-width: 1px;
- border-color: #39ad84;
- border-radius: 4px;
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
box-shadow: 0 0 7px 2px #a3d8c5;
}
@@ -9276,41 +6258,29 @@ label {
}
.highlight__notification {
+ color: #fff;
+ background-color: #39ad84;
+ border-radius: 4px;
+ justify-content: center;
+ margin-bottom: 10px;
+ padding: .3em .5em;
+ display: flex;
position: absolute;
- left: auto;
top: auto;
- right: auto;
bottom: 100%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 10px;
- padding: 0.3em 0.5em;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- border-radius: 4px;
- background-color: #39ad84;
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
- color: #fff;
+ left: auto;
+ right: auto;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.highlight__notification.is--align-right {
- right: 0px;
- -webkit-box-pack: end;
- -webkit-justify-content: flex-end;
- -ms-flex-pack: end;
justify-content: flex-end;
+ right: 0;
}
.highlight__notification.is--align-left {
- left: 0px;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
+ left: 0;
}
.highlight__notification.hidden {
@@ -9318,66 +6288,57 @@ label {
}
.highlight__chip {
- position: absolute;
- left: auto;
- top: auto;
- right: auto;
- bottom: 0%;
width: 8px;
height: 8px;
- margin-bottom: -4px;
background-color: #39ad84;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
+ margin-bottom: -4px;
+ position: absolute;
+ top: auto;
+ bottom: 0%;
+ left: auto;
+ right: auto;
transform: rotate(45deg);
}
.highlight__chip.is--align-right {
- right: 0px;
margin-right: 8px;
+ right: 0;
}
.highlight__chip.is--align-left {
- left: 0px;
margin-left: 8px;
+ left: 0;
}
.highlight__message {
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.highlight-dummy {
- position: relative;
width: 200px;
height: 100px;
margin-top: 3em;
+ position: relative;
}
.facility-tooltip__scroll {
- overflow: auto;
width: 100%;
height: 100%;
padding: 8px;
+ overflow: auto;
}
.map-bottom-items--v2 {
- position: absolute;
- left: auto;
- top: auto;
- right: auto;
- bottom: 32px;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 95%;
max-width: 650px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ display: flex;
+ position: absolute;
+ top: auto;
+ bottom: 32px;
+ left: auto;
+ right: auto;
}
.map-bottom-items--v2.hidden {
@@ -9385,46 +6346,31 @@ label {
}
.point-filters__loading {
+ flex: 1;
margin-top: 5px;
- padding-right: 10px;
padding-left: 10px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ padding-right: 10px;
}
.loading-2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 100%;
- padding: 4px 6px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- border-radius: 2px;
- background-color: #f0f0f0;
color: #666;
- font-size: 0.9em;
+ background-color: #f0f0f0;
+ border-radius: 2px;
+ flex: 1;
+ align-items: center;
+ padding: 4px 6px;
+ font-size: .9em;
+ display: flex;
}
.point-filters__no-data {
+ color: #707070;
+ flex: 1;
margin-top: 5px;
- margin-bottom: 0px;
- padding-right: 10px;
+ margin-bottom: 0;
padding-left: 15px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- color: #707070;
+ padding-right: 10px;
}
.point-filters__no-data.hidden {
@@ -9432,59 +6378,44 @@ label {
}
.map-credit {
- position: absolute;
- left: 0%;
- top: auto;
- right: auto;
- bottom: 0%;
z-index: 1000;
- margin-bottom: 0px;
+ white-space: nowrap;
+ background-color: rgba(255, 255, 255, .5);
+ margin-bottom: 0;
padding: 5px 8px;
- background-color: hsla(0, 0%, 100%, 0.5);
- font-size: 0.9em;
+ font-size: .9em;
line-height: 1;
- white-space: nowrap;
+ position: absolute;
+ top: auto;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
}
.map-options__loading {
+ flex: 1;
margin-top: 5px;
- padding-right: 10px;
padding-left: 10px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ padding-right: 10px;
}
.map-options__no-data {
+ color: #707070;
+ flex: 1;
margin-top: 5px;
- margin-bottom: 0px;
- padding-right: 10px;
+ margin-bottom: 0;
padding-left: 15px;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- color: #707070;
+ padding-right: 10px;
}
.map-options__context--v2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-right: 10px;
- padding-left: 10px;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
+ border-top: 1px dashed rgba(0, 0, 0, .1);
justify-content: space-between;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
- border-top: 1px dashed rgba(0, 0, 0, 0.1);
- font-size: 0.8em;
+ padding-left: 10px;
+ padding-right: 10px;
+ font-size: .8em;
+ display: flex;
}
.map-options__context--v2.hidden {
@@ -9492,84 +6423,65 @@ label {
}
.data-mapper-content__list_loading {
+ z-index: 100;
+ background-color: rgba(0, 0, 0, .03);
+ border-radius: 4px;
+ display: none;
position: absolute;
- left: -6px;
top: -6px;
- right: -6px;
bottom: 0%;
- z-index: 100;
- display: none;
+ left: -6px;
+ right: -6px;
overflow: hidden;
- border-radius: 4px;
- background-color: rgba(0, 0, 0, 0.03);
}
.data-mapper-content__list_loading-grad {
+ width: 50%;
+ height: 100%;
+ background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, 0) 102%);
position: absolute;
- left: 0%;
top: 0%;
- right: auto;
bottom: auto;
- width: 50%;
- height: 100%;
- background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(102%, transparent));
- background-image: linear-gradient(270deg, transparent, rgba(0, 0, 0, 0.1) 50%, transparent 102%);
+ left: 0%;
+ right: auto;
}
.data-mapper--v2 {
- position: fixed;
- left: 0%;
- top: 56px;
- right: auto;
- bottom: 0%;
z-index: 3;
- display: none;
min-width: 300px;
background-color: #fff;
+ display: none;
+ position: fixed;
+ top: 56px;
+ bottom: 0%;
+ left: 0%;
+ right: auto;
}
.data-mapper--v2.webflow {
- left: 0px;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
+ left: 0;
}
.data-category__h1_trigger--v2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 36px;
- padding-left: 8px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
+ color: #fff;
+ cursor: pointer;
+ background-color: #f0f0f0;
+ background-image: none;
+ border-radius: 2px;
flex-direction: row;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-color: #f0f0f0;
- background-image: none;
- -webkit-transition: all 200ms ease;
- transition: all 200ms ease;
- color: #fff;
+ padding-left: 8px;
font-size: 14px;
text-decoration: none;
- cursor: pointer;
+ transition: all .2s;
+ display: flex;
}
.data-category__h1_trigger--v2:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
+ background-image: linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));
}
.data-category__h1_trigger--v2.bg-primary {
@@ -9577,41 +6489,28 @@ label {
}
.data-category__h2_trigger--v2 {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- overflow: hidden;
height: 32px;
- margin-bottom: 6px;
- padding-right: 8px;
- padding-left: 12px;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- -webkit-flex-direction: row;
- -ms-flex-direction: row;
+ color: #333;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
flex-direction: row;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #333;
- font-size: 0.85em;
+ margin-bottom: 6px;
+ padding-left: 12px;
+ padding-right: 8px;
+ font-size: .85em;
font-weight: 500;
text-decoration: none;
- cursor: pointer;
+ display: flex;
+ position: relative;
+ overflow: hidden;
}
.data-category__h2_trigger--v2:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #000;
+ background-color: rgba(0, 0, 0, .1);
}
.data-category__h2_trigger--v2.w--current {
@@ -9619,34 +6518,24 @@ label {
}
.data-category__h3_trigger--v2 {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
height: 32px;
- margin-bottom: 6px;
- padding-right: 8px;
- padding-left: 12px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ color: #666;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .06);
+ border-radius: 2px;
flex-direction: column;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
justify-content: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.06);
- color: #666;
- font-size: 0.85em;
+ margin-bottom: 6px;
+ padding-left: 12px;
+ padding-right: 8px;
+ font-size: .85em;
text-decoration: none;
- cursor: pointer;
+ display: flex;
+ position: relative;
}
.data-category__h3_trigger--v2:hover {
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
.data-category__h3_trigger--v2.active {
@@ -9655,135 +6544,91 @@ label {
}
.data-category__h3_trigger--v2.active:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.data-mapper-content__list--v2 {
- position: relative;
height: auto;
+ position: relative;
}
.data-mapper-content__list--v2.is--loading {
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
+ filter: grayscale();
}
.data-category__h1_content--v2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex-direction: column;
+ transition: max-height .4s cubic-bezier(.23, 1, .32, 1);
display: flex;
overflow: hidden;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-transition: max-height 400ms cubic-bezier(.23, 1, .32, 1);
- transition: max-height 400ms cubic-bezier(.23, 1, .32, 1);
}
.data-category__h1_content--v2.is--closed {
- max-height: 0px;
+ max-height: 0;
}
.data-category__h2_content--v2 {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
+ flex-direction: column;
+ transition: max-height .4s;
display: flex;
overflow: hidden;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-transition: max-height 400ms ease;
- transition: max-height 400ms ease;
}
.data-category__h2_content--v2.is--closed {
- max-height: 0px;
+ max-height: 0;
}
.data-category__h3_content--v2 {
+ transition: height .4s;
position: relative;
- -webkit-transition: height 400ms ease;
- transition: height 400ms ease;
}
.data-category__h3_content--v2.is--closed {
- height: 0px;
+ height: 0;
}
.data-category--v2 {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-bottom: 8px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
+ margin-bottom: 8px;
+ display: flex;
+ position: relative;
}
.tutorial-modal--v2 {
- position: fixed;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: 0%;
z-index: 2;
- display: none;
width: 100vw;
height: 100vh;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ background-color: rgba(0, 0, 0, .5);
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- background-color: rgba(0, 0, 0, 0.5);
+ display: none;
+ position: fixed;
+ top: 0%;
+ bottom: 0%;
+ left: 0%;
+ right: 0%;
}
.tutorial-modal--v2.webflow {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
.tutorial__slide-image--v2 {
width: 100%;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
- background-position: 50% 0%;
+ background-position: 50% 0;
background-size: cover;
+ flex: 1;
}
.tutorial__slide-image--v2._1 {
- position: relative;
height: 350px;
background-image: none;
- background-position: 0px 0px;
+ background-position: 0 0;
background-size: auto;
+ position: relative;
}
.tutorial__slide-image--v2._2 {
@@ -9792,17 +6637,17 @@ label {
.tutorial__slide-image--v2._4 {
background-image: url('../images/slide-3.jpg');
- background-position: 0% 0%;
+ background-position: 0 0;
}
.tutorial__slide-image--v2._3 {
background-image: url('../images/slide-4.jpg');
- background-position: 0% 0%;
+ background-position: 0 0;
}
.tutorial__slide-image--v2._5 {
background-image: url('../images/slide-5.jpg');
- background-position: 0% 0%;
+ background-position: 0 0;
}
.tutorial__slide-image--v2._2b {
@@ -9815,66 +6660,47 @@ label {
}
.panel-toggle__tooltip-2 {
- position: absolute;
- left: 100%;
- top: auto;
- right: auto;
- bottom: auto;
- display: none;
height: 28px;
- margin-left: 12px;
- padding-right: 8px;
- padding-left: 8px;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
- align-self: center;
- border-radius: 4px;
- background-color: #fff;
- box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.2);
color: #333;
- font-size: 0.9em;
white-space: nowrap;
+ background-color: #fff;
+ border-radius: 4px;
+ align-self: center;
+ align-items: center;
+ margin-left: 12px;
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: .9em;
+ display: none;
+ position: absolute;
+ top: auto;
+ bottom: auto;
+ left: 100%;
+ right: auto;
+ box-shadow: 0 1px 9px rgba(0, 0, 0, .2);
}
.tutorial__slide-info-2 {
- position: relative;
z-index: 1;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 100%;
- padding: 12px 24px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ color: #fff;
+ text-align: left;
+ background-color: #333;
flex-direction: column;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
align-items: flex-start;
- background-color: #333;
- box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
- color: #fff;
+ padding: 12px 24px;
line-height: 140%;
- text-align: left;
+ display: flex;
+ position: relative;
+ box-shadow: 0 1px 6px rgba(0, 0, 0, .3);
}
.tutorial__slide-image {
width: 100%;
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
- background-position: 50% 0%;
+ background-position: 50% 0;
background-size: cover;
+ flex: 1;
}
.tutorial__slide-image._2b {
@@ -9883,12 +6709,12 @@ label {
.tutorial__slide-image._3 {
background-image: url('../images/slide-4.jpg');
- background-position: 0% 0%;
+ background-position: 0 0;
}
.tutorial__slide-image._5 {
background-image: url('../images/slide-5.jpg');
- background-position: 0% 0%;
+ background-position: 0 0;
}
.tutorial__slide-image._7 {
@@ -9898,7 +6724,7 @@ label {
.tutorial__slide-image._4 {
background-image: url('../images/slide-3.jpg');
- background-position: 0% 0%;
+ background-position: 0 0;
}
.tutorial__slide-image._2 {
@@ -9906,79 +6732,60 @@ label {
}
.tutorial__slide-image._1 {
- position: relative;
height: 350px;
background-image: url('../images/slide-1.jpg');
- background-position: 50% 0%;
+ background-position: 50% 0;
background-size: cover;
+ position: relative;
}
.tutorial-2 {
- position: absolute;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 450px;
- padding: 10px 24px 16px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 12px;
- -ms-grid-columns: 1fr 1fr 1fr 1fr;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- -ms-grid-rows: auto auto auto;
+ background-color: #fff;
+ border-radius: 3px;
+ flex-direction: column;
grid-template-rows: auto auto auto;
- border-radius: 3px;
- background-color: #fff;
- box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.2);
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-auto-columns: 1fr;
+ padding: 10px 24px 16px;
+ display: flex;
+ position: absolute;
+ box-shadow: 0 0 40px -10px rgba(0, 0, 0, .2);
}
.tutorial__slide_button-2 {
+ color: #333;
+ cursor: pointer;
+ background-color: rgba(0, 0, 0, .1);
+ border-radius: 2px;
+ justify-content: center;
+ align-items: center;
+ margin-top: 12px;
+ margin-left: 24px;
+ margin-right: 24px;
+ display: flex;
position: absolute;
- left: 0%;
top: 0%;
- right: 0%;
bottom: 0%;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- margin-top: 12px;
- margin-right: 24px;
- margin-left: 24px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 2px;
- background-color: rgba(0, 0, 0, 0.1);
- color: #333;
- cursor: pointer;
+ left: 0%;
+ right: 0%;
}
.tutorial__slide_button-2:hover {
- background-color: rgba(0, 0, 0, 0.1);
color: #000;
+ background-color: rgba(0, 0, 0, .1);
}
.tutorial__slide_button-2.next {
- margin-left: 12px;
- background-color: #707070;
color: #fff;
+ background-color: #707070;
+ margin-left: 12px;
}
.tutorial__slide_button-2.next:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.tutorial__slide_button-2.previous {
@@ -9988,27 +6795,20 @@ label {
}
.data-compare {
- position: absolute;
- left: 0%;
- top: 0%;
- right: 0%;
- bottom: auto;
z-index: 2;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
+ grid-row-gap: 1em;
+ background-color: #fff;
+ flex-direction: column;
margin-top: 2px;
- margin-right: 2px;
margin-bottom: 2px;
+ margin-right: 2px;
padding: 22px 14px 14px 20px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- grid-row-gap: 1em;
- background-color: #fff;
+ display: flex;
+ position: absolute;
+ top: 0%;
+ bottom: auto;
+ left: 0%;
+ right: 0%;
}
.menu-h2 {
@@ -10017,126 +6817,77 @@ label {
}
.data-compare__header {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
+ display: flex;
}
.button-text {
- margin-bottom: 0px;
+ margin-bottom: 0;
line-height: 1;
}
.compare-list {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ grid-row-gap: .5em;
flex-direction: column;
- grid-row-gap: 0.5em;
+ display: flex;
}
.compare-list__item {
- position: relative;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- border-radius: 2px;
background-color: #f0f0f0;
+ border-radius: 2px;
+ flex-direction: column;
+ display: flex;
+ position: relative;
}
.compare-item__inner {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding-left: 0.8em;
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- font-size: 0.95em;
+ padding-left: .8em;
+ font-size: .95em;
text-decoration: none;
+ display: flex;
}
.compare-item__content {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- padding: 0.5em;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
+ grid-row-gap: .5em;
flex-direction: column;
- grid-row-gap: 0.5em;
+ padding: .5em;
+ display: flex;
}
.compare-item__text {
- margin-bottom: 0px;
+ letter-spacing: -.02em;
+ margin-bottom: 0;
line-height: 1;
- letter-spacing: -0.02em;
}
.compare-item__expand-trigger {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
width: 44px;
height: 44px;
- -webkit-box-pack: center;
- -webkit-justify-content: center;
- -ms-flex-pack: center;
+ background-image: none;
+ border-radius: 2px;
justify-content: center;
- -webkit-box-align: center;
- -webkit-align-items: center;
- -ms-flex-align: center;
align-items: center;
- border-radius: 2px;
- background-image: none;
+ display: flex;
}
.compare-item__expand-trigger:hover {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+ background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
.compare-item__remove {
- position: absolute;
- left: auto;
- top: -0.8em;
- right: -0.8em;
- bottom: auto;
width: 24px;
height: 24px;
- border-radius: 50%;
- background-color: #fff;
color: #666;
+ background-color: #fff;
+ border-radius: 50%;
+ position: absolute;
+ top: -.8em;
+ bottom: auto;
+ left: auto;
+ right: -.8em;
}
.compare-item__remove:hover {
@@ -10145,46 +6896,44 @@ label {
.map-widgets {
position: absolute;
- left: auto;
top: auto;
- right: 0%;
bottom: 0%;
+ left: auto;
+ right: 0%;
}
.map-widgets_credit {
+ width: 100vw;
+ height: 20px;
+ background-color: rgba(0, 0, 0, .09);
position: absolute;
- left: auto;
top: auto;
- right: 0%;
bottom: 0%;
- width: 100vw;
- height: 20px;
- background-color: rgba(0, 0, 0, 0.09);
+ left: auto;
+ right: 0%;
}
.map-widgets_zoom {
- position: absolute;
- right: 10px;
- bottom: 30px;
width: 34px;
height: 64px;
- border-style: solid;
- border-width: 2px;
- border-color: rgba(0, 0, 0, 0.2);
- border-radius: 4px;
background-color: #fff;
+ border: 2px solid rgba(0, 0, 0, .2);
+ border-radius: 4px;
+ position: absolute;
+ bottom: 30px;
+ right: 10px;
}
.div-block-4 {
height: 200px;
- background-color: rgba(181, 54, 107, 0.2);
+ background-color: rgba(181, 54, 107, .2);
}
@media screen and (max-width: 991px) {
.rich-data-content {
padding-top: 44px;
- padding-right: 44px;
padding-left: 44px;
+ padding-right: 44px;
}
.body {
@@ -10200,9 +6949,6 @@ label {
}
.location__facilities {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
display: flex;
}
@@ -10231,7 +6977,7 @@ label {
}
.bar-chart {
- font-size: 0.9em;
+ font-size: .9em;
}
.profile-indicator__chart_body {
@@ -10247,7 +6993,6 @@ label {
}
.page-header {
- -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@@ -10261,7 +7006,7 @@ label {
}
.profile-indicator__table_row {
- grid-auto-columns: 33.333333333%;
+ grid-auto-columns: 33.3333%;
}
.profile-indicator__table_showing {
@@ -10273,17 +7018,12 @@ label {
}
.location__facilities_download-all.location__facilities_download-all--footer {
- display: -ms-grid;
- display: grid;
- grid-auto-columns: 1fr;
grid-column-gap: 4px;
grid-row-gap: 16px;
- -ms-grid-columns: 1fr -webkit-max-content;
- -ms-grid-columns: 1fr max-content;
- grid-template-columns: 1fr -webkit-max-content;
- grid-template-columns: 1fr max-content;
- -ms-grid-rows: auto;
grid-template-rows: auto;
+ grid-template-columns: 1fr max-content;
+ grid-auto-columns: 1fr;
+ display: grid;
}
}
@@ -10299,13 +7039,13 @@ label {
.rich-data-content {
max-width: 76vw;
padding-top: 32px;
- padding-right: 32px;
padding-left: 32px;
+ padding-right: 32px;
}
.nav.narrow {
- padding-right: 32px;
padding-left: 32px;
+ padding-right: 32px;
}
.map-location {
@@ -10314,13 +7054,7 @@ label {
.map-location__tags {
max-width: 100%;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
- -webkit-align-self: center;
- -ms-flex-item-align: center;
- -ms-grid-row-align: center;
align-self: center;
}
@@ -10335,50 +7069,43 @@ label {
.profile-indicator__chart_description {
max-width: none;
- margin-bottom: 0px;
- padding-top: 0px;
- padding-right: 0px;
- padding-left: 0px;
+ margin-bottom: 0;
+ padding-top: 0;
+ padding-left: 0;
+ padding-right: 0;
}
.profile-indicator {
padding-bottom: 20px;
}
- .profile-indicator__chart_source {
- padding-left: 0px;
- }
-
- .bar-chart__labels {
- padding-left: 0px;
+ .profile-indicator__chart_source, .bar-chart__labels {
+ padding-left: 0;
}
.filter__dropdown_wrap {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
}
.bar-chart__underline {
- margin-left: 0px;
+ margin-left: 0;
}
.profile-indicator__filters {
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.bar-chart__rows {
- padding-bottom: 0px;
+ padding-bottom: 0;
}
.profile-indicator__chart_body {
- padding-right: 0px;
+ padding-right: 0;
}
.bar-chart__x-label {
margin-top: 12px;
- padding-left: 0px;
+ padding-left: 0;
}
.bar-chart__row_tooltip {
@@ -10387,22 +7114,15 @@ label {
.bar-chart__row {
height: 36px;
- margin-bottom: 8px;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
+ margin-bottom: 8px;
}
.bar-chart__row_label {
width: 100%;
max-width: none;
- padding-left: 0px;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
justify-content: flex-start;
+ padding-left: 0;
}
.bar-chart__label_value {
@@ -10440,9 +7160,6 @@ label {
}
.mapping-options__filter {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
}
@@ -10455,14 +7172,13 @@ label {
}
.page-header {
- -ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.content-block {
- padding-right: 32px;
padding-bottom: 32px;
padding-left: 32px;
+ padding-right: 32px;
}
.content-block.bg-green.first {
@@ -10473,84 +7189,47 @@ label {
.location__facilities_header {
width: 100%;
height: auto;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
flex-direction: column;
- -webkit-box-align: start;
- -webkit-align-items: flex-start;
- -ms-flex-align: start;
- align-items: flex-start;
- -webkit-box-flex: 0;
- -webkit-flex: 0 auto;
- -ms-flex: 0 auto;
flex: 0 auto;
+ align-items: flex-start;
}
.map-geo-select {
- bottom: 85px;
z-index: 500;
+ bottom: 85px;
}
.mag-geo__dropdown_wrap {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
flex: 1;
}
.rich-data__print {
- top: 70px;
display: none;
+ top: 70px;
}
.map-bottom-items {
width: 100%;
- padding-right: 53px;
padding-left: 10px;
+ padding-right: 53px;
}
.div-block {
- -webkit-box-flex: 0;
- -webkit-flex: 0 0 auto;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
+ flex: none;
}
- .location__facilities_download-all {
+ .location__facilities_download-all, .location__facilities_header-wrapper {
margin-bottom: 8px;
}
- .location__facilities_header-wrapper {
- margin-bottom: 8px;
- }
-
- .point-mapper-options__filter {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
-
- .profile-indicator__filter {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
-
- .point-filters__filter {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
+ .point-mapper-options__filter, .profile-indicator__filter, .point-filters__filter {
flex: 1;
}
.map-bottom-items--v2 {
width: 100%;
- padding-right: 52px;
padding-left: 10px;
+ padding-right: 52px;
}
.tutorial-2 {
@@ -10570,8 +7249,8 @@ label {
.rich-data-content {
padding-top: 24px;
- padding-right: 16px;
padding-left: 16px;
+ padding-right: 16px;
}
.section {
@@ -10583,13 +7262,13 @@ label {
}
.nav {
- padding-right: 10px;
padding-left: 10px;
+ padding-right: 10px;
}
.nav.narrow {
- padding-right: 20px;
padding-left: 20px;
+ padding-right: 20px;
}
.section-link {
@@ -10602,13 +7281,11 @@ label {
}
.svg-icon {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
+ transform: rotate(0);
}
.breadcrumb {
- font-size: 0.7em;
+ font-size: .7em;
}
.location-facility {
@@ -10620,16 +7297,13 @@ label {
}
.rich-data-nav__toggle {
- left: 12px;
- top: auto;
- right: auto;
- bottom: 48px;
z-index: 999;
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
background-color: #333;
+ display: flex;
+ top: auto;
+ bottom: 48px;
+ left: 12px;
+ right: auto;
}
.location__facilities_sources {
@@ -10641,7 +7315,7 @@ label {
}
.sub-category-header__key-metrics_title {
- font-size: 0.8em;
+ font-size: .8em;
}
.key-metric {
@@ -10654,13 +7328,12 @@ label {
.sticky-header__current-location {
height: 32px;
- margin-left: 0px;
- padding-right: 12px;
+ margin-left: 0;
padding-left: 12px;
+ padding-right: 12px;
}
.nav__content.narrow {
- -ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
@@ -10669,14 +7342,14 @@ label {
}
.point-mapper {
- display: none;
max-width: 83vw;
+ display: none;
}
.data-mapper {
- display: none;
max-width: 83vw;
min-width: auto;
+ display: none;
}
.mapping-options__filter_menu {
@@ -10693,15 +7366,14 @@ label {
}
.login-form__actions {
- -ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.tutorial {
width: 90%;
max-height: 90vh;
- padding: 10px 16px 16px;
grid-row-gap: 4px;
+ padding: 10px 16px 16px;
}
.tutorial__close {
@@ -10709,8 +7381,8 @@ label {
}
.tutorial__slider {
- margin-right: -16px;
margin-left: -16px;
+ margin-right: -16px;
}
.tutorial__slide-content {
@@ -10718,20 +7390,20 @@ label {
}
.tutorial__slide-info {
- left: 16px;
- right: 16px;
margin-left: -32px;
padding: 10px 12px;
+ left: 16px;
+ right: 16px;
}
.tutorial__slide_button.next {
- margin-right: 16px;
margin-left: 8px;
+ margin-right: 16px;
}
.tutorial__slide_button.previous {
- margin-right: 8px;
margin-left: 16px;
+ margin-right: 8px;
}
.location__tutorial {
@@ -10744,13 +7416,12 @@ label {
}
.page-header {
- -ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.content-block {
- padding-right: 20px;
padding-left: 20px;
+ padding-right: 20px;
}
.content-block.bg-green.first {
@@ -10758,45 +7429,35 @@ label {
}
.page-header__overline {
- font-size: 0.85em;
+ font-size: .85em;
}
.page-header__title {
- -webkit-box-align: stretch;
- -webkit-align-items: stretch;
- -ms-flex-align: stretch;
align-items: stretch;
}
.page-header__website-link {
- -webkit-box-pack: justify;
- -webkit-justify-content: space-between;
- -ms-flex-pack: justify;
justify-content: space-between;
}
.warning {
width: 90%;
- padding: 4px 16px;
grid-row-gap: 4px;
+ padding: 4px 16px;
}
.map-bottom-items {
padding-right: 40px;
}
- .profile-indicator__filter_menu {
- z-index: 1;
- }
-
- .point-filters__filter-menu {
+ .profile-indicator__filter_menu, .point-filters__filter-menu {
z-index: 1;
}
.modal {
width: 90%;
- padding: 4px 16px;
grid-row-gap: 4px;
+ padding: 4px 16px;
}
.data-mapper--v2 {
@@ -10804,721 +7465,330 @@ label {
}
.tutorial__slide-info-2 {
- left: 16px;
- right: 16px;
margin-left: -32px;
padding: 10px 12px;
+ left: 16px;
+ right: 16px;
}
.tutorial-2 {
width: 90%;
max-height: 90vh;
- padding: 10px 16px 16px;
grid-row-gap: 4px;
+ padding: 10px 16px 16px;
}
.tutorial__slide_button-2.next {
- margin-right: 16px;
margin-left: 8px;
+ margin-right: 16px;
}
.tutorial__slide_button-2.previous {
- margin-right: 8px;
margin-left: 16px;
+ margin-right: 8px;
}
}
#w-node-_8370c3c3-dd27-5ba4-e185-11a67e6ccd44-2dd9ea49 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 4;
- grid-column-start: span 4;
- -ms-grid-column-span: 4;
- grid-column-end: span 4;
+ grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_138f8096-55b2-2cf7-756a-31f6ef2aede4-2dd9ea49 {
- -webkit-align-self: start;
- -ms-flex-item-align: start;
- -ms-grid-row-align: start;
align-self: start;
- -ms-grid-column-align: end;
justify-self: end;
}
-#w-node-_2a3c695e-4c47-ff4f-0294-09c3cf7a9fe2-2dd9ea49 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 5;
- grid-column-start: span 5;
- -ms-grid-column-span: 5;
- grid-column-end: span 5;
-}
-
-#w-node-_5c3e6bec-baae-1fe9-3f2a-222d0aaebade-2dd9ea49 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 5;
- grid-column-start: span 5;
- -ms-grid-column-span: 5;
- grid-column-end: span 5;
+#w-node-_2a3c695e-4c47-ff4f-0294-09c3cf7a9fe2-2dd9ea49, #w-node-_5c3e6bec-baae-1fe9-3f2a-222d0aaebade-2dd9ea49 {
+ grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_80c1d4e4-3db7-9834-435b-fefcf113a3cc-2dd9ea49 {
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-column-span: 2;
- grid-column-end: 3;
+ grid-area: 1 / 1 / 2 / 3;
}
#w-node-_2c610f29-c711-7689-3c43-fceb1157e41b-2dd9ea49 {
- -ms-grid-row: 2;
- grid-row-start: 2;
- -ms-grid-row-span: 1;
- grid-row-end: 3;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-column-span: 1;
- grid-column-end: 2;
+ grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4cdd59b0-8837-5a43-7847-25fe1e234621-2dd9ea49 {
- -ms-grid-column-align: start;
- justify-self: start;
- -ms-grid-row: 2;
- grid-row-start: 2;
- -ms-grid-row-span: 1;
- grid-row-end: 3;
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-column-span: 1;
- grid-column-end: 3;
- -ms-grid-row-align: center;
+ grid-area: 2 / 2 / 3 / 3;
align-self: center;
+ justify-self: start;
}
#w-node-e1033b14-ea6f-0f0d-1fc3-909d66137000-2dd9ea49 {
- -ms-grid-column-span: 4;
- grid-column-end: 5;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 3;
- -ms-grid-row: 2;
- grid-row-start: 2;
+ grid-area: 2 / 1 / 3 / 5;
}
#w-node-d59f773f-aa49-25bd-47c6-0df91218fa5c-2dd9ea49 {
- -ms-grid-row: 3;
- grid-row-start: 3;
- -ms-grid-row-span: 1;
- grid-row-end: 4;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-column-span: 4;
- grid-column-end: 5;
+ grid-area: 3 / 1 / 4 / 5;
}
#w-node-d59f773f-aa49-25bd-47c6-0df91218fa5d-2dd9ea49 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
+ grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d59f773f-aa49-25bd-47c6-0df91218fa61-2dd9ea49 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
- -ms-grid-column-align: end;
+ grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_2331a044-806f-907c-13ce-926b3e9c855a-2dd9ea49 {
- -ms-grid-column-span: 1;
- grid-column-end: 2;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: start;
+ grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-_2331a044-806f-907c-13ce-926b3e9c8568-2dd9ea49 {
- -ms-grid-column-span: 2;
- grid-column-end: 4;
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: center;
+ grid-area: 1 / 2 / 2 / 4;
justify-self: center;
}
-#w-node-_2331a044-806f-907c-13ce-926b3e9c85a0-2dd9ea49 {
- -ms-grid-column-span: 1;
- grid-column-end: 5;
- -ms-grid-column: 4;
- grid-column-start: 4;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: end;
- justify-self: end;
-}
-
-#w-node-_91faa97b-05e0-ee56-35d9-a4312e607bde-2dd9ea49 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
- -ms-grid-column-align: end;
- justify-self: end;
-}
-
-#w-node-_91faa97b-05e0-ee56-35d9-a4312e607be7-2dd9ea49 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
- -ms-grid-column-align: end;
- justify-self: end;
-}
-
-#w-node-_0cc195d0-8237-0a5c-88c5-6bd36b98a8c8-2dd9ea49 {
- -ms-grid-column-align: end;
+#w-node-_91faa97b-05e0-ee56-35d9-a4312e607bde-2dd9ea49, #w-node-_91faa97b-05e0-ee56-35d9-a4312e607be7-2dd9ea49 {
+ grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
-#w-node-_8d9eb87a-805a-ef6a-0ef3-bca9e2f0f20f-2dd9ea49 {
- -ms-grid-column-align: end;
+#w-node-_0cc195d0-8237-0a5c-88c5-6bd36b98a8c8-2dd9ea49, #w-node-_8d9eb87a-805a-ef6a-0ef3-bca9e2f0f20f-2dd9ea49 {
justify-self: end;
}
#w-node-f25982b9-693e-74dc-9a2f-7590f031f5c0-95d9ea7e {
- -ms-grid-column-span: 1;
- grid-column-end: 2;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: start;
+ grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-f25982b9-693e-74dc-9a2f-7590f031f5c3-95d9ea7e {
- -ms-grid-column-span: 2;
- grid-column-end: 4;
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: center;
+ grid-area: 1 / 2 / 2 / 4;
justify-self: center;
}
#w-node-f25982b9-693e-74dc-9a2f-7590f031f5e4-95d9ea7e {
- -ms-grid-column-span: 1;
- grid-column-end: 5;
- -ms-grid-column: 4;
- grid-column-start: 4;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: end;
+ grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
#w-node-_4d72d44a-a353-deb9-cdd6-3e7554d9fdf7-95d9ea7e {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 7;
- grid-column-start: span 7;
- -ms-grid-column-span: 7;
- grid-column-end: span 7;
+ grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-_90685573-4695-014e-a5e9-bcacce32cf46-95d9ea7e {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 2;
- grid-column-start: span 2;
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
- -ms-grid-row-align: end;
+ grid-area: span 1 / span 2 / span 1 / span 2;
align-self: end;
}
-#w-node-c5c6b4ad-353e-3fe1-6487-d2e40839bd81-95d9ea7e {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 3;
- grid-column-start: span 3;
- -ms-grid-column-span: 3;
- grid-column-end: span 3;
-}
-
-#w-node-_5e0b3564-86ec-d83a-3bc6-4f0e27157bd9-95d9ea7e {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 3;
- grid-column-start: span 3;
- -ms-grid-column-span: 3;
- grid-column-end: span 3;
-}
-
-#w-node-a1fbc524-d46c-78fc-46af-4011e6b49689-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 2;
- grid-column-start: span 2;
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
-}
-
-#w-node-de90d542-cc0b-b32b-2c3c-57eeb685ffd2-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 2;
- grid-column-start: span 2;
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
-}
-
-#w-node-_5f4fd3a3-1c16-aa44-33f5-905265a58174-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 2;
- grid-column-start: span 2;
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
-}
-
-#w-node-_15e74dcc-4ebc-9e20-0dfb-8e62eff40f7c-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 2;
- grid-column-start: span 2;
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
-}
-
-#w-node-_673b600c-07de-f165-508c-adc7cca0f0c7-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 2;
- grid-column-start: span 2;
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
-}
-
-#indicator-version.w-node-_906a3f22-7504-cf26-ae0b-cef043e37405-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 2;
- grid-column-start: span 2;
- -ms-grid-column-span: 2;
- grid-column-end: span 2;
+#w-node-c5c6b4ad-353e-3fe1-6487-d2e40839bd81-95d9ea7e, #w-node-_5e0b3564-86ec-d83a-3bc6-4f0e27157bd9-95d9ea7e {
+ grid-area: span 1 / span 3 / span 1 / span 3;
+}
+
+#w-node-a1fbc524-d46c-78fc-46af-4011e6b49689-e4d9ea83, #w-node-de90d542-cc0b-b32b-2c3c-57eeb685ffd2-e4d9ea83, #w-node-_5f4fd3a3-1c16-aa44-33f5-905265a58174-e4d9ea83, #w-node-_15e74dcc-4ebc-9e20-0dfb-8e62eff40f7c-e4d9ea83, #w-node-_673b600c-07de-f165-508c-adc7cca0f0c7-e4d9ea83, #indicator-version.w-node-_906a3f22-7504-cf26-ae0b-cef043e37405-e4d9ea83 {
+ grid-area: span 1 / span 2 / span 1 / span 2;
}
#indicator-version.w-node-e48665a8-2ee8-c02c-3dd4-bf46bd52b2c8-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 4;
- grid-column-start: span 4;
- -ms-grid-column-span: 4;
- grid-column-end: span 4;
+ grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_1c81a672-7c56-c120-094b-ca488c73ef76-e4d9ea83 {
- -ms-grid-row: 3;
- grid-row-start: 3;
- -ms-grid-row-span: 1;
- grid-row-end: 4;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-column-span: 4;
- grid-column-end: 5;
+ grid-area: 3 / 1 / 4 / 5;
}
#w-node-_1c81a672-7c56-c120-094b-ca488c73ef77-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
+ grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1c81a672-7c56-c120-094b-ca488c73ef7b-e4d9ea83 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
- -ms-grid-column-align: end;
+ grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8370c3c3-dd27-5ba4-e185-11a67e6ccd44-6ad9ea93 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 4;
- grid-column-start: span 4;
- -ms-grid-column-span: 4;
- grid-column-end: span 4;
+ grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_138f8096-55b2-2cf7-756a-31f6ef2aede4-6ad9ea93 {
- -webkit-align-self: start;
- -ms-flex-item-align: start;
- -ms-grid-row-align: start;
align-self: start;
- -ms-grid-column-align: end;
justify-self: end;
}
-#w-node-_2a3c695e-4c47-ff4f-0294-09c3cf7a9fe2-6ad9ea93 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 5;
- grid-column-start: span 5;
- -ms-grid-column-span: 5;
- grid-column-end: span 5;
-}
-
-#w-node-_5c3e6bec-baae-1fe9-3f2a-222d0aaebade-6ad9ea93 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 5;
- grid-column-start: span 5;
- -ms-grid-column-span: 5;
- grid-column-end: span 5;
+#w-node-_2a3c695e-4c47-ff4f-0294-09c3cf7a9fe2-6ad9ea93, #w-node-_5c3e6bec-baae-1fe9-3f2a-222d0aaebade-6ad9ea93 {
+ grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_80c1d4e4-3db7-9834-435b-fefcf113a3cc-6ad9ea93 {
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-column-span: 2;
- grid-column-end: 3;
+ grid-area: 1 / 1 / 2 / 3;
}
#w-node-_2c610f29-c711-7689-3c43-fceb1157e41b-6ad9ea93 {
- -ms-grid-row: 2;
- grid-row-start: 2;
- -ms-grid-row-span: 1;
- grid-row-end: 3;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-column-span: 1;
- grid-column-end: 2;
+ grid-area: 2 / 1 / 3 / 2;
}
#w-node-_4cdd59b0-8837-5a43-7847-25fe1e234621-6ad9ea93 {
- -ms-grid-column-align: start;
- justify-self: start;
- -ms-grid-row: 2;
- grid-row-start: 2;
- -ms-grid-row-span: 1;
- grid-row-end: 3;
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-column-span: 1;
- grid-column-end: 3;
- -ms-grid-row-align: center;
+ grid-area: 2 / 2 / 3 / 3;
align-self: center;
+ justify-self: start;
}
#w-node-e1033b14-ea6f-0f0d-1fc3-909d66137000-6ad9ea93 {
- -ms-grid-column-span: 4;
- grid-column-end: 5;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 3;
- -ms-grid-row: 2;
- grid-row-start: 2;
+ grid-area: 2 / 1 / 3 / 5;
}
#w-node-d59f773f-aa49-25bd-47c6-0df91218fa5c-6ad9ea93 {
- -ms-grid-row: 3;
- grid-row-start: 3;
- -ms-grid-row-span: 1;
- grid-row-end: 4;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-column-span: 4;
- grid-column-end: 5;
+ grid-area: 3 / 1 / 4 / 5;
}
#w-node-d59f773f-aa49-25bd-47c6-0df91218fa5d-6ad9ea93 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
+ grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d59f773f-aa49-25bd-47c6-0df91218fa61-6ad9ea93 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
- -ms-grid-column-align: end;
+ grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_2331a044-806f-907c-13ce-926b3e9c855a-6ad9ea93 {
- -ms-grid-column-span: 1;
- grid-column-end: 2;
- -ms-grid-column: 1;
- grid-column-start: 1;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: start;
+ grid-area: 1 / 1 / 2 / 2;
justify-self: start;
}
#w-node-_2331a044-806f-907c-13ce-926b3e9c8568-6ad9ea93 {
- -ms-grid-column-span: 2;
- grid-column-end: 4;
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: center;
+ grid-area: 1 / 2 / 2 / 4;
justify-self: center;
}
#w-node-_2331a044-806f-907c-13ce-926b3e9c85a0-6ad9ea93 {
- -ms-grid-column-span: 1;
- grid-column-end: 5;
- -ms-grid-column: 4;
- grid-column-start: 4;
- -ms-grid-row-span: 1;
- grid-row-end: 2;
- -ms-grid-row: 1;
- grid-row-start: 1;
- -ms-grid-column-align: end;
+ grid-area: 1 / 4 / 2 / 5;
+ justify-self: end;
+}
+
+#w-node-_91faa97b-05e0-ee56-35d9-a4312e607bde-6ad9ea93, #w-node-_91faa97b-05e0-ee56-35d9-a4312e607be7-6ad9ea93 {
+ grid-area: span 1 / span 1 / span 1 / span 1;
+ justify-self: end;
+}
+
+#w-node-_0cc195d0-8237-0a5c-88c5-6bd36b98a8c8-6ad9ea93, #w-node-_8d9eb87a-805a-ef6a-0ef3-bca9e2f0f20f-6ad9ea93 {
+ justify-self: end;
+}
+
+#w-node-_8370c3c3-dd27-5ba4-e185-11a67e6ccd44-d3a5d4ea {
+ grid-area: span 1 / span 4 / span 1 / span 4;
+}
+
+#w-node-_138f8096-55b2-2cf7-756a-31f6ef2aede4-d3a5d4ea {
+ align-self: start;
justify-self: end;
}
-#w-node-_91faa97b-05e0-ee56-35d9-a4312e607bde-6ad9ea93 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
- -ms-grid-column-align: end;
+#w-node-_2a3c695e-4c47-ff4f-0294-09c3cf7a9fe2-d3a5d4ea, #w-node-_5c3e6bec-baae-1fe9-3f2a-222d0aaebade-d3a5d4ea {
+ grid-area: span 1 / span 5 / span 1 / span 5;
+}
+
+#w-node-_80c1d4e4-3db7-9834-435b-fefcf113a3cc-d3a5d4ea {
+ grid-area: 1 / 1 / 2 / 3;
+}
+
+#w-node-_2c610f29-c711-7689-3c43-fceb1157e41b-d3a5d4ea {
+ grid-area: 2 / 1 / 3 / 2;
+}
+
+#w-node-_4cdd59b0-8837-5a43-7847-25fe1e234621-d3a5d4ea {
+ grid-area: 2 / 2 / 3 / 3;
+ align-self: center;
+ justify-self: start;
+}
+
+#w-node-e1033b14-ea6f-0f0d-1fc3-909d66137000-d3a5d4ea {
+ grid-area: 2 / 1 / 3 / 5;
+}
+
+#w-node-d59f773f-aa49-25bd-47c6-0df91218fa5c-d3a5d4ea {
+ grid-area: 3 / 1 / 4 / 5;
+}
+
+#w-node-d59f773f-aa49-25bd-47c6-0df91218fa5d-d3a5d4ea {
+ grid-area: span 1 / span 1 / span 1 / span 1;
+}
+
+#w-node-d59f773f-aa49-25bd-47c6-0df91218fa61-d3a5d4ea {
+ grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
-#w-node-_91faa97b-05e0-ee56-35d9-a4312e607be7-6ad9ea93 {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 1;
- grid-column-start: span 1;
- -ms-grid-column-span: 1;
- grid-column-end: span 1;
- -ms-grid-column-align: end;
+#w-node-_2331a044-806f-907c-13ce-926b3e9c855a-d3a5d4ea {
+ grid-area: 1 / 1 / 2 / 2;
+ justify-self: start;
+}
+
+#w-node-_2331a044-806f-907c-13ce-926b3e9c8568-d3a5d4ea {
+ grid-area: 1 / 2 / 2 / 4;
+ justify-self: center;
+}
+
+#w-node-_2331a044-806f-907c-13ce-926b3e9c85a0-d3a5d4ea {
+ grid-area: 1 / 4 / 2 / 5;
justify-self: end;
}
-#w-node-_0cc195d0-8237-0a5c-88c5-6bd36b98a8c8-6ad9ea93 {
- -ms-grid-column-align: end;
+#w-node-_91faa97b-05e0-ee56-35d9-a4312e607bde-d3a5d4ea, #w-node-_91faa97b-05e0-ee56-35d9-a4312e607be7-d3a5d4ea {
+ grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
-#w-node-_8d9eb87a-805a-ef6a-0ef3-bca9e2f0f20f-6ad9ea93 {
- -ms-grid-column-align: end;
+#w-node-_0cc195d0-8237-0a5c-88c5-6bd36b98a8c8-d3a5d4ea, #w-node-_8d9eb87a-805a-ef6a-0ef3-bca9e2f0f20f-d3a5d4ea {
justify-self: end;
}
@media screen and (max-width: 991px) {
#w-node-_4d72d44a-a353-deb9-cdd6-3e7554d9fdf7-95d9ea7e {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 4;
- grid-column-start: span 4;
- -ms-grid-column-span: 4;
- grid-column-end: span 4;
+ grid-area: span 1 / span 4 / span 1 / span 4;
}
}
@media screen and (max-width: 767px) {
- #w-node-_2331a044-806f-907c-13ce-926b3e9c8568-2dd9ea49 {
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-column-span: 2;
- grid-column-end: 4;
- }
-
- #w-node-f25982b9-693e-74dc-9a2f-7590f031f5c3-95d9ea7e {
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-column-span: 2;
- grid-column-end: 4;
- }
-
- #w-node-_2331a044-806f-907c-13ce-926b3e9c8568-6ad9ea93 {
- -ms-grid-column: 2;
- grid-column-start: 2;
- -ms-grid-column-span: 2;
- grid-column-end: 4;
+ #w-node-_2331a044-806f-907c-13ce-926b3e9c8568-2dd9ea49, #w-node-f25982b9-693e-74dc-9a2f-7590f031f5c3-95d9ea7e, #w-node-_2331a044-806f-907c-13ce-926b3e9c8568-6ad9ea93, #w-node-_2331a044-806f-907c-13ce-926b3e9c8568-d3a5d4ea {
+ grid-column: 2 / 4;
}
}
@media screen and (max-width: 479px) {
#w-node-_2c610f29-c711-7689-3c43-fceb1157e41b-2dd9ea49 {
- -ms-grid-column-span: 3;
grid-column-end: 3;
}
#w-node-_4cdd59b0-8837-5a43-7847-25fe1e234621-2dd9ea49 {
- -ms-grid-row: 3;
- grid-row-start: 3;
- -ms-grid-row-span: 1;
- grid-row-end: 4;
- -ms-grid-column: 1;
+ grid-row: 3 / 4;
grid-column-start: 1;
}
#w-node-f25982b9-693e-74dc-9a2f-7590f031f5e4-95d9ea7e {
- -ms-grid-column: 3;
- grid-column-start: 3;
- -ms-grid-column-span: 1;
- grid-column-end: 4;
+ grid-column: 3 / 4;
}
#w-node-_4d72d44a-a353-deb9-cdd6-3e7554d9fdf7-95d9ea7e {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 3;
- grid-column-start: span 3;
- -ms-grid-column-span: 3;
- grid-column-end: span 3;
+ grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_90685573-4695-014e-a5e9-bcacce32cf46-95d9ea7e {
- -ms-grid-row: span 1;
- grid-row-start: span 1;
- -ms-grid-row-span: 1;
- grid-row-end: span 1;
- -ms-grid-column: span 3;
- grid-column-start: span 3;
- -ms-grid-column-span: 3;
- grid-column-end: span 3;
- -ms-grid-row-align: end;
+ grid-area: span 1 / span 3 / span 1 / span 3;
align-self: end;
}
#w-node-_2c610f29-c711-7689-3c43-fceb1157e41b-6ad9ea93 {
- -ms-grid-column-span: 3;
grid-column-end: 3;
}
#w-node-_4cdd59b0-8837-5a43-7847-25fe1e234621-6ad9ea93 {
- -ms-grid-row: 3;
- grid-row-start: 3;
- -ms-grid-row-span: 1;
- grid-row-end: 4;
- -ms-grid-column: 1;
+ grid-row: 3 / 4;
+ grid-column-start: 1;
+ }
+
+ #w-node-_2c610f29-c711-7689-3c43-fceb1157e41b-d3a5d4ea {
+ grid-column-end: 3;
+ }
+
+ #w-node-_4cdd59b0-8837-5a43-7847-25fe1e234621-d3a5d4ea {
+ grid-row: 3 / 4;
grid-column-start: 1;
}
}
+
diff --git a/src/css/webflow.css b/src/css/webflow.css
index 90584d636..28ee43b78 100644
--- a/src/css/webflow.css
+++ b/src/css/webflow.css
@@ -345,10 +345,6 @@ label {
color: #999;
opacity: 1;
}
-.w-input:-ms-input-placeholder,
-.w-select:-ms-input-placeholder {
- color: #999;
-}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
color: #999;
@@ -409,7 +405,6 @@ textarea.w-select {
}
.w-radio-input {
margin: 4px 0 0;
- margin-top: 1px \9;
line-height: normal;
float: left;
margin-left: -20px;
@@ -1164,17 +1159,10 @@ textarea.w-select {
* underneath the lightbox.
*/
.w-lightbox-backdrop {
- color: #000;
cursor: auto;
- font-family: serif;
- font-size: medium;
font-style: normal;
- font-variant: normal;
- font-weight: normal;
letter-spacing: normal;
- line-height: normal;
list-style: disc;
- text-align: start;
text-indent: 0;
text-shadow: none;
text-transform: none;
@@ -1201,7 +1189,6 @@ textarea.w-select {
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
- -ms-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-transform: translate(0, 0);
/* 2 */
@@ -1383,14 +1370,12 @@ textarea.w-select {
top: 50%;
width: 100%;
-webkit-transform: translate(0, -50%);
- -ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
left: 50%;
height: 100%;
-webkit-transform: translate(-50%, 0);
- -ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
/*
@@ -1824,3 +1809,6 @@ textarea.w-select {
.w-condition-invisible {
display: none !important;
}
+.wf-layout-layout {
+ display: grid;
+}
diff --git a/src/custom-css/general.scss b/src/custom-css/general.scss
index 642eb93bc..a02cc954a 100644
--- a/src/custom-css/general.scss
+++ b/src/custom-css/general.scss
@@ -23,6 +23,23 @@
top: 80px;
}
+.tutorial-button-container {
+ height: 100%;
+ position: fixed;
+ transform: rotate(-90deg);
+ display: flex;
+ transform-origin: 100% 100%;
+ top: auto;
+ bottom: 0;
+ left: auto;
+ right: 0;
+}
+
+.current-view-container {
+ display: flex;
+ align-items: center;
+}
+
@media (max-width: 480px) {
.right-panel-toggles {
top: 370px;
diff --git a/src/index.html b/src/index.html
index f39a619af..7d3be03a7 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,4 +1,4 @@
-
+
Wazimap NG
@@ -20,7 +20,6 @@
-
@@ -378,7 +377,7 @@
Login Required