.button,.filter,.header .container,.logo,.search,body{display:flex}.link,a:hover{color:#036ad0}*,body,h1,html{padding:0}.items,h1{margin:20px 0}*,body,h2,h3,html,p:first-of-type{margin:0}.button,.item{position:relative}*{font-family:Roboto,Arial,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}body,html{width:100%;font-weight:400;color:#000;line-height:1.5;font-size:18px;min-width:360px}body{flex-direction:column;flex-shrink:0;align-items:center;background:#f7f7f7;min-height:100vh}::selection{background:#dedede}::-moz-selection{background:#dedede}.button,.filter>div,.search button{background:#f7f7f7}a{color:#000;text-decoration:none}svg:not([width]){width:20px;height:20px}h1{line-height:1.3em;font-size:2em;width:100%}.button,.button1{padding:5px 15px}.search_page h1{margin-top:0}p{margin:15px 0 0;line-height:25px;min-height:5px}.mainpage{flex:1;width:100%}.search_page{flex:1}.search_page .container>h2{margin:20px 0 10px}.button{border-radius:4px;color:#000;font-weight:500;gap:5px;align-items:center;cursor:pointer}.header .container,.main_text{justify-content:space-between}.button:hover{transform:scale(1.02)}.button a{color:#fff}.button1{background:#dedede;border-radius:4px}.container{width:900px;margin:0 auto}.header{background:#fff;width:100%;padding:20px 0}.header .container{flex-wrap:wrap;gap:20px}.logo{gap:15px;align-items:center;font-weight:700;font-size:1.5em;flex:1}.footer__logo,.nav{font-size:1.2em;gap:10px}.logo svg{width:40px;height:40px}.search{height:60px;width:100%;border:2px solid #c4c4c4;overflow:hidden;border-radius:4px;box-shadow:0 0 0 6px #f7f7f7,0 0 0 12px #fbfbfb}.search input{padding:10px 20px;font-size:1.2em;flex:1;border:0}.search input::placeholder{color:#bbb}.search button{height:100%;border:0;padding:0 15px 0 20px;cursor:pointer}.search button svg{fill:#4b4b4b}.filter{gap:20px;width:100%}.breadcrumbs .container,.filter>div{gap:10px;display:flex}.filter>div{width:50%;align-items:center;border-radius:4px;padding:10px 20px;cursor:pointer;border:1px solid #cfcfcf}.filter>div:hover svg{transform:scale(1.05)}.filter svg{background:#000;padding:5px;width:25px;height:25px;border-radius:4px;fill:#fff}.filter>div.filter__noactive{background:#fff}.filter>div.filter__noactive svg{background:#fff;border:1px solid #000}.breadcrumbs{padding:20px 0;width:100%}.breadcrumbs a{font-weight:500;color:#8a8a8a}.breadcrumbs svg{width:15px;height:15px}.breadcrumbs .container>div{display:flex;gap:3px;align-items:center;background:#fff;padding:3px 10px;border-radius:4px}.item,.items{display:flex;gap:20px}.item,.item img{border-radius:20px}.items{flex-wrap:wrap}.item{background:#fff;flex:1 1 50%;padding:20px;max-width:calc(50% - 10px);box-shadow:0 0 13px -6px rgba(34,60,80,.2)}.item__content{max-width:calc(100% - 100px)}.item img{object-fit:cover}.item h2{line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}.item__artist{margin-top:5px}.item a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.item__logo{width:100px;height:100px;flex:0 0 100px;position:relative;display:flex;justify-content:center;align-items:center}.item__logo_small img{width:80px;height:80px}.vs{overflow-x:auto;scroll-snap-type:x mandatory;white-space:nowrap}.vs::-webkit-scrollbar{display:none}.footer{width:100%;background:#e7e7e7;padding-top:20px}.footer .container{display:flex;flex-wrap:wrap;align-items:center}.footer__logo{display:flex;flex:0 0 140px;align-items:flex-start;cursor:default}.footer__desc svg{position:relative;top:2px;margin-right:5px}.footer__logo svg{width:30px;height:30px}.footer__links{flex:0 0 100%;display:flex;flex-wrap:wrap;margin:20px 0}.footer__links a{text-decoration:underline;display:flex;gap:5px;align-items:center}.footer__links>div{flex:1 1 33%;display:flex;flex-direction:column}.main_text-aa,.nav{flex:0 0 100%;display:flex}.footer__links svg{width:15px;height:15px}.nav{line-height:1;margin:40px 0;flex-wrap:wrap;max-width:100%}.nav>a,.nav>span{background:#000;border-radius:4px;padding:7px 15px;color:#fff}.text,.text_desc{padding:20px;border-radius:4px}.nav>a:hover{transform:scale(1.05)}.nav>span{opacity:.4}.share{display:flex;gap:20px;margin-top:40px}.share svg{width:40px;height:40px}.share__button{display:flex;border-radius:4px;cursor:pointer}.share__button:hover{transform:scale(1.05)}.vk{background:#07f}.ok{background:#ff7701}.wa{background:#66bc54}.vb{background:#7b519e}.tw{background:#0f141a}.tg{background:#64a9dc}.ml{background:#178de3}.panel,.text{background:#fff}.text{margin-bottom:40px;width:100%;box-shadow:0 0 13px -6px rgba(34,60,80,.2)}.text h2,.text h3{margin-top:20px}.text_desc{margin:40px 0;background:#fcfbfb;font-size:.9em;color:#757575}.main_text{display:flex;gap:40px;flex-wrap:wrap}.main_text-slova{font-size:1.1em;flex:1 1 50%}.main_text-img img{border-radius:4px}.main_text-aa{gap:20px;line-height:25px;font-size:1.5em}.main_text-aa>div{display:flex;gap:5px;align-items:center;border-radius:4px;border:1px solid #000;cursor:pointer;padding:5px 10px}.item__panel,.panel{gap:15px;display:flex}.main_text-aa>div.aa__plus{border:2px solid #000}.main_text-aa>div.aa__minus{font-size:.8em}.main_text-aa>div:hover{box-shadow:0 0 0 1px #000}.link{text-decoration:underline}.text ul{list-style-type:none;margin:10px 0}.text ul svg{width:15px;height:15px;margin-right:5px}.item__panel{padding:5px 0;margin-top:10px;z-index:4;position:relative;font-size:.9em;align-items:center}.item__panel svg{width:25px;height:25px}.item__panel>span{height:15px}.panel{padding:10px 20px;position:sticky;top:0;box-shadow:0 5px 5px -5px rgba(0,0,0,.3);z-index:9}.panel svg{width:25px;height:25px;flex:0 0 25px}.item__panel>div,.panel>div{display:flex;gap:5px;align-items:center;cursor:pointer;position:relative}.item__panel>span,.panel>span{background:#dedede;width:1px}.panel__favirote svg{fill:none}.heart_fill{fill:#fae7e7!important;width:25px!important;height:25px!important;stroke:#000}.panel__favorite svg,.panel__like svg{fill:none;stroke:#000}.panel__active.panel__like svg{fill:#49b23b29;stroke:green}.panel__active.panel__like span{color:green}.panel__active.panel__favorite svg{fill:#e30000;stroke:#e30000}.panel__active.panel__favorite span{color:#e30000}.fav__count{position:absolute;top:-15px;right:5px;color:red}.panel__active:after,.panel__active:before{position:absolute;content:"";display:block;width:100px;height:30px;right:-40px;z-index:-1000;transition:all ease-in-out .5s;background-repeat:no-repeat}.outlinks,.outlinks a{display:flex;gap:10px}.panel__active:before{top:-50%;background-image:radial-gradient(circle,green 20%,transparent 20%),radial-gradient(circle,transparent 20%,green 20%,transparent 30%),radial-gradient(circle,green 20%,transparent 20%),radial-gradient(circle,green 20%,transparent 20%),radial-gradient(circle,transparent 10%,green 15%,transparent 20%),radial-gradient(circle,green 20%,transparent 20%),radial-gradient(circle,green 20%,transparent 20%),radial-gradient(circle,green 20%,transparent 20%),radial-gradient(circle,green 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;animation:topBubbles ease-in-out .75s forwards}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}.panel__favorite.panel__active:before{background-image:radial-gradient(circle,red 20%,transparent 20%),radial-gradient(circle,transparent 20%,red 20%,transparent 30%),radial-gradient(circle,red 20%,transparent 20%),radial-gradient(circle,red 20%,transparent 20%),radial-gradient(circle,transparent 10%,red 15%,transparent 20%),radial-gradient(circle,red 20%,transparent 20%),radial-gradient(circle,red 20%,transparent 20%),radial-gradient(circle,red 20%,transparent 20%),radial-gradient(circle,red 20%,transparent 20%)}.outlinks{flex-direction:column;width:100%}.outlinks a{align-items:center}.outlink a svg{flex:0 0 30px}@media only screen and (max-width:1024px){.container{width:800px}}@media only screen and (max-width:900px){.item h2,.item__artist{line-height:20px}.container{width:640px}.main_text{flex-direction:column}h1{font-size:1.7em}.logo{font-size:1.3em}.item{align-items:center}.item h2{font-size:1.2em}.item a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.panel>div span{display:none!important}.panel>div.panel__nohide span{display:block!important;position:absolute;top:-25px;right:-20px;font-size:.9em;font-weight:500}.panel__hide{display:none!important}.share{gap:10px}}@media only screen and (max-width:680px){.container{width:100%;padding:0 20px}.text_desc{margin:20px -20px;width:calc(100% + 40px)}.main_text,.panel{margin:0 -20px;width:calc(100% + 40px)}.items{flex-direction:column;margin:20px -20px;gap:10px;border-radius:4px}.item{max-width:100%;border-radius:10px}.share{gap:5px;flex:0 0 100%}.header a span,.logo svg{display:none}h1{font-size:1.5em}}