|
|
@ -514,7 +514,7 @@ body > [data-popper-placement] {
|
|
|
|
outline: 0;
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
@media screen and (width <= 600px) {
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -535,7 +535,7 @@ body > [data-popper-placement] {
|
|
|
|
all: unset;
|
|
|
|
all: unset;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
@media screen and (width <= 600px) {
|
|
|
|
height: 100px !important; // Prevent auto-resize textarea
|
|
|
|
height: 100px !important; // Prevent auto-resize textarea
|
|
|
|
resize: vertical;
|
|
|
|
resize: vertical;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2414,7 +2414,7 @@ $ui-header-height: 55px;
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 320px) {
|
|
|
|
@media screen and (width >= 320px) {
|
|
|
|
.logo--wordmark {
|
|
|
|
.logo--wordmark {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2526,7 +2526,7 @@ $ui-header-height: 55px;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 631px) {
|
|
|
|
@media screen and (width >= 631px) {
|
|
|
|
.columns-area {
|
|
|
|
.columns-area {
|
|
|
|
padding: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2586,7 +2586,7 @@ $ui-header-height: 55px;
|
|
|
|
&:hover,
|
|
|
|
&:hover,
|
|
|
|
&:focus,
|
|
|
|
&:focus,
|
|
|
|
&:active {
|
|
|
|
&:active {
|
|
|
|
@media screen and (min-width: 631px) {
|
|
|
|
@media screen and (width >= 631px) {
|
|
|
|
background: lighten($ui-base-color, 14%);
|
|
|
|
background: lighten($ui-base-color, 14%);
|
|
|
|
border-bottom-color: lighten($ui-base-color, 14%);
|
|
|
|
border-bottom-color: lighten($ui-base-color, 14%);
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2603,7 +2603,7 @@ $ui-header-height: 55px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) {
|
|
|
|
@media screen and (width >= 600px) {
|
|
|
|
.tabs-bar__link {
|
|
|
|
.tabs-bar__link {
|
|
|
|
span {
|
|
|
|
span {
|
|
|
|
display: inline;
|
|
|
|
display: inline;
|
|
|
@ -2826,7 +2826,7 @@ $ui-header-height: 55px;
|
|
|
|
color: $darker-text-color;
|
|
|
|
color: $darker-text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) {
|
|
|
|
@media screen and (width >= 600px) {
|
|
|
|
padding: 40px;
|
|
|
|
padding: 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2936,7 +2936,7 @@ $ui-header-height: 55px;
|
|
|
|
height: 36px;
|
|
|
|
height: 36px;
|
|
|
|
color: $dark-text-color;
|
|
|
|
color: $dark-text-color;
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) {
|
|
|
|
@media screen and (width >= 600px) {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -2988,7 +2988,7 @@ $ui-header-height: 55px;
|
|
|
|
position: sticky;
|
|
|
|
position: sticky;
|
|
|
|
background: $ui-base-color;
|
|
|
|
background: $ui-base-color;
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-width: 600) {
|
|
|
|
@media screen and (width >= 600) {
|
|
|
|
padding: 0 40px;
|
|
|
|
padding: 0 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -3256,7 +3256,7 @@ $ui-header-height: 55px;
|
|
|
|
user-select: none;
|
|
|
|
user-select: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (min-height: 640px) {
|
|
|
|
@media screen and (height >= 640px) {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -3605,19 +3605,19 @@ $ui-header-height: 55px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 810px) {
|
|
|
|
@media screen and (height <= 810px) {
|
|
|
|
.trends__item:nth-of-type(3) {
|
|
|
|
.trends__item:nth-of-type(3) {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 720px) {
|
|
|
|
@media screen and (height <= 720px) {
|
|
|
|
.trends__item:nth-of-type(2) {
|
|
|
|
.trends__item:nth-of-type(2) {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 670px) {
|
|
|
|
@media screen and (height <= 670px) {
|
|
|
|
display: none;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -3701,7 +3701,7 @@ $ui-header-height: 55px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
@media screen and (width <= 600px) {
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -4497,7 +4497,7 @@ a.status-card.compact:hover {
|
|
|
|
background: lighten($ui-base-color, 4%);
|
|
|
|
background: lighten($ui-base-color, 4%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
@media screen and (width <= 600px) {
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -5832,7 +5832,7 @@ a.status-card.compact:hover {
|
|
|
|
font-weight: 700;
|
|
|
|
font-weight: 700;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-height: 800px) {
|
|
|
|
@media screen and (height <= 800px) {
|
|
|
|
font-size: 22px;
|
|
|
|
font-size: 22px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6019,7 +6019,7 @@ a.status-card.compact:hover {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
border-top: 1px solid $ui-secondary-color;
|
|
|
|
border-top: 1px solid $ui-secondary-color;
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
@media screen and (width <= 480px) {
|
|
|
|
flex-wrap: wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
overflow-y: auto;
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6030,7 +6030,7 @@ a.status-card.compact:hover {
|
|
|
|
box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
width: 50%;
|
|
|
|
width: 50%;
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
@media screen and (width <= 480px) {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6052,13 +6052,13 @@ a.status-card.compact:hover {
|
|
|
|
color: $inverted-text-color;
|
|
|
|
color: $inverted-text-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
@media screen and (width <= 480px) {
|
|
|
|
max-height: 10vh;
|
|
|
|
max-height: 10vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.focal-point-modal__content {
|
|
|
|
.focal-point-modal__content {
|
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
@media screen and (width <= 480px) {
|
|
|
|
max-height: 40vh;
|
|
|
|
max-height: 40vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -6109,7 +6109,7 @@ a.status-card.compact:hover {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
@media screen and (width <= 480px) {
|
|
|
|
padding: 10px;
|
|
|
|
padding: 10px;
|
|
|
|
max-width: 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
order: 2;
|
|
|
|
order: 2;
|
|
|
@ -7138,7 +7138,7 @@ noscript {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 630px) and (max-height: 400px) {
|
|
|
|
@media screen and (width <= 630px) and (height <= 400px) {
|
|
|
|
$duration: 400ms;
|
|
|
|
$duration: 400ms;
|
|
|
|
$delay: 100ms;
|
|
|
|
$delay: 100ms;
|
|
|
|
|
|
|
|
|
|
|
@ -7268,7 +7268,7 @@ noscript {
|
|
|
|
background: lighten($ui-base-color, 4%);
|
|
|
|
background: lighten($ui-base-color, 4%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
@media screen and (width <= 600px) {
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -7359,7 +7359,7 @@ noscript {
|
|
|
|
width: 380px;
|
|
|
|
width: 380px;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 420px) {
|
|
|
|
@media screen and (width <= 420px) {
|
|
|
|
width: 90%;
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -7414,7 +7414,7 @@ noscript {
|
|
|
|
width: 380px;
|
|
|
|
width: 380px;
|
|
|
|
overflow: hidden;
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 420px) {
|
|
|
|
@media screen and (width <= 420px) {
|
|
|
|
width: 90%;
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
@ -7513,7 +7513,7 @@ noscript {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 480px) {
|
|
|
|
@media screen and (width <= 480px) {
|
|
|
|
img,
|
|
|
|
img,
|
|
|
|
video {
|
|
|
|
video {
|
|
|
|
max-height: 100%;
|
|
|
|
max-height: 100%;
|
|
|
@ -9070,7 +9070,7 @@ noscript {
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 600px) {
|
|
|
|
@media screen and (width <= 600px) {
|
|
|
|
display: block;
|
|
|
|
display: block;
|
|
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
h4 {
|
|
|
|