/home/bdqbpbxa/demo-subdomains/adaptiq.goodface.com.ua/frontend/css/ui-components/global-config.css
:root {
/* spaces */
--margin-betwen-blocks: 160px;
--margin-betwen-title-content: 64px;
--margin-betwen-content: 40px;
--margin-betwen-text: 16px;
--margin-betwen-title-buble: 8px;
/* colors */
--red: #ED3B44;
--red-gradient: radial-gradient(65.71% 224.86% at 65.71% 51.25%, rgba(255, 17, 51, 0.4) 0%, rgba(255, 17, 51, 0) 100%), #1F1F1F;
--text-dark: #111111;
--background-dark: #1F1F1F;
--dark-grey: #555555;
--grey: #BBBBBB;
--light-grey: #D1D1D1;
--light: #F1F1F1;
--white: #FFFFFF;
}
/* Reset */
html,
body,
body * {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-family: 'PolySans', sans-serif;
color: var(--background-dark);
background: var(--light);
}
body * {
margin: 0;
padding: 0;
outline: 0;
background-repeat: no-repeat;
background-position: center;
font-weight: normal;
font-style: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
li {
list-style-type: none;
}
a {
text-decoration: none;
}
img {
border: none;
user-select: none;
-webkit-user-select: none;
-webkit-user-drag: none;
}
input,
textarea {
border-radius: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
textarea {
resize: none;
}
/* Scroll lock */
html.-scroll-lock,
html.-scroll-lock body {
height: calc(var(--window-inner-height) - 1px);
overflow: hidden;
}
html.-scroll-lock body {
position: relative;
}
body.-scroll-lock:not(.body-404),
body.-scroll-lock:not(.body-404) .header {
padding-right: var(--scrollbar-width);
}
body.-scroll-lock:not(.body-404) .header__menu {
overflow-y: scroll;
}
/* Global (Global css and params) */
.--pc-display {
display: block;
}
.--tablet-display,
.--mobile-display {
display: none;
}
@media screen and (max-width: 1024px) {
/* Global (Global css and params) */
:root {
/* spaces */
--margin-betwen-blocks: 80px;
--margin-betwen-title-content: 40px;
--small-margin-betwen-title-content: 16px;
--margin-betwen-content: 40px;
}
.--pc-display {
display: none;
}
.--tablet-display {
display: block;
}
}
@media screen and (max-width: 759px) {
.--tablet-display {
display: none;
}
.--mobile-display {
display: block;
}
}