* {
scrollbar-width: thin;
scrollbar-color: #757575 #EBEBEB;
}
*::-webkit-scrollbar {
width: 10px;
height: 0.5rem;
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track:hover,
*::-webkit-scrollbar-track:active {
background-color: #fff;
}
*::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(0,0,0,.3);
}
*::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,0,.5);
}
*::-webkit-scrollbar-thumb:active {
background-color: rgba(0,0,0,.5);
}
.container {
max-width: var(--max-width) !important;
}
.col-center {
float: none;
margin: 0 auto;
}
hr.vertical {
border-left: 1px solid #cbcbcb;
height: 100%;
margin-left: 12px;
margin-right: 12px;
width: 1px;
}
.button {
border: 0;
outline: 0;
background: 0;
padding: 15px 50px;
border-radius: 40px;
}
.button.auth {
background: #7336fe;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.button.other {
color: #000;
font-size: 16px;
font-weight: 600;
padding: 15px 30px;
border: 1px solid #eee;
text-decoration: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(115, 54, 254, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(115, 54, 254, 0.6);
outline: 0 none;
}
/*
Установка хрома
*/
.installChrome {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
white-space: nowrap;
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
padding: 12px 24px;
border-radius: 12px;
background: #d5d5d5;
color: #5b5b5b;
}
.installChrome > img {
width: 30px;
height: 30px;
}
.installChrome > button {
background: transparent;
border: 0;
outline: 0;
}