/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none;cursor:pointer}button{cursor:pointer}img{display:block;max-width:100%;height:auto}input:focus-within{outline:none}:root{--bg-main: #060307;--card-bg: #0d0b10;--text-main: #fff;--text-secondary: #d1d5db;--bg-hero: #23132b;--linear-gradient20: rgba(6, 3, 7, .7);--linear-gradient40: rgba(6, 3, 7, .3);--linear-gradient100: rgba(6, 3, 7, 0);--primary: #2563eb;--primary-hover: #1d4ed8;--loader-bg: rgba(0, 0, 0, .5);--artists-modal-ovr: #1e1c1f;--border-color: #27272a;--bg-selected: rgba(255, 255, 255, .1);--genre-chip: rgba(255, 255, 255, .2);--albums-tracker: rgba(255, 255, 255, .05);--feedback-modal-ovr: rgba(255, 255, 255, .25);--track-list: #ccc;--scrollbar-thumb: #444;--btn-bg: var(--primary);--btn-text: #fff;--icon-footer: #fbfafc;--arrow-bg: #0d0b10;--star: #764191;--fa-star: #ffffff;--logo-footer: #764191;--filters-border: rgba(255, 255, 255, .2);--filters-background: #1e1d20;--link: #747bff;--topbtnhover: rgb(83, 83, 83);--skeleton-shimer: #764191;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}[data-theme=light]{--bg-main: #f9fafb;--card-bg: #fff;--text-main: #1f2937;--text-secondary: #4b5563;--bg-hero: #dcecd4;--linear-gradient20: rgba(249, 250, 251, .7);--linear-gradient40: rgba(249, 250, 251, .3);--linear-gradient100: rgba(249, 250, 251, 0);--primary: #2563eb;--primary-hover: #1d4ed8;--loader-bg: rgba(255, 255, 255, .5);--artists-modal-ovr: #e1e3e0;--border-color: #e5e7eb;--bg-selected: rgba(0, 0, 0, .1);--genre-chip: rgba(0, 0, 0, .2);--btn-bg: var(--primary);--albums-tracker: rgba(0, 0, 0, .05);--feedback-modal-ovr: rgba(0, 0, 0, .25);--track-list: #333333;--scrollbar-thumb: #333333;--btn-text: #fff;--icon-footer: #0d0b10;--arrow-bg: #62c71f;--fa-star: rgb(194, 192, 192);--star: #62c71f;--logo-footer: #62c71f;--filters-border: rgba(0, 0, 0, .2);--filters-background: #e0e1e1;--link: #62c71f;--topbtnhover: #62c71f;--skeleton-shimer: #62c71f}html{box-sizing:border-box;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0;font-family:IBM Plex Sans,sans-serif;background-color:var(--bg-main);color:var(--text-main);transition:background-color .4s ease,color .4s ease,fill .4s ease}main{flex-grow:1}main:has(.back-link){text-align:center}.fa{display:inline-block;font-family:"Font Awesome 5 Free";font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}.fa-solid,.fas{font-weight:900}.fa-star:before{content:""}.fa-star{font-size:24px;line-height:1;vertical-align:middle;transition:color .3s ease}.fa-star.checked{color:gold}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/js_119_pattaroni/assets/fa-solid-900-BLm1ImsD.woff2) format("woff2")}@font-face{font-family:Epilogue;src:url(/js_119_pattaroni/assets/Epilogue-VariableFont_wght-u91kHex0.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Epilogue;src:url(/js_119_pattaroni/assets/Epilogue-Italic-VariableFont_wght-DulyJfYM.ttf) format("truetype");font-weight:100 900;font-style:italic}@font-face{font-family:IBM Plex Sans;src:url(/js_119_pattaroni/assets/IBMPlexSans-VariableFont_wdth-wght-BTDN9bpA.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:IBM Plex Sans;src:url(/js_119_pattaroni/assets/IBMPlexSans-Italic-VariableFont_wdth-wght-BXyyqPfs.ttf) format("truetype");font-weight:100 900;font-style:italic}@font-face{font-family:Roboto;src:url(/js_119_pattaroni/assets/Roboto-VariableFont_wdth-wght-WOy3sDCz.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Roboto;src:url(/js_119_pattaroni/assets/Roboto-Italic-VariableFont_wdth-wght-CtZJC3o8.ttf) format("truetype");font-weight:100 900;font-style:italic}.container{margin:0 auto;padding:0 16px;width:320px}@media only screen and (min-width: 768px){.container{width:768px;padding:0 32px}}@media only screen and (min-width: 1440px){.container{width:1440px;padding:0 64px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.loader{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;position:relative;border:3px solid;border-color:#de3500 #0000 var(--text-main) #0000;border-radius:50%;box-sizing:border-box;animation:1s rotate linear infinite}.loader:before,.loader:after{content:"";top:0;left:0;position:absolute;border:10px solid transparent;border-bottom-color:var(--text-main);transform:translate(-10px,19px) rotate(-35deg)}.loader:after{border-color:#de3500 #0000 #0000 #0000;transform:translate(32px,3px) rotate(-35deg)}@keyframes rotate{to{transform:rotate(360deg)}}.artists-loader{position:absolute;inset:0;background:var(--loader-bg);display:flex;justify-content:center;align-items:center;z-index:10;display:none}body.lock{overflow:hidden}.header{min-width:320px;padding:10.5px 0;background-color:var(--bg-main);position:sticky;top:0;left:0;width:100%;z-index:1001}.nav{display:flex;justify-content:space-between;align-items:center}.nav-logo{display:inline-flex;align-items:center;justify-content:center}.nav-logo .logo-icon{transition:.25s ease-in-out}.nav-logo:hover .logo-icon{fill:var(--logo-footer)}.nav-list{display:flex;align-items:center;justify-content:flex-end;gap:40px;list-style:none;padding:0;margin:0;display:none}.theme-toggle{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-theme{width:24px;height:24px;transition:transform .4s ease,opacity .2s ease}.icon-theme:hover .sun,.icon-theme:hover .moon{opacity:1}.sun{fill:#facc15;stroke:#facc15;transition:opacity .4s ease;opacity:.6}.moon{fill:#e2e8f0;transform:scale(0);transition:transform .4s ease,opacity .4s ease;opacity:.6}[data-theme=dark] .sun{opacity:0;display:none}[data-theme=dark] .moon{transform:scale(1)}.nav-link{position:relative;display:block;font-weight:500;letter-spacing:.02em;transition:.2s ease-in;color:var(--text-main);text-decoration:none;transition:color .4s ease}.nav-link:hover,.nav-link:focus{color:var(--link)}.burger-menu,.burger-menu-icon{background-color:transparent}.burger-menu{border:none;background:none;padding:0;cursor:pointer;outline:none}.us-burger{fill:var(--text-main);background-color:transparent;padding:24px;transition:fill .4s ease}.logo-icon{fill:var(--text-main);width:119px;height:51px;transition:fill .4s ease}@media screen and (max-width: 767px){.theme-toggle-hide{display:none}.icon-theme-m{width:20px;height:20px}}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg-main);box-shadow:-2px 0 8px #0003;z-index:1001;transition:background-color .4s ease,right .3s ease-in-out}.button-close{fill:var(--text-main);background-color:transparent}.mobile-menu.active{right:0}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000}.overlay.active{opacity:1;visibility:visible}.logo-button{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.mobile-menu-container{display:flex;flex-direction:column;gap:39px}.mobile-menu-close{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.nav-list-m{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center;text-align:center}.nav-link-m{font-weight:500;font-size:26px;line-height:1.5;color:var(--text-main);transition:color .4s ease}@media screen and (min-width: 768px){.container-my{padding:0 64px}.burger-menu{display:none}.nav-list{display:flex;gap:32px}.nav-link{font-weight:400;font-size:18px;line-height:1.5;color:var(--text-main);transition:color .4s ease}}@media screen and (min-width: 1440px){.container-my{padding:0 64px}.header{padding:10.5px 0}}.section-hero{position:relative;background:var(--bg-hero);min-width:320px;transition:background-color .4s ease}.section-hero .container{padding:64px 16px 0;position:relative;overflow:hidden}@media screen and (min-width: 768px){.section-hero .container{padding:32px 32px 0}}@media screen and (min-width: 1440px){.section-hero .container{display:flex;padding:0 64px}}.hero-content{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}@media screen and (min-width: 1440px){.hero-content{height:900px;width:1312px}}.section-hero:before,.section-hero:after{content:"";position:absolute;left:0;width:100%;pointer-events:none;z-index:3;transition:all .4s ease}.section-hero:before{top:0;height:125px;background:linear-gradient(180deg,var(--bg-main) 0%,var(--linear-gradient20) 20%,var(--linear-gradient40) 40%,var(--linear-gradient100) 100%);z-index:1}.section-hero:after{bottom:0;height:137px;background:linear-gradient(0deg,var(--bg-main) 0%,var(--linear-gradient20) 20%,var(--linear-gradient40) 40%,var(--linear-gradient100) 100%)}.hero-title{font-family:Epilogue,sans-serif;font-weight:700;font-size:48px;line-height:1.1;letter-spacing:-.01em;margin-bottom:20px;position:relative;z-index:4}@media screen and (min-width: 768px){.hero-title{margin-bottom:24px;width:624px;height:106px}}@media screen and (min-width: 1440px){.hero-title{width:640px;height:276px;font-size:84px}}.hero-subtitle{font-weight:400;font-size:18px;line-height:1.5;margin-bottom:24px}@media screen and (min-width: 768px){.hero-subtitle{margin-bottom:32px;width:624px;height:90px;font-size:20px}}@media screen and (min-width: 1440px){.hero-subtitle{width:640px;height:90px}}.hero-link{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:12px;padding:10px 24px;width:100%;height:47px;box-shadow:0 1px 2px #0603070d,inset 0 -2px 1px #0003,inset 0 0 0 1px #06030726,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background:var(--star);font-weight:500;font-size:18px;line-height:1.5;transition:opacity .2s ease-in-out;margin-bottom:449px;transition:background-color 2s ease}@media screen and (min-width: 768px){.hero-link{width:246px;height:47px;font-size:20px;margin-bottom:664px}}@media screen and (min-width: 1440px){.hero-link{width:206px;height:47px;font-size:18px;margin-bottom:0}}.hero-link:hover{opacity:.6}.hero-link-icon{height:24px}.hero-link-svg{fill:currentColor}.hero-content:after{background-image:url(/js_119_pattaroni/assets/hero@1x-DJntWONm.webp);background-size:cover;background-repeat:no-repeat;width:100%;min-height:385px;aspect-ratio:280 / 385;position:absolute;content:"";bottom:0;z-index:1}@media screen and (min-resolution: 192dpi){.hero-content:after{background-image:url(/js_119_pattaroni/assets/hero@2x-C5MtHqDv.webp)}}@media screen and (min-width: 768px){.hero-content:after{background-image:url(/js_119_pattaroni/assets/hero@1x-BQOdDIKf.webp);aspect-ratio:704 / 632;min-height:632px}}@media screen and (min-width: 768px) and (min-resolution: 192dpi){.hero-content:after{background-image:url(/js_119_pattaroni/assets/hero@2x-1Ek8X5GZ.webp)}}@media screen and (min-width: 1440px){.hero-content:after{background-image:url(/js_119_pattaroni/assets/hero@1x-D5-y-JLu.webp);min-height:900px;width:674px;right:0;z-index:6}.section-hero:before{z-index:5}}@media screen and (min-width: 1440px) and (min-resolution: 192dpi){.hero-content:after{background-image:url(/js_119_pattaroni/assets/hero@2x-C1tmBvnu.webp)}}.section-artists{display:flex;flex-wrap:wrap;background-color:var(--bg-main);min-width:320px;padding:64px 0;transition:background-color .4s ease}.section-artists .artists-title{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:16px;line-height:150%}.section-artists .artists-subtitle{margin-top:16px;margin-bottom:32px;font-family:Epilogue,sans-serif;font-weight:700;font-size:44px;line-height:120%;letter-spacing:-.01em}.section-artists .artists-list{display:flex;flex-direction:column;gap:64px}.section-artists .artist-image{width:100%;height:177px;object-fit:cover;object-position:top;border-radius:16px}.section-artists .artists-pagination .tui-page-btn.tui-last,.section-artists .artists-pagination .tui-page-btn.tui-first,.section-artists .artists-pagination.is-hidden{display:none}.section-artists .artists-pagination .tui-page-btn.tui-first,.section-artists .artists-pagination .tui-page-btn.tui-last{display:none}.section-artists .artists-pagination .pagination-left-icon,.section-artists .artists-pagination .pagination-right-icon{width:24px;height:24px;fill:var(--text-main)}.section-artists .artists-pagination{display:flex;justify-content:center;margin-top:32px}.section-artists .artists-pagination .tui-page-btn{width:47px;height:47px;font-size:18px;line-height:47px;text-align:center;border-radius:8px;margin:0 4px;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.section-artists .artists-pagination .tui-is-selected{width:59px;background-color:var(--bg-selected);font-weight:600}.section-artists .artists-pagination .tui-prev.tui-is-disabled,.section-artists .artists-pagination .tui-next.tui-is-disabled{opacity:.4;cursor:default}.section-artists .genres-list{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;padding:0;list-style:none}.section-artists .artist-descr{margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section-artists .genres-list-item{border:1px solid var(--genre-chip);background-color:var(--bg-main);border-radius:6px;padding:4px 10px;font-family:IBM Plex Sans,sans-serif;font-weight:600;transition:all .4s ease}.section-artists .artist-name{margin-top:16px;font-family:Epilogue,sans-serif;font-weight:700;font-size:32px;line-height:130%;letter-spacing:-.01em;color:var(--text-main);transition:all .4s ease}.section-artists .artist-descr{margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;max-height:3em;line-height:1.5em}.section-artists .artist-btn-learn-more{display:flex;align-items:center;margin-top:24px;font-family:IBM Plex Sans,sans-serif;font-weight:500;font-size:18px;line-height:150%;color:var(--text-main);background-color:transparent;outline:none;border:none;transition:color .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.section-artists .artist-btn-learn-more:hover,.section-artists .artist-btn-learn-more:focus,.section-artists .artist-btn-learn-more:active{opacity:.6}:is(.section-artists .artist-btn-learn-more:hover,.section-artists .artist-btn-learn-more:focus,.section-artists .artist-btn-learn-more:active) .artist-learn-svg{margin-left:8px;stroke:var(--text-main);fill:var(--text-main);transition:stroke .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1)}.section-artists .artist-btn-learn-more .artist-learn-svg{margin-left:8px;stroke:var(--text-main);fill:var(--text-main);transition:stroke .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1)}.section-artists .artists-filters-wrapper{position:relative}.section-artists .filters-form-container{position:absolute;right:0;margin-top:-16px;max-height:0;width:288px;background-color:var(--filters-background);border-radius:12px;padding:0;overflow:hidden;z-index:1000;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),overflow .25s cubic-bezier(.4,0,.2,1),background .4s ease}.section-artists .filters-form-container.is-open{max-height:737px;padding:12px}.section-artists .filters-form-container .filters-search-input{margin:0;padding:10px 10px 10px 48px;font-weight:400;font-size:18px;line-height:150%;background-color:#fff0;border:1px solid var(--filters-border);border-radius:12px;transition:border-color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1)}.section-artists .filters-form-container .filters-search-input:focus,.section-artists .filters-form-container .filters-search-input:hover,.section-artists .filters-form-container .filters-search-input:active{border-color:var(--text-main)}.section-artists .filters-form-container .filters-search-input::placeholder{opacity:.6}.section-artists .filters-form-container .filters-form-buttons{font-size:18px;border:none;display:flex;flex-direction:column;padding:0;width:100%;list-style:none;max-height:0;overflow:hidden;z-index:1000;transition:max-height .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),border .25s cubic-bezier(.4,0,.2,1)}.section-artists .filters-form-container .filters-form-buttons.is-open{padding:16px 0;max-height:376px;border:1px solid var(--filters-border);border-radius:0 0 12px 12px}.section-artists .filters-form-container .filters-menu-sorting-btn,.section-artists .filters-form-container .filters-option{font-size:18px;display:flex;width:100%;align-items:center;justify-content:space-between;background-color:#fff0;outline:none;border:none;color:var(--text-main);border-radius:12px;transition:opacity .25s cubic-bezier(.4,0,.2,1)}:is(.section-artists .filters-form-container .filters-menu-sorting-btn,.section-artists .filters-form-container .filters-option):hover,:is(.section-artists .filters-form-container .filters-menu-sorting-btn,.section-artists .filters-form-container .filters-option):focus,:is(.section-artists .filters-form-container .filters-menu-sorting-btn,.section-artists .filters-form-container .filters-option):active{opacity:.6}:is(.section-artists .filters-form-container .filters-menu-sorting-btn,.section-artists .filters-form-container .filters-option).is-open{border-bottom-left-radius:0;border-bottom-right-radius:0}.section-artists .filters-form-container .filters-menu-sorting-btn{margin-top:12px;padding:8px 12px;border:1px solid var(--filters-border)}.section-artists .filters-form-container .filters-option{padding:8px 24px}.section-artists .filters-form-container #genre-select{overflow-y:auto}.section-artists .filters-form-container #genre-select::-webkit-scrollbar{width:5px}.section-artists .filters-form-container #genre-select::-webkit-scrollbar-track{background:var(--border-color)}.section-artists .filters-form-container #genre-select::-webkit-scrollbar-thumb{background:var(--star);border-radius:5px;min-height:40px}.section-artists .filters-form-container .filters-dropdown{position:relative;width:100%}.section-artists .filters-form-container .search-group{position:relative;display:flex;align-items:center}.section-artists .filters-form-container .search-group button{position:absolute;left:12px;display:flex;align-items:center;justify-content:center;background-color:#fff0;border:none;outline:none;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.section-artists .filters-form-container .search-group button:hover,.section-artists .filters-form-container .search-group button:focus,.section-artists .filters-form-container .search-group button:active{opacity:.6}.section-artists .filters-menu-container{display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:16px}.section-artists .filters-menu-btn{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 51px;font-family:IBM Plex Sans,sans-serif;font-weight:500;font-size:18px;line-height:1.5;color:var(--text-main);background-color:var(--bg-selected);border-radius:12px;cursor:pointer;outline:none;border:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.section-artists .filters-menu-btn:hover,.section-artists .filters-menu-btn:focus{opacity:.6}.section-artists .filters-menu-btn a{display:flex;align-items:center;justify-content:center}.section-artists .filters-menu-icon,.section-artists .search-icon{width:24px;height:24px;fill:var(--text-main);transition:transform .25s cubic-bezier(.4,0,.2,1)}.section-artists .filters-menu-icon.is-open{transform:rotate(180deg);transition:transform .25s cubic-bezier(.4,0,.2,1)}.section-artists .filters-menu-title{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:18px;max-width:304px}.section-artists .filters-menu-title button{font-weight:500;color:var(--text-main);text-decoration:underline;background-color:#fff0;border:none;outline:none;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:none}.section-artists .filters-menu-title button:hover,.section-artists .filters-menu-title button:focus,.section-artists .filters-menu-title button:active{opacity:.6}.section-artists .artists-wrapper{position:relative}.section-artists .artists-empty-state{display:flex;flex-direction:column;padding:16px;background-color:var(--bg-hero);border-radius:16px;transition:all .4s ease}.section-artists .artists-empty-state .empty-icon{width:40px;height:40px;fill:var(--text-main)}.section-artists .artists-empty-state .empty-title{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.01em;color:var(--text-main);margin:24px 0}.section-artists .artists-empty-state .empty-subtitle{font-weight:400;font-size:20px;line-height:1.5;color:var(--text-main);margin-bottom:24px}.section-artists .artists-empty-state .empty-reset-btn{border-radius:12px;padding:10px 24px;width:256px;height:47px;box-shadow:0 1px 2px #0603070d,inset 0 -2px 1px #0003,inset 0 0 0 1px #06030726,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;font-weight:500;font-size:18px;line-height:1.5;color:#fff;background-color:var(--star);border:none;transition:opacity .25s ease}.section-artists .artists-empty-state .empty-reset-btn:hover,.section-artists .artists-empty-state .empty-reset-btn:focus{opacity:.6}.section-artists .artists-empty-state.is-hidden{display:none}.section-artists .filters-reset-btn-mob{background:none;border:none;color:var(--text-main);font-weight:600;font-size:12px;line-height:1.5;text-decoration:underline;cursor:pointer;transition:opacity .2s ease;margin-left:225px;margin-bottom:12px}@media only screen and (min-width: 768px){.section-artists .artists-list{gap:32px}.section-artists .artist-image{height:432px}.section-artists .filters-menu-container{flex-direction:row;align-items:center;margin-bottom:16px}.section-artists .filters-menu-btn{padding:10px 24px;width:233px;margin-top:0;font-weight:500;font-size:18px;line-height:1.5}.section-artists .filters-form-container{width:304px}.section-artists .filters-reset-btn-mob{margin-left:240px}.section-artists .artists-empty-state{padding:32px}.section-artists .artists-empty-state .empty-title{font-weight:700;font-size:48px;line-height:1.2;letter-spacing:-.01em}.section-artists .artists-empty-state .empty-reset-btn{border-radius:12px;padding:10px 24px;width:148px;height:47px;font-weight:500;font-size:18px;line-height:1.5}}@media only screen and (min-width: 1440px){.section-artists{padding:112px 0}.section-artists .artists-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.section-artists .artists-subtitle{max-width:523px;font-size:60px;margin-bottom:80px}.section-artists .artists-list-item{width:calc((100% - 32px)/2)}.section-artists .artist-image{height:393px}.section-artists .filters-form-container{max-height:701px;padding:12px;right:inherit;margin-top:0;background-color:var(--bg-main)}.section-artists .filters-menu-btn{display:none}.section-artists .artists-content-wrapper{display:flex;gap:32px;justify-content:space-between}.section-artists .artists-content{max-width:976px}.section-artists .filters-menu-title{width:100%;padding:0 12px}.section-artists .filters-menu-title button{display:block}.section-artists .filters-reset-btn-mob{display:none}.section-artists .filters-menu-container{margin-bottom:0}.section-artists .artists-filters-wrapper{width:100%}.section-artists .artists-empty-state{width:976px}.section-artists .artists-loader .loader{position:absolute;right:638px}}.section-about-us{position:relative;background-color:var(--bg-main);min-width:320px;transition:background-color .4s ease}.container-about{padding:64px 16px;position:relative;overflow:hidden;gap:48px;width:320px;margin:0 auto}.text-container{display:flex;flex-direction:column;gap:20px}.team-about{overflow:hidden;border-radius:16px;margin-bottom:48px}.team-foto{display:block;width:100%;height:auto;object-fit:cover}.logo-about{width:64px;height:64px;fill:var(--text-main);transition:fill .4s ease}.h-text{font-family:Epilogue,sans-serif;font-weight:700;font-size:44px;color:var(--text-main);line-height:1.2;transition:color .4s ease}.p-text{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:var(--text-main);transition:color .4s ease}@media screen and (min-width: 768px){.container-about{padding:64px 32px;gap:24px;width:768px}.team-about{margin-bottom:24px}.team-foto{max-width:704px;display:block;margin:0 auto}.text-container{gap:24px;max-width:704px;display:flex;flex-direction:column;margin:0 auto}.logo-about{width:80px;height:80px}.h-text{font-size:44px}.p-text{font-size:20px}}@media screen and (min-width: 1440px){.container-about{padding:112px 64px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:32px;width:1440px}.text-container{max-width:640px;margin:0}.h-text{font-size:60px}}.hidden{display:none}.section-feedback{padding:64px 0;background-color:var(--bg-main);transition:background-color .4s ease,color .4s ease,fill .4s ease}.feedback-slider{position:relative;width:100%;margin:0 auto;overflow:hidden}.swiper-wrapper{display:flex}.swiper-slide{display:flex;justify-content:center;align-items:center;width:100%;text-align:center}.feedback-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-main);border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;text-align:center;margin:0 auto 16px;max-width:288px;transition:background-color .4s ease,color .4s ease,fill .4s ease}.comment{font-family:Epilogue,sans-serif;font-weight:700;font-size:24px;line-height:140%;letter-spacing:-.01em;color:var(--text-main);margin-bottom:32px;min-height:145px;height:100%}.comm-name{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:18px;line-height:150%;color:var(--text-main);transition:background-color .4s ease,color .4s ease,fill .4s ease}.stars{display:flex;justify-content:center;gap:4px;margin-bottom:32px;padding-top:3px}.fa-star{font-size:24px;line-height:1;vertical-align:middle;color:var(--fa-star);transition:background-color .4s ease,color .4s ease,fill .4s ease}.fa-star.checked{color:var(--star)}.custom-pagination{display:flex;justify-content:center;gap:12px}.bullet{width:12px;height:12px;background-color:#555454;border-radius:50%;transition:background-color .3s}.bullet.active{background-color:#ccc9c9}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.swiper-button-prev:after,.swiper-button-next:after{display:none;content:none}.icon{width:48px;height:48px;display:flex;justify-content:center;align-items:center;fill:#fff;background:var(--arrow-bg);border-radius:8px;border:1px solid rgb(159,160,160);transition:opacity .25s cubic-bezier(.4,0,.2,1),color .4s ease,fill .4s ease}.icon:hover,.icon:focus,.icon:active{opacity:.6}.sceleton-feedback{max-width:288px;height:354px;background-color:var(--bg-main);border-radius:8px;position:relative;box-shadow:0 2px 8px #9fa0a0;overflow:hidden;display:flex;justify-content:center;align-items:center}.sceleton-feedback.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--skeleton-shimer),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 767px){.swiper-button-prev,.swiper-button-next{display:none!important;pointer-events:none;visibility:hidden}}@media (min-width: 768px){.sceleton-feedback{max-width:704px;height:298px;background-color:var(--bg-main);border-radius:8px;border:1px solid rgb(75,74,74)}.comment{font-family:Epilogue,sans-serif;font-weight:700;font-size:26px;max-width:518px;line-height:140%;letter-spacing:-.01em;text-align:center;color:var(--text-main);transition:color .4s ease}.feedback-card{max-width:704px;width:100%}}@media only screen and (min-width: 1440px){.sceleton-feedback{max-width:1312px;height:298px;background-color:var(--bg-main);border-radius:8px;border:1px solid grey}.section-feedback{padding:112px 0}.feedback-card{max-width:1312px;width:100%}.comment{font-family:Epilogue,sans-serif;font-weight:700;font-size:32px;max-width:866px;line-height:130%;letter-spacing:-.01em;text-align:center;color:var(--text-main);transition:color .4s ease}}.footer{padding:48px 0;background-color:var(--bg-main);min-width:320px;transition:background-color .4s ease}.ul-anchors{display:flex;flex-direction:column;max-width:288px;margin:0 auto 48px;align-items:center;gap:32px}.logo-icon-footer{display:flex;margin:0 auto 32px;fill:var(--logo-footer);width:116px;height:45px;transition:fill .4s ease}.icon-footer{fill:var(--icon-footer);width:40px;height:40px;transition:opacity .25s cubic-bezier(.4,0,.2,1),fill .4s ease}.icon-footer:hover,.icon-footer:focus,.icon-footer:active{opacity:.6}.ul-icons-footer{display:flex;flex-direction:row;max-width:184px;gap:32px;margin:0 auto 32px}.a-footer{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:16px;line-height:150%;color:var(--text-main);transition:.2s ease-in}.a-footer:hover,.a-footer:focus{color:var(--link)}.p-allrights{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:16px;line-height:150%;color:var(--text-main);text-align:center}@media (min-width: 768px){.footer{padding:80px 0}.ul-anchors{flex-direction:row;max-width:493px;justify-content:center}.con-footer>div{display:flex;flex-direction:column;gap:32px}.con-footer>div>div:first-child{display:flex;justify-content:space-between;align-items:center}.con-footer>div>div:last-child{display:flex;justify-content:space-between;align-items:center}.p-allrights{margin:0;text-align:left}.ul-icons-footer{margin:0}}@media (max-width: 767px){.ul-icons-footer{order:1}.p-allrights{order:2;margin-top:16px;text-align:center}.con-footer>div>div:last-child{display:flex;flex-direction:column;align-items:center}}.artist-modal-overlay{position:fixed;background-color:#1e1c1f;align-items:flex-start;justify-content:center;overflow-y:auto;inset:0;width:100%;height:100%;z-index:2000;display:flex;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),background-color .4s ease,visibility .25s cubic-bezier(.4,0,.2,1)}.artist-modal-overlay.is-open{opacity:1;pointer-events:auto}.modal-content{background-color:var(--bg-main);color:var(--text-main);width:100%;max-width:288px;border-radius:12px;padding:52px 8px;font-family:IBM Plex Sans,sans-serif;box-shadow:0 8px 32px #0009;position:relative;margin:64px 16px;min-height:50%;transition:background-color .4s ease,color .4s ease}.close-btn{position:absolute;top:16px;right:24px;font-size:28px;color:var(--text-main);background:transparent;border:none;cursor:pointer;z-index:10;transition:color .4s ease}.modal-title{font-family:Epilogue,sans-serif;text-align:center;font-size:16px;font-weight:700;margin-bottom:16px;line-height:130%;letter-spacing:-.01em}.modal-header{display:flex;flex-direction:column;gap:32px;margin-bottom:16px;font-size:18px}.modal-img{width:100%;height:177px;object-fit:cover;object-position:top;border-radius:16px}.modal-info>div>p{height:297px;overflow-y:scroll;padding-right:12px;scrollbar-width:thin;scrollbar-color:#555}.modal-info-container,.modal-info-group{display:flex;flex-direction:column}.modal-info-group p{min-width:146px}.modal-info p{transition:color .4s ease;margin-bottom:10px;font-size:18px;line-height:150%;color:var(--text-main)}.modal-info p span{display:block;font-weight:600}.modal-info>div span{font-weight:600}.modal-genres{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.genre-chip{border:1px solid var(--genre-chip);padding:4px 10px;border-radius:6px;color:var(--text-main);font-weight:600;font-size:16px;line-height:150%;transition:border .4s ease,border-color .4s ease}.albums-heading{margin-bottom:16px;font-family:Epilogue,sans-serif;font-weight:700;font-size:24px;line-height:130%;letter-spacing:-.01em}.albums-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.album-card{background-color:var(--artists-modal-ovr);padding:14px 11px;border-radius:16px;box-shadow:0 4px 16px #0006;transition:background-color .4s ease}.album-card h4{font-weight:600;font-size:16px;line-height:150%;margin-bottom:12px}.album-thumb{width:100%;border-radius:6px;margin-bottom:12px;object-fit:cover}.album-tracklist{display:flex;flex-direction:column;font-size:12px;line-height:150%}.album-track-item,.album-tracks-header{display:flex;justify-content:space-between;align-items:center;border-radius:8px}:is(.album-track-item,.album-tracks-header) .track-info{display:flex;align-items:center;justify-content:space-between;flex:0 0 100px}.album-track-item{padding:8px 12px}.album-track-item:nth-child(2n){background-color:var(--bg-selected);transition:background-color .4s ease}.album-track-item h5{padding-right:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-tracks-header{font-weight:600;font-size:8px;line-height:150%;padding:4px 12px;background-color:var(--albums-tracker);transition:background-color .4s ease}.track-list{list-style:none;padding:0;margin:0;color:var(--track-list);font-size:13px;transition:color .4s ease}.track-item{padding:4px 0;border-bottom:1px solid #3a3a3a}.track-item:last-child{border-bottom:none}.track-video-link{display:flex}.track-video-link:hover,.track-video-link:focus{opacity:.6}.track-video-link-hidden{cursor:default;opacity:0;pointer-events:none}.track-video-icon{width:25px;height:27px;fill:var(--text-main);transition:fill .4s ease}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px;transition:background-color .4s ease}.modal-artist-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width: 768px){#artist-modal .modal-content{max-width:702px;padding:64px 24px}#artist-modal .modal-img{height:402px}#artist-modal .modal-info>div>p{height:108px}#artist-modal .modal-info-container{flex-direction:row}#artist-modal .modal-info-group:first-child{margin-right:24px}#artist-modal .modal-info p{margin-bottom:24px}#artist-modal .albums-container{gap:32px}#artist-modal .modal-header{margin-bottom:48px}#artist-modal .modal-title{font-size:32px;margin-bottom:48px}}@media only screen and (min-width: 1440px){#artist-modal .modal-content{max-width:1312px;padding:64px}#artist-modal .modal-img{height:354px}#artist-modal .modal-info>div>p{height:135px}#artist-modal .modal-info{max-width:576px}#artist-modal .modal-header{flex-direction:row}}.to-top{position:fixed;bottom:15px;right:15px;width:35px;height:35px;border:none;border-radius:50%;cursor:pointer;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,background-color .3s ease-in-out;display:flex;align-items:center;justify-content:center}.to-top.show{opacity:1;pointer-events:auto}.to-top:hover{background-color:var(--topbtnhover)}.to-top .icon-top{width:20px;height:20px}@media (min-width: 321px) and (max-width: 768px){.to-top{width:40px;height:40px;bottom:20px;right:20px}.to-top .icon-top{width:25px;height:25px}}@media (min-width: 769px) and (max-width: 1440px){.to-top{width:45px;height:45px;bottom:25px;right:25px}.to-top .icon-top{width:30px;height:30px}}@media (min-width: 1441px){.to-top{width:50px;height:50px;bottom:30px;right:30px}.to-top .icon-top{width:35px;height:35px}}.modal{display:flex;position:fixed;inset:0;background:#00000040;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-out,visibility .2s ease-out}.modal.active{pointer-events:auto;visibility:visible;opacity:1;transform:translateY(0)}.modal__backdrop{position:absolute;inset:0;background:var(--feedback-modal-ovr);z-index:0}.modal__panel{position:relative;background:var(--bg-main);color:var(--text-main);padding:64px;border-radius:16px;max-width:600px;width:100%;box-sizing:border-box;z-index:1;max-height:calc(100dvh - 48px);overflow:auto;-webkit-overflow-scrolling:touch;transform:translateY(6px);transition:transform .2s ease-out}.modal.active .modal__panel{transform:translateY(0)}body.modal-open{overflow:hidden}.modal__close{position:absolute;top:16px;right:16px;background:none;fill:var(--text-main);cursor:pointer;width:28px;height:28px;display:grid;place-items:center;transition:transform .25s ease-in-out}.modal__close:hover{transform:scale(1.1)}.modal__title{font-weight:700;font-size:60px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:var(--text-main)}.form__group_1{margin-top:48px}.form__group_2{margin-top:24px}input,textarea{width:100%;margin-top:8px;border-radius:6px;font-weight:400;font-size:18px;line-height:1.5;color:var(--text-main);background:var(--bg-main);resize:none}.fb-modal-btn{display:inline-block;padding:12px 24px;height:47px;background:var(--star);color:var(--text-main);border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:opacity .25s ease-in-out}.fb-modal-btn:hover{opacity:.6}.model-submit-feedback{margin-top:24px;display:flex;align-items:center;justify-content:center}.btn-leave-fb{display:inline-block;padding:.6rem 1.2rem;background:var(--star);color:var(--text-main);border:none;border-radius:8px;cursor:pointer;transition:background-color 2s ease,color .4s ease}.feedback-actions{display:flex;align-items:center;justify-content:center;margin-top:80px}.star-rating{display:inline-flex;gap:10px;-webkit-user-select:none;user-select:none;margin-top:12px}.star-rating button{all:unset;display:inline-block;width:32px;text-align:center;cursor:pointer;position:relative;font:700 32px/1 Segoe UI Symbol,Arial Unicode MS,Noto Sans Symbols,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--fa-star)}.star-rating button:before{content:"★";color:var(--fa-star)}.star-rating button.is-on:before,.star-rating button.is-hover:before{color:var(--star)}.star-rating button.is-half:after,.star-rating button.is-hover-half:after{content:"★";position:absolute;left:0;top:0;width:50%;overflow:hidden;color:var(--star)}.form-error{margin-top:6px;font-size:12px;color:#ff5b5b}.field-invalid input,.field-invalid textarea{border:1px solid #ff5b5b}.fb-modal-btn[disabled]{opacity:.6;cursor:not-allowed}@media (min-width: 768px){.modal__panel{max-width:min(720px,92vw);padding:40px 36px;border-radius:14px}.modal__title{font-size:clamp(36px,4vw,44px)}.form__group_1{margin-top:32px}.form__group_2{margin-top:20px}input,textarea{font-size:16px;padding:12px 14px}.fb-modal-btn{width:auto;min-width:340px}.star-rating{gap:8px}.star-rating button{width:28px;font-size:28px}.modal__close{top:16px;right:16px;width:28px;height:28px}}@media (max-width: 767px){.modal{padding:0 12px}.modal__panel{max-width:100%;width:100%;padding:24px 20px;border-radius:12px;max-height:calc(100dvh - 24px)}.modal__title{font-size:clamp(22px,6vw,28px);line-height:1.25;text-align:left;margin-bottom:8px}.form__group_1,.form__group_2{margin-top:16px}label{font-size:14px}input,textarea{font-size:15px;padding:12px}.fb-modal-btn{display:block;width:100%}.star-rating{gap:6px}.star-rating button{width:24px;font-size:24px}.modal__close{top:12px;right:12px;width:20px;height:20px}}@media (max-width: 480px){.modal{padding:0 8px}.modal__panel{padding:20px 16px;border-radius:10px;max-height:calc(100dvh - 16px)}input,textarea{font-size:14px;padding:10px 12px}.fb-modal-btn{font-size:15px;padding:10px 14px}.star-rating{gap:4px}.star-rating button{width:22px;font-size:22px}}@supports (padding: max(0px)){.modal__panel{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}textarea::-webkit-scrollbar{width:8px;background:var(--bg-main);border-radius:6px}textarea::-webkit-scrollbar-thumb{background:var(--text-main);border-radius:6px}textarea::-webkit-scrollbar-thumb:hover{background:var(--text-main)}textarea{scrollbar-color:var(--text-main) var(--bg-main)}
