.search{margin-top:30px}.search__head{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.search__filter{align-items:center;margin:20px 0;display:flex}.search__tags{flex:auto;padding-right:40px;display:flex;overflow-y:auto}.search__tags::-webkit-scrollbar{width:6px;height:6px}.search__tags::-webkit-scrollbar-track{background:#333}.search__tags::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.search__tags::-webkit-scrollbar-thumb:hover{background:#777}.search__tags-list{align-items:center;margin:0;padding:10px 0;list-style:none;display:flex}.search__tags-list li{background:var(--color-block-background);border-radius:var(--border-radius);cursor:pointer;flex:none;min-height:40px;margin-right:10px;padding:13px 20px;font-size:14px;line-height:1;transition:background .25s ease-in-out;position:relative}.search__tags-list li:after{content:"";z-index:1;background:var(--color-gradient-blue-90);border-radius:var(--border-radius);opacity:0;pointer-events:none;-webkit-mask-composite:xor;padding:1px;transition:opacity .25s ease-in-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.search__tags-list li._active,.search__tags-list li:hover{background:var(--color-background)}.search__tags-list li._active:after,.search__tags-list li:hover:after{opacity:1}.search__sort{flex:none}.search__mobile-input,.search__md-input{display:none}@media only screen and (max-width:1440px){.search__tags-list li{min-height:30px;margin-right:5px;padding:10px 15px;font-size:12px}}@media only screen and (max-width:768px){.search__title{display:none}.search__md-input{flex:none;position:absolute;top:30px}.search__mobile-input,.search__md-input{width:100%;margin-bottom:28px;display:flex}.search__mobile-input input,.search__md-input input{border-radius:30px;min-height:60px;padding:20px 25px 20px 65px;font-size:16px}.search__mobile-input .svg-icon,.search__md-input .svg-icon{font-size:20px;left:30px}}
