/*CSS Reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{margin:0;padding:0;list-style:none}ul li{margin:0;padding:0;list-style:none}
/* Root Styles */
:root {
  /* Colors */
  --link-color: #3C80D3;
  --link-hover: #2C5C97;
  /* Dark Shades */
  --dark-0: rgba(29, 40, 50, 1);
  --dark-1: rgba(32, 43, 53, 1);
  --dark-2: rgba(35, 46, 56, 1);
  --dark-3: rgba(38, 49, 59, 1);
  --dark-4: rgba(41, 52, 62, 1);
  /* Dark Transparent Shades */
  --dark-transparent-0: rgba(29, 40, 50, 0.6);
  --dark-transparent-1: rgba(32, 43, 53, 0.6);
  --dark-transparent-2: rgba(35, 46, 56, 0.6);
  --dark-transparent-3: rgba(38, 49, 59, 0.6);
  --dark-transparent-4: rgba(41, 52, 62, 0.6);
  /* Gradients */
  --gradient-1: rgba(128, 221, 237, 1) 0%, rgba(128, 249, 142, 1) 100%;
  --gradient-2: rgba(255, 163, 177, 1) 0%, rgba(84, 104, 236, 1) 100%;
  --gradient-3: rgba(101, 152, 255, 1) 0%, rgba(141, 142, 255, 1) 100%;
  --gradient-4: rgba(60, 128, 211, 1) 0%, rgba(86, 155, 238, 1) 100%;
  /* Basic Colors */
  --red: rgb(255, 101, 101);
  --pink: rgb(255, 100, 249);
  --purple: rgb(107, 95, 255);
  --blue: rgb(77, 138, 255);
  --green: rgb(91, 255, 137);
  --yellow: rgb(255, 238, 85);
  --orange: rgb(255, 109, 27);
  --dark: rgb(32, 43, 53);
  /* Text Styles */
  --text-default: rgb(181, 186, 189);
  --title-color:rgb(203, 211, 217); /* corrected  rgb(242, 249, 255)*/
  --feed-text-color: rgb(203, 211, 217);
  --feed-text-weight: 300;
  --feed-text-size: 18px;
  --feed-text-height: 1.3;
  --feed-link-color: rgb(250, 235, 215);
  /* Font Styles */
  --font-family: 'Sofia Sans', 'Brutal', sans-serif;
  --font-title: 'Sofia Sans', 'Brutal', sans-serif;
  /* Rounding and Shadows */
  --border-radius-max: 1.375rem;
  --border-radius-str: 0.625rem;
  --border-radius-md: 0.375rem;
  --border-radius-lw: 0.175rem;
  --shadow-all: 0 0 0 8px rgba(0, 0, 0, 0.09), 0 0 0 16px rgba(0, 0, 0, 0.09), 0 0 0 24px rgba(0, 0, 0, 0.09);
  --shadow-down: 0 10px 0 0 #00000012, 0 20px 0 0 #00000012, 0 30px 0 0 #00000012;
  /* Icon & Layout Styles */
  --icon-size: 20px;
  --icon-color: rgb(159, 179, 199);
  --layout-max-content-width: 640px;
  --layout-content-offset-x: 1rem;
  --layout-left-aside-width: 240px;
  --layout-left-aside-offset: 0.625rem;
  --layout-right-aside-width: 300px;
  --layout-right-aside-offset: 1.2rem;
  --layout-header-height: 3.75rem;
  --layout-max-width: 640px;
  --layout-view-offset-y: 1rem;
  --app-offset-x: 0.625rem;

  --header-max-content-width: 640px;
  --header-left-aside-width: 240px;
  --header-right-aside-width: 300px;
  --header-max-width: 640px;
  /* Transition */
  --transition-all:all 120ms linear;
}

svg {
  pointer-events: none;
  speak: never;
  vertical-align: middle;
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
}

svg [stroke] {
  stroke: var(--icon-color);
}

svg [fill] {
  fill: var(--icon-color);
}

@font-face {
  font-family: 'Sofia Sans';
  src: url('/assets/fonts/SofiaSans-VariableFont.woff2') format('woff2');
  font-weight: 100 1000;
  font-stretch: 25% 151%;
}


.for_coding{
 margin:25px 0 0; 
}

/*Base*/
*,
::after,
::before{
  box-sizing:border-box;
  scrollbar-color:var(--dark-0) var(--dark-3);
  scrollbar-width:revert
}
html,
body{
  min-height:100%;
  height:auto
}

body{
  font:16px/1.3 var(--font-family);
  color:var(--text-default);
  background-color:var(--dark-1);
  scrollbar-color:var(--dark-0) var(--dark-3);
}

html{
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4
}

::selection,
::-moz-selection {
  color:#fdfeff;
  background-color:#3c80d3;
  border-radius:var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md);
}

/*Inputs*/
input[type="text"]::-ms-clear{display:none;width:0;height:0}
input[type="text"]::-ms-reveal{display:none;width:0;height:0}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
.input{
  font:400 1em/2.7em var(--font-main);
  padding:0 15px;
  background-color:#00000021;
  border:0 none;
  color:#fdfeff;
  display:inline-flex;
  width:100%;
  border-radius:var(--border-radius-lw);
  -webkit-border-radius:var(--border-radius-lw);
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
}

input[type="text"]:not(:disabled):focus,
input[type="search"]:not(:disabled):focus,
input[type="password"]:not(:disabled):focus,
input[type="email"]:not(:disabled):focus,
.input:not(:disabled):focus{
  outline:0 none;
  background-color:#0000006b;
/*box-shadow:0 0 0 5px #00000021;
-webkit-box-shadow:0 0 0 5px #00000021;*/
}

textarea,.textarea{
  width:100%;
  font:400 1em/1.4 var(--font-main);
  padding:10px 15px;
  background-color:#00000021;
  border:0 none;
  color:#fdfeff;
  display:inline-block;
  resize:none;
  height:100%;
  border-radius:var(--border-radius-lw);
  -webkit-border-radius:var(--border-radius-lw);
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all)
}

textarea:not(:disabled):focus,.textarea:not(:disabled):focus{
  outline:0 none;
  background-color:#0000006b;
/*box-shadow:0 0 0 5px #00000021;
-webkit-box-shadow:0 0 0 5px #00000021;*/
}


/*
input[type="button"],button,.button{
  cursor:pointer;
  font:400 1em/2.3em var(--font-main);
  padding:0 18px;
  background-color:#00000021;
  border:0 none;
  color:#fdfeff;
  display:inline-flex;
  position:relative;
  border-radius:var(--border-radius-lw);
  -webkit-border-radius:var(--border-radius-lw);
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
}

input[type="button"]:not(:disabled):hover,button:not(:disabled):hover,.button:not(:disabled):hover{
box-shadow:0 0 0 5px #00000021;
-webkit-box-shadow:0 0 0 5px #00000021;
}

.blue-btn{background-color:#3c80d3 !important}
.green-btn{background-color:#3cd36a !important}
.red-btn{background-color:#d33c3c !important}

input[type="button"]:not(:disabled):active,button:not(:disabled):active,.button:not(:disabled):active{
  top:1px;
}

input[type="button"]:disabled,button:disabled,.button:disabled{
  background-color: #41585e !important;
  cursor:not-allowed;
  color:#00000082;
}*/

button, input[type="button"] {
  all: unset;
  display:inline-flex;
  align-items:center;
  line-height:1;
  font-weight:500;
  justify-content:center;
  cursor:pointer;
  white-space:nowrap;
  font-size: 14px;
  /*background-color:#00000021;*/
  padding: 10px 20px;
  transition:background-color 0.3s, opacity 0.3s;
  position: relative;
  user-select: none;
  min-width:20px;
}

button svg, input[type="button"] svg{
  width: 16px;
  height: 16px;
}

.button--size-s{font-size:14px;padding:4px 8px;}
.button--size-m{font-size:15px;padding:8px 16px;}
.button--size-l{font-size:16px;padding:12px 18px;}
.button--size-xl{font-size:20px;padding:16px 33px;}

.button--round-xl { border-radius:var(--border-radius-max); }
.button--round-l { border-radius:var(--border-radius-str); }
.button--round-m { border-radius:var(--border-radius-md); }
.button--round-s { border-radius:var(--border-radius-lw); }

.button--red { background-color: var(--red); color: white; }
.button--pink { background-color: var(--red); color: black; }
.button--purple { background-color: var(--purple); color: white; }
.button--blue { background-color: var(--blue); color: white; }
.button--green { background-color: var(--green); color: white; }
.button--yellow { background-color: var(--yellow); color: black; }
.button--orange { background-color: var(--orange); color: black; }
.button--dark { background-color: var(--dark); color:rgb(201,204,207); }

button:hover, input[type="button"]:hover { opacity: 0.8; }
button:active, input[type="button"]:active { transform: scale(0.95); }
button:disabled, input[type="button"]:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
  opacity: 0.6;
}


input[type="checkbox"] {
  position:absolute;
  z-index:-1;
  opacity:0;
}

input[type="checkbox"]+label {
  display:inline-flex;
  align-items:center;
  user-select:none;
  cursor:pointer;
  font-size:15px;
}

input[type="checkbox"]+label::before {
  content:'';
  cursor:pointer;
  display:inline-block;
  width:1.2em;
  height:1.2em;
  flex-shrink:0;
  flex-grow:0;
  border:1px solid #adb5bd;
  border-radius:0.25em;
  margin-right:0.5em;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:50% 50%;
}

input[type="checkbox"]:not(:disabled):not(:checked)+label:hover::before {
  border-color:#b3d7ff;
}

input[type="checkbox"]:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

input[type="checkbox"]:focus+label::before {
  box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

input[type="checkbox"]:focus:not(:checked)+label::before {
  border-color:#80bdff;
}

input[type="checkbox"]:checked+label::before {
  border-color:#3c80d3;
  background-color:#3c80d3;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

input[type="checkbox"]:disabled+label::before {
  background-color: #e9ecef;
}

input[type="radio"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

input[type="radio"]+label {
  display:inline-flex;
  align-items:center;
  user-select:none;
  cursor:pointer;
}

input[type="radio"]+label::before {
  content:'';
  display:inline-block;
  width:1.2em;
  height:1.2em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

input[type="radio"]:not(:disabled):not(:checked)+label:hover::before {
  border-color: #b3d7ff;
}

input[type="radio"]:not(:disabled):active+label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

input[type="radio"]:focus+label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

input[type="radio"]:focus:not(:checked)+label::before {
  border-color: #80bdff;
}

input[type="radio"]:checked+label::before {
  border-color:#3c80d3;
  background-color:#3c80d3;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

input[type="radio"]:disabled+label::before {
  background-color: #e9ecef;
}

select {
  position:relative;
  min-width:110px;
  cursor:pointer;
  font:400 13px/1 var(--font-main);
  background:#3c80d3 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiBAMAAADIaRbxAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAAC3RSTlMAjDJJRDmCTllRKI2QZMEAAAA+SURBVCjPYxjpgDkJTCYgiQgqAElHASRFhkIMDCxAYVRFjkIoJhVKsQgGoIiwCzaKollXCFWCAJypDMMcAADRmAUrNAXTeAAAAABJRU5ErkJggg==') no-repeat 100% 50%;
  color:#fff;
  padding:.9em 1em .8em;
  border:0;
  margin:0;
  border-radius:3px;
  -webkit-border-radius:3px;
  text-indent:0.01px;
  text-overflow:'';
  -webkit-appearance:button;
  outline:0 none;
  letter-spacing:.04em;
  box-shadow:0 2px 8px -2px rgba(0,0,0,0.48);
  -webkit-box-shadow:0 2px 8px -2px rgba(0,0,0,0.48);
  transition: all 120ms linear;
  -webkit-transition: all 120ms linear;
  appearance:none;
  -webkit-appearance:none
}

select:focus{
  box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.28);
  -webkit-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.28);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

select[disabled] {
  background-color:#c3c3c3;
  color:rgba(0,0,0,.3);
  cursor:not-allowed
}
/*--*/
/*Links*/
a:link{color:#000;text-decoration:none}
a:visited{color:#000;text-decoration:none}
a:hover{color:#e52b50;text-decoration:none}
a:active{color:#e52b50;text-decoration:none}
/*--*/
/*Tools*/
.separator {
  position:relative;
  display:block;
  clear:both;
  height:10px;
  margin-bottom:30px;
  opacity:.3;
  border:none;
  background-color:transparent;
  background-image:radial-gradient(#fff 1px, transparent 1px);
  background-repeat:repeat;
  background-position:1px 1px;
  background-size:5px 5px;
}

.lock{width:100%;height:100%;overflow:hidden;}
.blur{filter:blur(1px);-webkit-filter:blur(1px)}
.small-blur{filter:blur(0px);-webkit-filter:blur(0px);opacity:0.3}
.max-width{max-width:1220px /*1180px*/}
.none{display:none}
.blured{filter:blur(3px);opacity:0.3}

/*Body*/
.header{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  left:0;
  z-index:1005;
  box-shadow:0 1px 0 rgba(18,19,21,0.15), 0 2px 3px rgba(18,19,21,0.15);
  -webkit-box-shadow:0 1px 0 rgba(18,19,21,0.15), 0 2px 3px rgba(18,19,21,0.15);*/
}

.header::before{
 content:'';
 background-color:var(--dark-transparent-1);
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 z-index:-1;
 -webkit-backdrop-filter:blur(0.6rem);
 backdrop-filter:blur(0.6rem);
}

.header-wrap{
  margin:0 auto;
  width:100%;
  max-width:var(--header-max-width);
  position:relative;
  padding:.625rem 0;
  display:grid;
  grid-template-columns:1fr;
  justify-content:space-between;
}

.header .header-wrap .header-group{
  display: flex;
  align-items:center;
}

.header .header-wrap .header-group-first{
  margin-right:auto;
}

.header .header-wrap .header-group-second{
  margin-left:auto;
  display:none;
  column-gap:0.8rem;
}

.header .head-button{
  position:relative;
  display:flex;
  width:40px;
  height:40px;
  padding:0;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
  background-color:var(--dark-4);
}
.header .head-button:hover{
  background-color:#3c80d3;
}
.header .head-button svg {
  width:18px;
  height:18px;
  color:#e9faff;
  transition:all 120ms ease-in-out;
  -webkit-transition:all 120ms ease-in-out;
}
.header .head-button::before{
  content:attr(data-tip);
  width:max-content;
  position:absolute;
  background-color:rgba(4,4,4,0.4);
  padding:0.43rem 0.8rem;
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  text-transform:lowercase;
  letter-spacing:0.04rem;
  color:rgba(233,250,255,0.8);
  font-weight:300;
  top:50%;
  left:50%;
  transform:translate(-50%,20%);
  z-index:1;
  opacity:0;
  backdrop-filter:blur(0.6rem);
  visibility:hidden;
}
.header .head-button:hover::before{
  opacity:1;
  top:100%;
  visibility:visible;

}
.header .head-button.pos-rgt::before{
  left:0%;
  transform:translate(0%,30%) !important;
}

.header .head-button.pos-lft::before{
  left:0%;
  transform:translate(-65%,30%) !important;
}
.header .margin-r{
  margin-right:1vw;
}
.header .margin-l{
  margin-left:1vw;
}

.logo-wrapper{
  display:flex;
  height:40px;
  font-size:38px;
  font-weight:900;
  line-height:1;
  letter-spacing:0.05rem;
}

.logo-wrapper .logo{
  color:#feffff;
  padding:0 0.3rem;
  outline:none;
  background:url('/assets/img/3.webp') no-repeat 50% / cover;
  -webkit-background-clip:text;
  background-clip:text;
  color:#e9faff;
  color:transparent;
}

/*User Mini-Profile*/
.user-profile-avatar{
  font-size:24px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#dce3e9;
  position:relative;
  z-index:10;
  width:40px;
  height:40px;
  overflow:hidden;
  background:var(--avatar-image) no-repeat 50% / cover;
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  cursor:pointer;
}

.user-profile .user-profile-avatar::before {
  content:'';
  position:absolute;
  top: 0;
  left:-50px;
  width:100%;
  height:100%;
  background:rgba(255, 255, 255, 0.3);
  -webkit-transform:skewX(-30deg);
  transform:skewX(-30deg);
  -webkit-animation:shine 3.5s ease-in-out 15s infinite both;
  animation:shine 3.5s ease-in-out 15s infinite both;
} 

.account-menu{
  display:flex;
  flex-flow:column nowrap;
  gap:0.3rem;
  min-width:200px;
  padding:0.6rem;
  position:absolute;
  right:0;
  top:calc(100% + 5px);
  z-index:10;
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  background-color:var(--dark-2);
  border:1px solid var(--dark-3);
  filter:drop-shadow(0 0 27px rgba(0,0,0,.12));
}

.account-menu.hide{
  display:none;
}

.account-menu .account-card{
  display:flex;
  flex-flow:row;
  padding:0.4rem;
  gap:0.5rem;
  align-items:center;
  color:#dce3e9;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
}

.account-menu .account-card:hover{
  background-color:var(--dark-4);
}

.account-menu .account-menu-avatar{
  display:flex;
  width:20px;
  height:20px;
  overflow:hidden;
  background:#111821 no-repeat 50% / cover;
  border-radius:var(--border-radius-max);
  -webkit-border-radius:var(--border-radius-max);
}

.account-menu .account-card .account-menu-name{
  font-size:16px;
  font-weight:340;
  color:#dce3e9;
  padding-top:2px;
}

.account-menu ul{
 display:flex;
 flex-flow:column;
 row-gap:0.2rem;
 font-size:16px;
 font-weight:340;
}

.account-menu ul li{
  display:flex;
  flex-flow:row;
}

.account-menu ul li a{
  display:flex;
  width: 100%;
  padding:0.4rem;
  gap:0.5rem;
  align-items:center;
  color:#dce3e9;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
}

.account-menu ul li a:hover{
  background-color:var(--dark-4);
}

.account-menu ul li svg{
  width:16px;
  height:16px;
}

.account-menu ul li span{
  padding-top:2px;
}
/*---*/

.sidebar{
  display:grid;
  grid-template-rows:1fr auto;
  height:100%;
}

.side-footer{
  display:flex;
  padding:1rem;
  color:rgba(255,255,255,.2);
}

.sidebar .sidebar-wrapper{
  display:flex;
  overflow:hidden auto;
  scroll-behavior:smooth;
}

.sidebar .sidebar-wrapper .sidebar-content{
  display:flex;
  flex-flow:column wrap;
  gap:1px;
  width:100%;
}

.sidebar .sidebar-wrapper .sidebar-content .expanded{
  display:none 
}

.sidebar .sidebar-wrapper .sidebar-content .expanded.open{
  display:block
}

.sidebar .sidebar-wrapper .sidebar-content .sidebar-item.margin{
  margin-bottom:2rem;
}

.sidebar .sidebar-wrapper .sidebar-content .sidebar-item a{
  height:42px;
/*padding:0 15px;*/
border-radius:var(--border-radius-md);
-webkit-border-radius:var(--border-radius-md);
display:flex;
align-items:center;
transition:var(--transition-all);
-webkit-transition:var(--transition-all);
gap:12px;
}

/*.sidebar .sidebar-wrapper .sidebar-content .sidebar-item a:hover{
  background-color:var(--dark-3);
}*/

.sidebar .sidebar-wrapper .sidebar-content .sidebar-item svg{
  width:20px;
  height:20px;
  aspect-ratio:1 / 1;
  display:inline-block;
  color:#e9faff;
  transition:all 120ms ease-in-out;
  -webkit-transition:all 120ms ease-in-out;
}

.sidebar .sidebar-wrapper .sidebar-content .sidebar-item span{
  font-size:16px;
  color:#e9faff;
  letter-spacing:0.015rem;
}

/*.sidebar .sidebar-wrapper .sidebar-content .sidebar-item.active a{
background-color:var(--dark-2);
}

.sidebar .sidebar-wrapper .sidebar-content .sidebar-item.active svg{
color:#3c80d3;
}*/

.sidebar .sidebar-wrapper .sidebar-content .sidebar-item .img{
  width:22px;
  height:22px;
  background:#111821 no-repeat 50% / cover;
  border-radius: var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md);
}

.search-field-wrapper{
  display:flex;
  position:relative
}

.search-field-wrapper .search-field{
  display:none;
  align-items:center;
  justify-content:center;
  column-gap:12px;
  height:40px;
  width:100%;
  padding-left:12px;
  background-color: var(--dark-4);
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  position:relative;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
  box-shadow:0 0 0 0 var(--dark-4);
}

.search-field-wrapper .search-field:hover, .search-field-wrapper.is-active .search-field{
  background-color:var(--dark-0);
  box-shadow:0 0 0 5px var(--dark-4);
}

.search-field-wrapper .search-field svg{
  width:18px;
  height:18px;
  color:#8e9193;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all)
}

.search-field-wrapper.is-active .search-field svg{
  color:#3c80d3
}

.search-field-wrapper .search-field input[type="search"]:not(:disabled){
  font-size:15px;
  background-color:transparent;
  color:#fdfeff;
  display:flex;
  width:100%;
  height:40px;
  padding:0 15px 0 0;
  box-shadow:none;
  -webkit-box-shadow:none;
}

.search-field-wrapper .search-field input[type="search"]:not(:disabled):focus{}

.search-field-wrapper .result-wrapper{
  flex-flow:column;
  position:absolute;
  z-index:200;
  top:55px;
  max-height:30vh;
  width:100%;
  overflow-y:auto;
  scrollbar-color:var(--dark-0) var(--dark-3);
  scrollbar-width:thin;
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  background-color:var(--dark-0);
  box-shadow:0 0 0 1px var(--dark-4);
  display:none
}

.search-field-wrapper.is-active .result-wrapper{
  display:flex;
}

.search-field-wrapper .all-result, .search-field-wrapper .search-history{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:10px 6px;
  font-size:16px;
}

.search-field-wrapper .search-history::before{
  content:'Недавние запросы';
  padding:0 10px;
  display:flex;
  color:#52595c;
}

.search-field-wrapper .result-wrapper a{
  display: flex;
  align-items: center;
  gap:8px;
  color:#b2b9bd;
  padding:8px 10px;
  border-radius: var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md)
}

.search-field-wrapper .result-wrapper span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%
}

.search-field-wrapper .result-wrapper a:hover{
  background-color:var(--dark-4)
}

.search-field-wrapper .result-wrapper .no-result{
  margin:15px
}

.search-field-wrapper .result-wrapper svg{
  width:16px;
  height:16px;
  color:#5f5b5b;
} 

.search-field-wrapper .result-wrapper .looking{
  -webkit-animation:spin 0.5s linear infinite;
  animation:spin 0.5s linear infinite;
  border:2px solid #3c80d3;
  border-top-width:5px;
  border-top-style:solid;
  border-top-color:rgb(15,59,70);
  border-top:2px solid transparent;
  height:25px;
  width:25px;
  margin:14px auto;
  border-radius: var(--border-radius-max);
  -webkit-border-radius: var(--border-radius-max);
}

.search-field-wrapper .search-field::before{
  content:'ctrl + F';
  position:absolute;
  right:15px;
  top:13px;
  color:#44484a;
  text-transform:uppercase;
  font-size:12px;
}

.search-field-wrapper .search-field.active::before{
  visibility:hidden
}

/*Search*/
.search-wrapper{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:20;
  background-color:rgba(21,25,29,.9);
  background-color: rgba(22,27,29,0.6);
  -webkit-backdrop-filter:blur(0.6rem);
  backdrop-filter:blur(0.6rem);
  overflow-y:auto;
  scrollbar-color:#9decff #1b2228;
  scrollbar-width:thin;
  padding:1rem;
/*animation:fadeIn both 350ms;
-webkit-animation:fadeIn both 350ms*/
}

.search-wrapper > .search-body{
  max-width:750px;
  width:100%;
  position:relative;
  margin:4.75rem auto 2rem;
  overflow:hidden
}

.search-wrapper > .search-body > .search-input {
  color:rgba(255,255,255,1);
  background-color:transparent;
  font-size:1.08rem;
  padding:0.24rem 0;
  border-bottom:2px solid rgba(255,255,255,0.14);
  border-radius:0;
  -webkit-border-radius:0;
}

.search-wrapper > .search-body > .search-input:focus{
  background-color:inherit;
  box-shadow:none;
  -webkit-box-shadow:none;  
}

.search-wrapper > .search-body > .search-close {
  position:absolute;
  width:40px;
  height:40px;
  top:8px;
  right:0px;
  z-index:5;
  background-color:rgba(43,50,56,0.4);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
}

.search-wrapper > .search-body > .search-close svg{
  color:#ddd;
  width:18px;
  height:18px;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
}

.search-wrapper > .search-body > .search-close:hover{
  background-color:#e52b50
}

.search-wrapper > .search-body > .search-close:hover svg{
  color:#fff
}

.search-wrapper > .search-body.process{
  position:relative
}

.search-wrapper > .search-body.process::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:5;
  width:100%;
  height:2px
}

.search-wrapper > .search-body.process::after{
  content:'';
  position:absolute;
  left:-10%;
  bottom:0;
  z-index:10;
  width:10%;
  height:2px;
  background-color:#349df3;
  background-color:#ffb700;
  background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size:400% 400%;
  animation:search-line 2s linear 0s infinite;
  -webkit-animation:search-line 2s linear 0s infinite;
}

.search-result-wrapper{
  will-change:top
}

.search-result-wrapper > .search-result-body{
  max-width:750px;
  width:100%;
  height:100%;
  margin:0 auto;
}

.search-result-wrapper > .search-result-body > div {
  display:block
}

.search-result-wrapper > .search-result-body > div.hubs{
  display:block;
  margin-bottom:1rem
}

.search-result-wrapper > .search-result-body > div.hubs > a {
  display:inline-block;
  border-bottom:1px dashed rgba(255,255,255,.4);
  margin:0 .5rem .5rem 0;
  color:#f0f8ff;
}

.search-result-wrapper > .search-result-body > div.hubs > a:hover {
  color:#349df3;
  color:#ffb700;
}


.search-result-wrapper > .search-result-body > div.search-result > a{
  display:block;
  border-bottom:1px solid rgba(255,255,255,.4);
  margin-bottom:1rem;
  padding-bottom:1rem
}

.search-result-wrapper > .search-result-body > div > a > .title{
  font-size:19px;
  font-weight:500;
  line-height:1.25;
  color:rgba(255,255,255,1);
  overflow-wrap:break-word;
  word-wrap:break-word;
  margin:.5rem 0
}

.search-result-wrapper > .search-result-body > div > a > .descr{
  font-size:14px;
  font-weight:300;
  line-height:1.7;
  color:rgba(255,255,255,.75);
  overflow-wrap:break-word;
  word-wrap:break-word
}

.search-result-wrapper > .search-result-body > div.search-result > a:hover .title{
  color:#349df3
}

@keyframes 'process'{
  0%{
    left:-100px
  }
  25%{
    left:100%
  }
  50%{
    left:-100px
  }
  75%{
    left:100%
  }
  100%{
    left:-100px
  }
}
@-webkit-keyframes 'process'{
  0%{
    left:-100px
  }
  25%{
    left:100%
  }
  50%{
    left:-100px
  }
  75%{
    left:100%
  }
  100%{
    left:-100px
  }
}
/*--*/
/* Виджет на главной */
.widget-wrapper{
  display:flex;
  flex-flow:column nowrap;
  background-color:var(--dark-2);
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);
  margin:0 0 1rem;
}

.widget-home-name{
  font-size:18px;
  font-weight:365;
  color:#e9faff;
  color:#faebd7;
  padding:1.4rem 2.225rem 0;
}

.widget-home{
  display:flex;
  flex-flow:column nowrap;
  padding:1.4rem;
  row-gap:10px;
}

.widget-home li {
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 .825rem;
}

.widget-home .widget-home-time{
  display:inline-block;
  font-size:12px;
  font-weight:200;
  color:#848484;
  text-align:left;
  flex:0 0 35px;
  padding-top:3px;
}

.widget-home .widget-home-title{
  font-weight:400;
  font-size:17px;
  text-overflow:ellipsis;
  overflow:hidden;
  height:19px;
  white-space:nowrap;
}

.widget-home .widget-home-title a{
  color:#cbcbcb; 
}

.widget-home .widget-home-title a:hover{
  color:#e5c41d;
  text-decoration-line:underline;
}
/*--*/
/*Comments*/
.comments{
  width:100%;
  
}

.comments .comments-body{
  width:100%;
  min-height:300px;
  max-width:1040px;
  margin:0 auto;
  position:relative;
  box-shadow:inset 0 2px 2px -2px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 2px 2px -2px rgba(0,0,0,0.1);
}

.comments .comments-body .comments-header{
  margin-bottom:20px;
  padding:20px 7vw;
  display:block;
  box-shadow:0 1px 0px 0px rgba(0, 0, 0, 0.04);
  -webkit-box-shadow:0 1px 0px 0px rgba(0, 0, 0, 0.04);
  font:600 1.1rem/1 'Brutal','Fira Sans','Helvetica Neue', Helvetica,Arial, sans-serif; 
}

/**/

/*exposer*/
.exposer{
  display:none;
  background-color:rgba(250,250,250,.9);
  position:-webkit-sticky;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:4001;
}
.exposer-lock{
  overflow:hidden;
  width:100%;
  height:100%;
  padding-right:17px;
}
.exposer-head{
  display:flex;
  position:relative;
  z-index:3;
  align-items: center;
  justify-content: space-between;
  /*background:linear-gradient(180deg, rgba(21,25,29,1) 0%, rgba(21,25,29,0) 100%);*/
  padding:.5rem max(1.25rem,env(safe-area-inset-left));
  backdrop-filter:blur(0.6rem);
}

.exposer .exposer-head .exposer-buttons{
  display:flex;
  flex-flow: row nowrap;
}

.exposer .exposer-head .exposer-buttons a {
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  padding:10px;
  margin-left:5px;
  color:#f0f8ff;
  border-radius:var(--border-radius-max);
  -webkit-border-radius:var(--border-radius-max);
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
}

.exposer .exposer-head .exposer-buttons a:hover{
 background-color:rgba(89, 187, 226, 0.05);
 color:#fff;
}

.exposer .exposer-head .exposer-buttons svg{
  width:16px;
  height:16px;
}

.exposer .container{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  overflow:hidden;
  z-index:1;
  padding:3.25rem 0;
  touch-action: none;
}

.exposer .container .image{
  max-width:95vw;
  max-height:calc(100vh - 80px);
  object-fit:cover;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
  filter:drop-shadow(0 0 27px rgba(0,0,0,.12));
/*animation:exposerFade both 350ms;*/
}

.exposer .exposer-navigation{
  position:absolute;
  top:4rem;
  bottom:0;
  width:10vw;
  z-index:30;
  display:none;
  padding:8px;
  color:#f0f8ff;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
}

.exposer .exposer-navigation svg{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:45px;
  height:45px;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
  /*backdrop-filter:blur(0.6rem);
  padding:0.6rem;
  background-color:rgba(89, 187, 226, 0.09);
  border-radius:var(--border-radius-md);
  -webkit-border-radius:var(--border-radius-md);*/
  opacity:0;
}

.exposer .exposer-navigation.next{
  right:0
}

.exposer .exposer-navigation.prev{
  left:0
}

.exposer .exposer-navigation.next svg{
  right:40px;
  transform:rotate(180deg)
}

.exposer .exposer-navigation.prev svg{
  left:40px;
  transform:translateY(-50%)
}

.exposer .exposer-navigation:hover svg{
  opacity:1;
}

.exposer .preloader {
  -webkit-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite;
  border:5px solid rgb(15,59,70);
  border-top:5px solid rgb(157,236,255);
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  height:35px;
  width:35px;
  border-radius:50%;
  -webkit-border-radius:50%;
}
.exposer.black{
  background-color:rgba(26,26,26,.9);
  background-color:rgba(21,25,29,.9);
  backdrop-filter:blur(0.6rem);
}
.exposer.black svg{
  fill:#ccc;
}
/*--*/
/*--reactions--*/
.reactions{
  display:flex;
  flex-flow:row wrap;
  min-height:30px;
  gap:8px;
}

.reactions li{
  display:flex;
  align-items:center;
  line-height:20px;
  min-width:36px;
  background-color:var(--dark-4);
  padding:5px 8px;
  border-radius:var(--border-radius-max);
  column-gap:5px;
  cursor:pointer;
}

.reactions li.my-reaction{
  background-color:#3c80d3;
  color:#fff;
}

.reactions li.clicked{
 transform: scale(1.2);
 transition: transform 0.2s ease;
}

.reactions li:hover {
  filter: brightness(1.2);
}

.reactions li.reaction-button{
  position:relative;
  z-index:10;
}

.reactions li.reaction-preload{
  width:40px;
  height:30px;
  position:relative;
  overflow:hidden;
}

.reactions li.reaction-preload::before {
  content:'';
  top:0;
  transform:translateX(100%);
  width:100%;
  height:220px;
  position: absolute;
  z-index:1;
  animation: slide 1s infinite;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); 
}

.reactions li.active{
  background-color:#3c80d3;
}

.reactions li .reaction-view{
  width:20px;
  height:20px;
  border-radius: var(--border-radius-max);
  -webkit-border-radius: var(--border-radius-max);
}

.reactions li .reaction-count{
  font-size:15px;
  font-weight:400;
}

.reactions-list{
  display: flex;
  flex-flow: row wrap;
  gap:6px;
  align-items: baseline;
  justify-content: center;
  position: absolute;
  z-index:5px;
  width:230px;
  max-height:140px;
  padding:6px;
  overflow-y:auto;
  scrollbar-color: var(--dark-0) var(--dark-3);
  scrollbar-width: thin;
  border-radius: var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md);
  background-color: var(--dark-1);
  box-shadow: 0 0 0 1px var(--dark-4);
  filter:drop-shadow(0 0 27px rgba(0,0,0,.12));
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
}

.reactions-list.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.reactions-list div{
  display: flex;
  cursor: pointer;
  padding:4px;
  border-radius: var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md);
}

.reactions-list div:hover{
  background-color:var(--dark-3);
}

.reactions-list div img{
  width:28px;
  height:28px;
  border-radius: var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md);
}

/*--*/

/*--Disput--*/
.disput{
  display:flex;
  flex-flow:row nowrap;
  position:relative;
  column-gap:6px;
  -webkit-border-radius: var(--border-radius-str);
  border-radius: var(--border-radius-str);
  overflow: hidden;
}
.disput::before{
  content:attr(data-tip);
  position:absolute;
  z-index:5;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:#202b35;
  display:flex;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  font-size:18px;
  color:#b8bbbd;
  font-weight:700;
  text-transform:uppercase;
  -webkit-border-radius:5rem;
  border-radius:5rem;
}
.disput .disput-item{
  display:flex;
  align-items:center;
  justify-content:space-around;
  width:100%;
  height:140px;
  background-color:#a52a2a;
  -webkit-transition:var(--transition-all);
  transition:var(--transition-all);
}
.disput .disput-item.voted{
  cursor:pointer;  
}
.disput .disput-item.second{
  background-color:#008080;
}
.disput .disput-item div{
  font-size:20px;
  font-weight:400;
  color:#fff;
  user-select:none
}
.disput .disput-item .dispute-percent{
  font-size:40px;
  font-weight:600;
}
/*--*/
/*--keycaps--*/
.keycaps{
  cursor:pointer;
  display:flex;
  font-family:var(--font-main);
  font-size:.8em;
  font-weight:400;
  width:30px;
  height:30px;
  background-color:var(--dark-2);
  box-shadow:0 0 0 1px rgba(0, 0, 0, 0.13), 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.13), 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  border-radius:var(--border-radius-lw);
  -webkit-border-radius:var(--border-radius-lw);
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
  color:rgba(233,250,255,.35);
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all)
}
/*--*/
/* Переключатели страниц */
.pagesBlockuz1{
  display:flex;
  align-items:center;
  column-gap:12px;
  justify-content:center;
  max-width:100%;
}

.pagesBlockuz1 .swchItemA, .pagesBlockuz1 .swchItem{
  display:flex;
  align-items:center;
  background-color:var(--dark-2);
  border-radius:var(--border-radius-lw);
  color:var(--main-color);
  font-size:16px;
  font-weight:325;
  height:32px;
  justify-content: center;
  line-height:28px;
  min-width:32px;
  padding:2px 10px;
  transition:var(--transition-all);
  -webkit-transition:var(--transition-all);
}

.pagesBlockuz1 .swchItemA{
  background-color:#334e64;
  color:#fff;
}

.pagesBlockuz1 .swchItem:hover{
  background-color:#334e64;
  color:rgba(255,255,255,.9);
}
/*--*/

/* Добавление комментариев */
.comments-form{
  display: flex;
  flex-flow: column nowrap;
  background-color: var(--dark-3);
  box-shadow:0 0 0 1px var(--dark-4);
  border-radius: var(--border-radius-md);
  -webkit-border-radius: var(--border-radius-md);
  padding:12px;
  transition: var(--transition-all);
  -webkit-transition: var(--transition-all);
}

.comments-form:hover{
  cursor:text;
  background-color: var(--dark-0);
  box-shadow:0 0 0 5px var(--dark-4);
}

.comments-form-content{
  font-size:18px;
  font-weight:360;
}

.comments-form-content span{
  min-height:26px;
  outline:0;
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:100%;
}

.comments-form-content span:empty::before {
  content:attr(data-placeholder);
  color:#999;
  position:absolute;
}

.comments-form-footer{
  display:flex;
  align-items:center;
  justify-content:end;
  height:31px;
  column-gap:15px;
}

/* Общие стили для селекта */
.custom-select {
  position: relative;
  display: inline-block;
}

.custom-select__trigger {
  display: block;
  padding: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.custom-select__options {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  z-index: 10;
  width: 100%;
}

/* Светлая тема */
.custom-select.light .custom-select__trigger {
  background-color: #f0f0f0;
}

.custom-select.light .custom-select__option {
  background-color: #fff;
  color: #000;
}

/* Темная тема */
.custom-select.dark .custom-select__trigger {
  background-color: #333;
  color: #fff;
}

.custom-select.dark .custom-select__option {
  background-color: #444;
  color: #fff;
}

.custom-select__option {
  padding: 10px;
  cursor: pointer;
}

.custom-select__option:hover {
  background-color: #e0e0e0;
}

.custom-select__option.selected {
  background-color: #d0e0d0;
}


/* Effects */
.test-animation{
  animation:typing infinite 750ms;
  -webkit-animation:typing infinite 750ms;
}

.test-animation-2{
  animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) infinite;
  -webkit-animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) infinite;
}

.test-animation-3:hover{
  animation:refresh 1s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-animation:refresh 1s cubic-bezier(.36,.07,.19,.97) both;
}

.test-animation-4{
  animation:ring 0.42s infinite;
  -webkit-animation:ring 0.42s infinite;
}

@keyframes slide {
  0% {transform:translateX(-100%);}
  100% {transform:translateX(100%);}
}

@font-face{
	font-display:swap;
	font-family:Brutal;
	font-weight:300;
	src:local("Brutal Light"),local("Brutal-Light"),url(/assets/fonts/Brutal-Light.woff2) format("woff2")
}
@font-face{
	font-display:swap;
	font-family:Brutal;
	font-weight:400;
	src:local("Brutal Regular"),local("Brutal-Regular"),url(/assets/fonts/Brutal-Regular.woff2) format("woff2")
}
@font-face{
	font-display:swap;
	font-family:Brutal;
	font-weight:500;src:local("Brutal Medium"),local("Brutal-Medium"),url(/assets/fonts/Brutal-Medium.woff2) format("woff2")
}
@font-face{
	font-display:swap;
	font-family:Brutal;
	font-weight:700;src:local("Brutal Bold"),local("Brutal-Bold"),url(/assets/fonts/Brutal-Bold.woff2) format("woff2")
}

@font-face {
	font-family:'GolosText';
	src:url('/assets/fonts/Golos-Text_Black.woff2') format('woff2'),url('/assets/fonts/Golos-Text_Black.woff') format('woff');
	font-weight:800;
}

@font-face {
	font-family:'GolosText';
	src:url('/assets/fonts/Golos-Text_Bold.woff2') format('woff2'),url('/assets/fonts/Golos-Text_Bold.woff') format('woff');
	font-weight:700;
}

@font-face {
	font-family:'GolosText';
	src:url('/assets/fonts/Golos-Text_DemiBold.woff2') format('woff2'),url('/assets/fonts/Golos-Text_DemiBold.woff') format('woff');
	font-weight:600;
}

@font-face {
	font-family:'GolosText';
	src:url('/assets/fonts/Golos-Text_Medium.woff2') format('woff2'),url('/assets/fonts/Golos-Text_Medium.woff') format('woff');
	font-weight:500;
}

@font-face {
	font-family:'GolosText';
	src:url('/assets/fonts/Golos-Text_Regular.woff2') format('woff2'),url('/assets/fonts/Golos-Text_Regular.woff') format('woff');
	font-weight:400;
}