/* muzfrog: Font Awesome 6.4.2 (только используемые иконки, 64 шт.; шрифты solid/brands урезаны до них) + Roboto (свой хост) + app.css — 12.10.2026.
   Новая иконка в шаблоне не появится, пока её нет здесь: пересобрать (docs: ~/Music/DOCUMENTATION.md, PageSpeed). */
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-trash-can:before{content:"\f2ed"}.fa-message:before{content:"\f27a"}.fa-right-from-bracket:before{content:"\f2f5"}.fa-forward-step:before{content:"\f051"}.fa-angles-down:before{content:"\f103"}.fa-backward:before{content:"\f04a"}.fa-bars:before{content:"\f0c9"}.fa-headphones-simple:before{content:"\f58f"}.fa-volume-low:before{content:"\f027"}.fa-share-nodes:before{content:"\f1e0"}.fa-angle-right:before{content:"\f105"}.fa-bookmark:before{content:"\f02e"}.fa-user:before{content:"\f007"}.fa-ban:before{content:"\f05e"}.fa-repeat:before{content:"\f363"}.fa-shuffle:before{content:"\f074"}.fa-right-to-bracket:before{content:"\f2f6"}.fa-fire:before{content:"\f06d"}.fa-circle-play:before{content:"\f144"}.fa-circle-check:before{content:"\f058"}.fa-pause:before{content:"\f04c"}.fa-heart:before{content:"\f004"}.fa-volume-high:before{content:"\f028"}.fa-file-audio:before{content:"\f1c7"}.fa-circle-question:before{content:"\f059"}.fa-eye:before{content:"\f06e"}.fa-pen:before{content:"\f304"}.fa-align-left:before{content:"\f036"}.fa-envelope:before{content:"\f0e0"}.fa-arrow-down-1-9:before{content:"\f162"}.fa-clock:before{content:"\f017"}.fa-backward-step:before{content:"\f048"}.fa-sliders:before{content:"\f1de"}.fa-images:before{content:"\f302"}.fa-download:before{content:"\f019"}.fa-forward:before{content:"\f04e"}.fa-home:before,.fa-house:before{content:"\f015"}.fa-angle-down:before{content:"\f107"}.fa-arrow-down:before{content:"\f063"}.fa-link:before{content:"\f0c1"}.fa-play:before{content:"\f04b"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-chevron-down:before{content:"\f078"}.fa-list-ul:before{content:"\f0ca"}.fa-ranking-star:before{content:"\e561"}.fa-arrow-up:before{content:"\f062"}.fa-copy:before{content:"\f0c5"}.fa-volume-xmark:before{content:"\f6a9"}.fa-plus:before{content:"\2b"}.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-chevron-right:before{content:"\f054"}.fa-spinner:before{content:"\f110"}.fa-arrow-up-short-wide:before{content:"\f885"}.fa-music:before{content:"\f001"}.fa-user-plus:before{content:"\f234"}.fa-check:before{content:"\f00c"}.fa-triangle-exclamation:before{content:"\f071"}.fa-paper-plane:before{content:"\f1d8"}.fa-circle-xmark:before{content:"\f057"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/v1/fa/fa-brands-400-s1.woff2) format("woff2")}.fa-brands,.fab{font-weight:400}.fa-vk:before{content:"\f189"}.fa-facebook-f:before{content:"\f39e"}.fa-x-twitter:before{content:"\e61b"}.fa-whatsapp:before{content:"\f232"}.fa-telegram:before{content:"\f2c6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/v1/fa/fa-regular-400.woff2) format("woff2")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/v1/fa/fa-solid-900-s1.woff2) format("woff2")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(/assets/v1/fa/fa-brands-400-s1.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(/assets/v1/fa/fa-solid-900-s1.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(/assets/v1/fa/fa-regular-400.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/v1/fa/fa-solid-900-s1.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/v1/fa/fa-brands-400-s1.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/v1/fa/fa-regular-400.woff2) format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(/assets/v1/fa/fa-v4compatibility.woff2) format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-i-cyrillicext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-i-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-i-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-i-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/v1/roboto-n-cyrillicext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/v1/roboto-n-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/v1/roboto-n-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/v1/roboto-n-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-n-cyrillicext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-n-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-n-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/v1/roboto-n-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/v1/roboto-n-cyrillicext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/v1/roboto-n-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/v1/roboto-n-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/v1/roboto-n-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/v1/roboto-n-cyrillicext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/v1/roboto-n-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/v1/roboto-n-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/v1/roboto-n-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/v1/roboto-n-cyrillicext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/v1/roboto-n-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/v1/roboto-n-latinext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(/assets/v1/roboto-n-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
*{padding:0px;margin:0px;box-sizing:border-box;list-style:none;text-decoration:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,select,button{font-family:"Roboto",sans-serif;font-size:16px;font-weight:400}body{font-family:"Roboto",sans-serif;font-size:16px;line-height:1.5;color:#111;background:#f9f9f8}strong{font-weight:700}p{margin-bottom:15px}a{color:#111;transition:color .3s ease}a:hover{color:#226752}.hidden{display:none}::-webkit-scrollbar{width:8px}@media(max-width: 600px){::-webkit-scrollbar{width:3px}}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:8px;transition:all .3s ease}@media(max-width: 600px){::-webkit-scrollbar-thumb{border-radius:3px}}::-webkit-scrollbar-thumb:hover{background:#cbcbcb}.button-fav{padding:15px;border-radius:8px;border:1px solid #d9d9d8;background:rgba(0,0,0,0);transition:all .3s ease;display:flex;align-items:center;gap:10px}@media(max-width: 600px){.button-fav span{display:none}}.button-fav:hover{border:1px solid #5efb8c;background:#82eda1;color:#226752}.button-fav:hover i{color:#226752}.button-fav i{color:#82eda1;transition:all .3s ease}.button-nav{padding:15px;border-radius:8px;border:1px solid #5efb8c;background:#82eda1;transition:all .3s ease;display:none;align-items:center;gap:10px}@media(max-width: 600px){.button-nav{display:flex}.button-nav span{display:none}}.button-nav i{color:#226752;transition:all .3s ease}.button-hero{width:max-content;padding:15px;border-radius:8px;border:1px solid #5efb8c;background:#82eda1;transition:all .3s ease;display:flex;align-items:center;gap:10px}.button-hero:hover{background:#5efb8c}.button-play{padding:15px;border-radius:8px;border:1px solid #5efb8c;background:#82eda1;transition:all .3s ease;display:flex;align-items:center;gap:10px}.button-play:hover{background:#5efb8c}.button-download{padding:15px;border-radius:8px;border:1px solid #5efb8c;background:#82eda1;transition:all .3s ease;display:flex;align-items:center;gap:10px;flex-grow:1;justify-content:center}@media(max-width: 600px){.button-download{justify-content:flex-start}}.button-download:hover{background:#5efb8c}.button-download small{background:#b2ffc8;font-size:12px;padding:3px 8px;border-radius:20px}.button-fav-add{padding:15px;border-radius:8px;border:1px solid #5efb8c;background:#82eda1;transition:all .3s ease;display:flex;align-items:center;gap:10px}.button-fav-add:hover{background:#5efb8c}.button-all{padding:10px 15px;display:flex;align-items:center;gap:10px;border-radius:35px;border:1px solid #d9d9d8;color:#226752;transition:all .3s ease}.button-all:hover{border:1px solid #5efb8c;background:#82eda1;color:#226752}.button-all:hover i{color:#226752;opacity:1}.button-all i{opacity:.5;transition:all .3s ease}.button-contact{padding:10px 15px;display:flex;align-items:center;gap:10px;border-radius:35px;border:1px solid #d9d9d8;color:#226752;transition:all .3s ease}@media(max-width: 600px){.button-contact{font-size:14px;padding:8px 10px}}.button-contact:hover{border:1px solid #5efb8c;background:#82eda1;color:#226752}.button-contact:hover i{color:#226752;opacity:1}.button-contact i{opacity:.5;transition:all .3s ease}.button-reset{width:max-content;padding:10px 20px;border-radius:8px;border:1px solid #d9d9d8;color:#226752;background:rgba(0,0,0,0);transition:all .3s ease;display:flex;align-items:center;gap:10px}.button-reset:hover{background:#effff4;border:1px solid #5efb8c}.button-send{width:max-content;padding:10px 20px;border-radius:8px;border:1px solid #5efb8c;background:#82eda1;transition:all .3s ease;display:flex;align-items:center;gap:10px}.button-send:hover{background:#5efb8c}.alert{margin:0 10px;width:calc(100% - 20px);max-width:1200px;display:flex;align-items:center;gap:10px;padding:20px;border-radius:10px;background:#f3f8f4;border:1px solid #dcf6e3;font-weight:300;font-size:18px}@media(max-width: 600px){.alert{margin:0 5px;width:calc(100% - 10px);padding:10px;font-size:16px}}.alert-red{margin:0 10px;width:calc(100% - 20px);max-width:1200px;display:flex;align-items:center;gap:10px;padding:20px;border-radius:10px;background:#f9f0ed;border:1px solid #f8d5cf;font-weight:300;font-size:18px}@media(max-width: 600px){.alert-red{margin:0 5px;width:calc(100% - 10px);padding:10px;font-size:16px}}.alert-red i{color:#f63d26}.alert-green{margin:0 10px;width:calc(100% - 20px);max-width:1200px;display:flex;align-items:center;gap:10px;padding:20px;border-radius:10px;background:#f3f8f4;border:1px solid #dcf6e3;font-weight:300;font-size:18px}@media(max-width: 600px){.alert-green{margin:0 5px;width:calc(100% - 10px);padding:10px;font-size:16px}}.alert-green i{color:#5efb8c}.alert-blue{margin:0 10px;width:calc(100% - 20px);max-width:1200px;display:flex;align-items:center;gap:10px;padding:20px;border-radius:10px;background:#eef4f8;border:1px solid #c6e3f8;font-weight:300;font-size:18px}@media(max-width: 600px){.alert-blue{margin:0 5px;width:calc(100% - 10px);padding:10px;font-size:16px}}.alert-blue i{color:#269ff6}.alert-purple{margin:0 10px;width:calc(100% - 20px);max-width:1200px;display:flex;align-items:center;gap:10px;padding:20px;border-radius:10px;background:#f3f0f8;border:1px solid #e3d6f8;font-weight:300;font-size:18px}@media(max-width: 600px){.alert-purple{margin:0 5px;width:calc(100% - 10px);padding:10px;font-size:16px}}.alert-purple i{color:#9f26f6}#sidebar{width:240px;height:100vh;padding:10px;position:fixed;top:0px;left:0px;border-right:1px solid rgba(34,34,34,.1019607843);display:flex;flex-direction:column;gap:30px;overflow:auto;background:#f9f9f8;transition:all .3s ease}@media(max-width: 600px){#sidebar{width:100%;height:auto;top:66px;position:fixed;border-right:none;border-bottom:1px solid rgba(34,34,34,.1019607843);transform:translateY(-100%)}#sidebar.active{transform:translateY(0%)}#sidebar .logo{display:none}#sidebar .populars{display:none}}.logo{display:flex;align-items:center;gap:10px;padding:10px}.logo img{max-height:45px;max-width:45px}.logo h1,.logo .logo-title{font-size:36px;font-weight:700;color:#111}nav#main{width:100%;display:flex;flex-direction:column}nav#main ul{display:flex;flex-direction:column;width:100%}nav#main ul li{display:flex;width:100%}nav#main ul a{display:flex;align-items:center;gap:10px;width:100%;padding:15px 10px;border-radius:8px;transition:all .3s ease}nav#main ul a i{transition:all .3s ease}nav#main ul a:hover,nav#main ul a.active{border-radius:8px;background:rgba(130,237,161,.1019607843)}nav#main ul a:hover i,nav#main ul a.active i{color:#82eda1}nav#moods{width:100%;display:flex;flex-direction:column;gap:10px}nav#moods h5{font-size:14px;font-weight:400;opacity:.4;padding:0 10px}nav#moods ul{display:flex;flex-direction:column;width:100%}nav#moods ul li{display:flex;width:100%}nav#moods ul a{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 10px;border-radius:8px;transition:all .3s ease}nav#moods ul a i{transition:all .3s ease;opacity:.1}nav#moods ul a:hover,nav#moods ul a.active{border-radius:8px;background:rgba(130,237,161,.1019607843)}nav#moods ul a:hover i,nav#moods ul a.active i{color:#82eda1;opacity:1}.populars{width:100%;display:flex;flex-direction:column;gap:10px}.populars h5{font-size:14px;font-weight:400;opacity:.4;padding:0 10px}.populars-wrapper{width:100%;display:flex;flex-direction:column;gap:1px}.populars-wrapper .mp3-sm{flex-shrink:initial;flex-grow:initial;flex-basis:initial;min-width:100%;background:rgba(0,0,0,0)}#app{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding-left:240px}@media(max-width: 600px){#app{padding-left:0px}}#header{width:100%;position:sticky;z-index:9;top:0px;border-bottom:1px solid rgba(34,34,34,.1019607843);background:rgba(249,249,248,.5843137255);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0}@media(max-width: 600px){#header{padding:10px 0}}#header-logo{display:none}@media(max-width: 600px){#header-logo{display:flex}}#header-logo img{max-height:45px;max-width:45px}#header-wrapper{margin:0 10px;width:calc(100% - 20px);max-width:1200px;height:45px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}@media(max-width: 600px){#header-wrapper{gap:5px;margin:0 5px;width:calc(100% - 10px)}#header-wrapper .button-fav{display:none}}#search{width:100%;display:flex;flex-direction:column;background:#f3f3f2;border:1px solid #d9d9d8;border-radius:8px;position:relative;overflow:hidden}#search form{width:100%;display:flex;flex-direction:column}#search-input{height:45px;border:none;border-radius:8px;background:rgba(0,0,0,0);padding:0 35px 0 10px}#search-input:focus{outline:none}#search-button{border:none;background:rgba(0,0,0,0);position:absolute;top:13px;right:10px;font-size:18px;opacity:.5;transition:all .3s ease;cursor:pointer}#search-button:hover{opacity:1}#suggestions{width:100%;display:flex;flex-direction:column;border-top:1px solid rgba(34,34,34,.1019607843)}.suggestion{width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;cursor:pointer}.suggestion:hover{background:#e8e8e7}.suggestion i{opacity:.1}.mp3{flex:1 0 320px;min-width:320px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:5px;background:#f3f8f4;transition:all .3s ease}@media(max-width: 600px){.mp3{flex:1 0 100%;min-width:100%}}.mp3:hover{background:#edf8ef}.mp3:hover .mp3-img img{transform:scale(1.5)}.mp3:hover .playground{background:#82eda1}.mp3-file{display:flex;align-items:center;gap:10px}.mp3-img{display:flex;flex-shrink:0;width:70px;height:70px;overflow:hidden;border-radius:5px}.mp3-img img{width:100%;height:100%;object-fit:cover;transition:all .9s ease}.mp3-text{display:flex;flex-direction:column;gap:5px}.mp3-text span:first-child{font-size:18px;font-weight:600;max-height:36px;overflow:hidden}.mp3-text span:last-child{font-size:14px;font-weight:300;max-height:28px;overflow:hidden}.mp3-play{display:flex;align-items:center;padding:5px;gap:10px}.mp3-play>span{font-size:14px;opacity:.4}.playground{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#226752;background:#dcf6e3;transition:all .3s ease}.mp3-sm{flex:1 0 230px;min-width:230px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:rgba(130,237,161,.0509803922);transition:all .3s ease}.mp3-sm:hover{background:rgba(130,237,161,.1019607843)}.mp3-sm:hover .mp3-sm-img img{transform:scale(1.5)}.mp3-sm:hover .mp3-sm-img::before{opacity:1}.mp3-sm:hover .mp3-sm-img i{opacity:1}.mp3-sm-img{display:flex;flex-shrink:0;width:40px;height:40px;border-radius:5px;overflow:hidden;position:relative;color:#226752}.mp3-sm-img img{width:100%;height:100%;object-fit:cover;transition:all .9s ease}.mp3-sm-img::before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:5px;background:rgba(130,237,161,.8);opacity:0;transition:all .3s ease;z-index:2}.mp3-sm-img i{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0;transition:all .6s ease;z-index:3}.mp3-sm>span{max-height:32px;overflow:hidden}.mp3-mood{flex:1 0 230px;min-width:230px;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:rgba(130,237,161,.0509803922);transition:all .3s ease}.mp3-mood:hover{background:rgba(130,237,161,.1019607843)}.mp3-mood>i{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#226752;background:#dcf6e3;transition:all .3s ease}.mp3-mood>span{max-height:32px;overflow:hidden}.mp3-m{flex:1 0 280px;min-width:280px;display:flex;gap:5px;padding:5px;border-radius:8px;background:rgba(130,237,161,.0509803922);transition:all .3s ease}.mp3-m:hover{background:rgba(130,237,161,.1019607843)}.mp3-m:hover .mp3-m-img img{transform:scale(1.5)}.mp3-m:hover .mp3-m-img::before{opacity:1}.mp3-m:hover .mp3-m-img i{opacity:1}.mp3-m-img{width:90px;height:90px;display:flex;flex-shrink:0;border-radius:5px;overflow:hidden;position:relative}.mp3-m-img img{width:100%;height:100%;object-fit:cover;transition:all .9s ease}.mp3-m-img::before{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;border-radius:5px;background:rgba(130,237,161,.8);opacity:0;transition:all .3s ease;z-index:2}.mp3-m-img i{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:0;transition:all .6s ease;z-index:3;font-size:24px}.mp3-m-text{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:5px}.mp3-m-artist{display:flex;flex-direction:column;gap:5px}.mp3-m-artist span:first-child{font-weight:600;max-height:32px;overflow:hidden}.mp3-m-artist span:last-child{font-size:14px;font-weight:300;max-height:28px;overflow:hidden}.mp3-m-stats{display:flex;justify-content:space-between;font-size:14px;opacity:.5}.mp3-m-stats>div{display:flex;gap:5px}.hero{margin:0 10px;width:calc(100% - 20px);max-width:1200px;min-height:400px;display:flex;align-items:center;gap:30px;padding:40px;border-radius:10px;background:linear-gradient(280deg, rgba(130, 237, 161, 0.2117647059) 0%, rgba(130, 237, 161, 0.0705882353) 100%)}@media(max-width: 600px){.hero{margin:0 5px;width:calc(100% - 10px);flex-direction:column;padding:10px}}.hero-text{display:flex;flex-direction:column}.hero-text h1{margin-bottom:10px;font-size:26px;font-weight:700;color:#226752}.hero-content{margin-bottom:15px}.hero-content p{line-height:1.5}.hero-content p:last-child{margin-bottom:0px}.hero-img{max-width:345px;max-height:345px;object-fit:contain}@media(max-width: 600px){.hero-img{order:-1;max-width:100%;max-height:auto}}#mp3{display:flex;flex-direction:column;margin:0 10px;width:calc(100% - 20px);max-width:1200px;gap:15px}@media(max-width: 600px){#mp3{margin:0 5px;width:calc(100% - 10px);gap:5px}}#mp3>h1{font-size:32px}@media(max-width: 600px){#mp3>h1{font-size:26px}}#mp3-wrapper{display:flex;align-items:center;gap:20px;padding:30px;border-radius:10px;background:#f3f8f4}@media(max-width: 600px){#mp3-wrapper{flex-direction:column;padding:10px}}#mp3-img{width:250px;height:250px;aspect-ratio:1/1;border-radius:8px;object-fit:cover}@media(max-width: 600px){#mp3-img{width:100%;height:auto}}#mp3-text{width:100%;display:flex;flex-direction:column;gap:20px}@media(max-width: 600px){#mp3-text{gap:10px}}#mp3-artist{display:flex;flex-direction:column;gap:5px}#mp3-artist>h2{font-size:26px;font-weight:700;color:#226752}#mp3-artist>h3{font-size:18px;font-weight:300}#mp3-info{display:flex;align-items:center;justify-content:space-between}@media(max-width: 600px){#mp3-info{flex-direction:column;gap:10px}}#mp3-stats{display:flex;gap:10px;font-size:14px;opacity:.8}@media(max-width: 600px){#mp3-stats{width:100%;justify-content:space-between}}#mp3-stats>div{display:flex;gap:5px}#mp3-share{display:flex;gap:10px;align-items:center}@media(max-width: 600px){#mp3-share{width:100%;justify-content:space-between}}#mp3-share>span{font-size:14px;opacity:.8}#mp3-share>ul{display:flex;gap:10px;background:#dff0e4;padding:10px;border-radius:8px}#mp3-share>ul li{display:flex}#mp3-share>ul{display:flex;font-size:18px;color:#226752}#mp3-share>ul a:hover{color:#82eda1}#mp3-buttons{width:100%;display:flex;gap:10px}@media(max-width: 600px){#mp3-buttons{flex-direction:column}}.title{width:100%;display:flex;align-items:center;justify-content:space-between}@media(max-width: 600px){.title .button-all{display:none}}.title>h1,.title>h2,.title>h3{font-size:28px;color:#226752}@media(max-width: 600px){.title>h1,.title>h2,.title>h3{font-size:24px}}.mp3-files{display:flex;flex-direction:column;gap:10px;margin:0 10px;width:calc(100% - 20px);max-width:1200px}.mp3-files-container{width:100%;display:flex;flex-wrap:wrap;gap:10px}#footer-content{width:100%;border-top:1px solid rgba(34,34,34,.1019607843);padding:40px 0;display:flex;align-items:center;justify-content:center}@media(max-width: 600px){#footer-content{padding:20px 0}}#footer-content-wrapper{margin:0 10px;width:calc(100% - 20px);max-width:1200px;display:flex;flex-direction:column;gap:15px}#footer-content-wrapper>h2{font-size:26px;font-weight:700;color:#226752}@media(max-width: 600px){#footer-content-wrapper>h2{font-size:22px}}#footer-content-description{width:100%;font-weight:300}#footer-content-description p{line-height:1.5}#footer-content-description p:last-child{margin-bottom:0px}.page{width:100%;display:flex;flex-direction:column;gap:15px;margin:0 10px;width:calc(100% - 20px);max-width:1200px}@media(max-width: 600px){.page{margin:0 5px;width:calc(100% - 10px);flex-direction:column}}.page>h1{font-size:32px;font-weight:700;color:#226752}@media(max-width: 600px){.page>h1{font-size:26px}}.page-content{width:100%;line-height:1.5}.page-content p{line-height:1.5}.form{width:100%;display:flex;gap:20px;flex-direction:column}@media(max-width: 600px){.form{gap:15px}}.form-buttons{display:flex;gap:10px;align-items:center;justify-content:end}.form-row{display:flex;width:100%;gap:20px}@media(max-width: 600px){.form-row{flex-direction:column}}.form-item{width:100%;position:relative}.form-item input,.form-item select,.form-item textarea{width:100%;padding:15px 10px;border:1px solid #eee;border-radius:8px}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border:1px solid #82eda1;outline:none}.form-item input:not(:placeholder-shown):not(:focus):valid+label,.form-item input:focus+label,.form-item select:not(:placeholder-shown):not(:focus):valid+label,.form-item select:focus+label,.form-item textarea:not(:placeholder-shown):not(:focus):valid+label,.form-item textarea:focus+label{top:-6px;left:10px;font-size:12px;font-weight:300;padding:0px 10px}.form-item textarea{height:200px}.form-item label{position:absolute;left:2px;top:8px;font-weight:400;transition:all .3s ease;padding:f10px;border-radius:5px;background:#fff;pointer-events:none;transition:all .3s ease}#footer{width:100%;border-top:1px solid rgba(34,34,34,.1019607843);padding:40px 0;display:flex;align-items:center;justify-content:center}@media(max-width: 600px){#footer{padding:20px 0}}#footer-wrapper{margin:0 10px;width:calc(100% - 20px);max-width:1200px;display:flex;justify-content:space-between;align-items:center}@media(max-width: 600px){#footer-wrapper{flex-direction:column;gap:10px}}#footer-wrapper>span{font-weight:300}@media(max-width: 600px){#footer-wrapper>span{text-align:center;line-height:1.5}}#footer-buttons{display:flex;gap:15px}/*# sourceMappingURL=app.css.map */


#player-container { position: fixed; bottom: 0; left: 0; right: 0; height: 53px; z-index: 1000; background-color: #ffffff; box-shadow: 0 -2px 5px rgba(0,0,0,0.1); margin-left: auto; margin-right: auto; display: flex; justify-content: center; align-items: center; } .plyr--audio .plyr__control--overlaid { background: rgba(0, 0, 0, 0.5) !important; } .plyr__progress--played { background: #ff0000 !important; } .plyr__progress--buffer { background: #00ff00 !important; } .plyr__volume--display { background: #0000ff !important; } .spinner-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; justify-content: center; align-items: center; } .spinner { border: 4px solid rgba(0, 0, 0, .1); width: 36px; height: 36px; border-radius: 50%; border-left-color: #09f; animation: spin 1s ease infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-spinner { animation: spin 2s linear infinite; } #showButton, #hideButton { background-color: #ffea1d; color: #000; border: none; padding: 10px 20px; margin-top: 10px; cursor: pointer; }

@media(max-width: 600px) {
  #sidebar.active {
    z-index: 1100;
    position: fixed;
  }
}

#header {
  background-color: #f9f9f8;
}

@media (min-width: 900px) {
  .mp3-sm {
    flex: 1 0 32%;
    min-width: 32%;
  }
}

.hero.hero--slim {
  min-height: auto;
  padding: 20px 30px;
  align-items: flex-start;
}

.about-image img {
  width: 20%;
  height: auto;
  max-height: 20%;
  object-fit: cover;
  display: block;
  border-radius: 20px; /* скругление углов */
}

@media (max-width: 768px) {
  .about-image img {
    max-height: 220px;
  }
}

#search-button i {
  color: #2e7d32 !important; /* или #000 если хочешь чёрный */
}

.dropdown-content {
    display: none !important;
    padding-left: 10px;
}

.dropdown-content.open {
    display: block !important;
}

.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-toggle.opened i {
    transform: rotate(180deg);
    transition: transform .2s ease;
}

/* Показываем меню, если на <ul> есть класс .keep-open */

.dropdown-content.keep-open {
display: block !important;

}