*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary, "IBM Plex Sans"),sans-serif;line-height:1.5;color:var(--color-fg, #1e1c1f);background-color:var(--color-scheme-1-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:inherit}p:last-child{margin-bottom:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent, #764191);outline-offset:2px}button{cursor:pointer;border:none;background:none;font:inherit;padding:0}input,textarea,select,button{font:inherit;color:inherit;background:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{margin:0;padding:0;border:none}legend{padding:0}hr{margin:0;border:none;height:1px;width:100%;background-color:var(--color-border, #ccc)}img{display:block;max-width:100%;height:auto;object-fit:cover}article,section,main,nav,aside,figure,figcaption{display:block}:root{--color-scheme-1-background: var(--color-neutral-darkest);--color-neutral-darkest: #060307;--color-scheme-1-border: var(--opacity-white-20);--color-scheme-1-text: var(--color-white);--color-neutral-lighter: #d9d9d9;--color-white: #fff;--color-neutral-lightest: #f2f2f2;--color-neutral-light: #b4b3b4;--color-neutral: #828183;--color-neutral-dark: #504e51;--color-neutral-darker: #1e1c1f;--opacity-transparent: rgba(255, 255, 255, 0);--color-scheme-1-foreground: var(--color-neutral-darkest);--color-scheme-1-accent: var(--color-white);--opacity-white-5: rgba(255, 255, 255, .05);--opacity-white-10: rgba(255, 255, 255, .1);--opacity-white-15: rgba(255, 255, 255, .15);--opacity-white-20: rgba(255, 255, 255, .2);--opacity-white-30: rgba(255, 255, 255, .3);--opacity-white-40: rgba(255, 255, 255, .4);--opacity-white-50: rgba(255, 255, 255, .5);--opacity-white-60: rgba(255, 255, 255, .6);--opacity-neutral-darkest-5: rgba(6, 3, 7, .05);--opacity-neutral-darkest-10: rgba(6, 3, 7, .1);--opacity-neutral-darkest-15: rgba(6, 3, 7, .15);--opacity-neutral-darkest-20: rgba(6, 3, 7, .2);--opacity-neutral-darkest-30: rgba(6, 3, 7, .3);--opacity-neutral-darkest-40: rgba(6, 3, 7, .4);--opacity-neutral-darkest-50: rgba(6, 3, 7, .5);--opacity-neutral-darkest-60: rgba(6, 3, 7, .6);--color-affair-lightest: #f1ecf4;--color-affair-lighter: #e3d9e9;--color-affair-light: #9f7ab2;--color-affair: #764191;--color-affair-dark: #5e3474;--color-affair-darker: #2f1a3a;--color-affair-darkest: #23132b;--color-chateau-green-lightest: #ecf4ed;--color-chateau-green-lighter: #d9eadc;--color-chateau-green-light: #7ab686;--color-chateau-green: #419853;--color-chateau-green-dark: #347942;--color-chateau-green-darker: #1a3c21;--color-chateau-green-darkest: #132d18;--color-scheme-2-text: var(--color-white);--color-scheme-2-background: var(--color-neutral-darker);--color-scheme-2-border: var(--opacity-white-20);--color-scheme-2-accent: var(--color-white);--color-scheme-2-foreground: var(--color-neutral-darker);--color-scheme-3-text: var(--color-white);--color-scheme-3-background: var(--color-affair-darkest);--color-scheme-3-border: var(--opacity-white-20);--color-scheme-3-accent: var(--color-white);--color-scheme-3-foreground: var(--color-affair-darkest);--color-error-red: #af0404;--font-primary: "IBM Plex Sans", sans-serif;--font-secondary: "Epilogue", sans-serif;--font-tertiary: "Roboto", sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.05)}.container{width:100%;max-width:320px;margin:0 auto;padding:0 16px}@media (min-width: 768px){.container{max-width:736px}}@media (min-width: 1440px){.container{max-width:1344px}}.header{position:fixed;top:0;left:0;background-color:var(--color-scheme-1-background);z-index:1000;width:100%}.header-container{display:flex;justify-content:space-between;align-items:center;height:64px;margin-left:auto;margin-right:auto}@media screen and (max-width:767px){.nav{display:none}}.logo{fill:var(--color-scheme-2-accent)}.burger-btn{display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer;border:none;background:transparent;padding:0}.burger-icon{position:relative;display:block;width:12px;height:2px;background-color:var(--color-scheme-1-text);transition:background-color .25s,transform .25s}.burger-icon:before,.burger-icon:after{content:"";position:absolute;height:2px;background-color:var(--color-scheme-1-text);transition:transform .25s,top .25s,width .25s}.burger-icon:before{top:-5px;width:16px;left:-4px}.burger-icon:after{top:5px;left:4px;width:8px}.burger-btn.is-open{padding-left:4px}.burger-btn.is-open .burger-icon{background-color:transparent}.burger-btn.is-open .burger-icon:before{top:0;transform:rotate(-45deg);left:0;width:12px;height:2px}.burger-btn.is-open .burger-icon:after{top:0;transform:rotate(45deg);width:12px;height:2px;left:0}@media screen and (min-width:768px){.header .container{max-width:768px;padding-left:64px;padding-right:64px;height:72px;left:calc(50% - 384px)}.burger-btn{display:none}.nav-list{display:flex;gap:32px}.nav-link{display:block;padding-top:12px;padding-bottom:12px;font-family:var(--font-family);font-weight:400;font-size:18px;line-height:150%;color:var(--color-scheme-1-text)}}@media screen and (min-width:1440px){.header .container{max-width:1440px;left:calc(50% - 720px)}.nav-link:hover,.nav-link:focus{color:var(--opacity-white-60);transition:color .25s,transform .25s}.logo:hover,.logo:focus{transform:scale(1.04);transition:transform .25s,transform .25s}}.no-scroll{overflow:hidden;height:100vh}.burger-menu{position:fixed;top:64px;left:0;width:100%;height:calc(100% - 64px);opacity:0;visibility:hidden;pointer-events:none;background-color:var(--color-scheme-1-background);transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);z-index:1000}.burger-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.burger-menu-container{height:100%}.burger-menu-nav{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:39px}.burger-nav-list{display:flex;flex-direction:column;align-items:center;gap:32px}.burger-nav-link{font-family:var(--font-family);font-weight:500;font-size:26px;line-height:150%;color:var(--color-scheme-1-text)}@media screen and (min-width: 768px){.burger-menu{display:none}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:64px 16px 0;margin-top:64px;background:var(--color-scheme-3-foreground);overflow-x:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#000000b3,#0000 5%);z-index:0}.hero-inner{display:flex;flex-direction:column;width:100%;align-items:flex-start;box-sizing:border-box}.hero-bg{position:relative;width:288px;height:385px;background-image:url(/DevPulse/assets/content-mob-MV7J1RW7.png);background-repeat:no-repeat;background-size:contain;background-position:center bottom;margin-top:64px;z-index:0}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000,#0000 50%);pointer-events:none;z-index:2}.hero-content{display:flex;flex-direction:column;width:100%;max-width:320px;height:auto;padding:0}.hero-title{font-family:Epilogue,sans-serif;font-weight:700;font-size:48px;line-height:1.1;letter-spacing:-.01em;color:var(--color-scheme-1-text);margin-bottom:20px;z-index:6}.mob-line{display:block}.tab-line,.desk-line{display:none}.hero-subtitle{font-weight:400;font-size:18px;line-height:1.5;color:var(--color-scheme-1-text);margin-bottom:24px;z-index:6}.btn{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:10px 24px;width:100%;max-width:288px;height:47px;background:var(--color-affair);color:var(--color-white);font-weight:500;font-size:18px;line-height:1.5;box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);z-index:6}.btn:hover,.btn:focus{box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-affair);opacity:.6}@media (min-width: 768px) and (max-width: 1440px){.hero{flex-direction:column;padding:32px 32px 0;margin-top:72px}.hero-inner{flex-direction:column;align-items:flex-start;width:100%}.hero-title{max-width:624px;font-size:48px;line-height:1.1;margin-bottom:24px}.mob-line{display:none}.tab-line{display:block;width:624px;font-size:48px;line-height:1.1;word-break:normal}.desk-line{display:none}.hero-subtitle{max-width:624px;font-size:20px;margin-bottom:32px}.btn{max-width:246px;margin-bottom:32px}.hero-bg{width:704px;height:632px;background-image:url(/DevPulse/assets/content-tabl-CQQVqRby.png);background-repeat:no-repeat;background-size:contain;background-position:center bottom;margin-top:0}}@media (min-width: 1024px){.hero{position:relative;display:flex;overflow:hidden;padding:0 32px;margin-top:72px;background:var(--color-scheme-3-foreground);min-height:100vh;box-sizing:border-box}.hero-inner{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%;margin:0 auto;box-sizing:border-box}.hero-content{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:center;padding:64px 32px}.mob-line,.tab-line{display:none}.desk-line{display:block}.hero-title{font-size:48px;line-height:1.1;margin-bottom:24px}.hero-subtitle{font-size:20px;line-height:1.5;margin-bottom:32px}.btn{width:206px;height:auto}.hero-bg{flex:0 0 50%;max-width:50%;height:100vh;background-image:url(/DevPulse/assets/content-desk-DhkZO3hF.png);background-repeat:no-repeat;background-size:cover;background-position:center;margin:0;position:relative;z-index:1}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#000000b3,#0000 20% 80%,#000000b3);z-index:0;box-sizing:border-box}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000 50%);pointer-events:none;z-index:2;box-sizing:border-box}.hero-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:20%;background:linear-gradient(180deg,#060307,#23132b00 50%);pointer-events:none;z-index:3}}.section-artists{padding-top:64px;padding-bottom:64px}@media (min-width: 1440px){.section-artists{padding-top:112px;padding-bottom:112px}}.head-artists{margin-bottom:32px}@media (min-width: 1440px){.head-artists{max-width:523px;margin-bottom:80px}}.text-artists{font-weight:600;line-height:1.5;color:var(--color-white);margin-bottom:16px}.title-artists{font-family:var(--font-secondary);font-weight:700;font-size:44px;line-height:1.2;letter-spacing:-.01em;color:var(--color-white)}@media (min-width: 1440px){.title-artists{font-size:60px}}.list-artists{display:flex;flex-direction:column;gap:64px;margin-bottom:32px}@media (min-width: 1440px){.list-artists{margin-bottom:64px;flex-direction:row;flex-wrap:wrap;gap:32px}}.load-more{border-radius:12px;display:flex;justify-content:center;align-items:center;gap:12px;width:288px;height:47px;box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background-color:var(--color-affair);font-weight:500;font-size:18px;line-height:1.5;color:var(--color-white)}@media (min-width: 768px){.load-more{max-width:340px;margin:0 auto}}@media (min-width: 1440px){.load-more{max-width:170px}}.load-more:hover,.learn-more-artist:hover{opacity:.6}.item-artists{display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.item-artists:last-child{margin-bottom:32px}}@media (min-width: 1440px){.item-artists{width:calc((100% - 32px)/2)}}.img-artist{width:288px;height:177px;object-fit:cover;object-position:top;border-radius:16px}@media (min-width: 768px){.img-artist{width:704px;height:432px}}@media (min-width: 1440px){.img-artist{width:640px;height:393px}}.genres-artist{display:flex;flex-wrap:wrap;gap:16px}.genre-artist{border:1px solid var(--opacity-white-20);border-radius:6px;padding:4px 10px;font-weight:600;color:var(--color-white);margin-bottom:16px}.name-artist{font-family:var(--font-secondary);font-weight:700;font-size:32px;line-height:1.3;letter-spacing:-.01em;color:var(--color-white)}.desc-artist{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:65ch;font-size:18px;color:var(--color-white)}.learn-more-artist{display:flex;align-items:center;gap:8px;justify-content:start;font-weight:500;font-size:18px;color:var(--color-white)}.icon-learn-more{padding:5px 0}.icon-load-more{fill:var(--color-white)}.is-display-none{display:none}.global-loader{margin:0 auto;width:56px;height:56px;background:#0006;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9999;transition:opacity .3s ease}.global-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.global-loader .spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 10px #ffffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination-bullet.swiper-pagination-bullet-active:hover{background:var(--color-scheme-1-text, #fff)!important;transform:none;box-shadow:none;cursor:default}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feedback{margin:0 auto;padding:64px 16px 32px;gap:40px}.feedback.container{padding-left:0;padding-right:0}.swiper{position:relative;margin-bottom:80px}.review-card{text-align:center;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-sizing:border-box}.feedback-author{font-family:var(--font-primary, "IBM Plex Sans", sans-serif);font-style:normal;font-size:18px;line-height:150%;letter-spacing:0%;color:var(--color-white);padding-bottom:10px;gap:20px;margin-bottom:20px}.feedback-text{font-family:var(--font-secondary, "Epilogue", sans-serif);font-weight:700;font-style:normal;font-size:18px;line-height:140%;letter-spacing:-1%;text-align:center;color:var(--color-white);max-height:180px;overflow-y:auto;scrollbar-width:thin;margin-bottom:32px}.swiper-button-next,.swiper-button-prev{display:flex!important;align-items:center;justify-content:center;background:var(--color-neutral-darkest);border-radius:8px;border-width:1px;border-style:solid;border-color:var(--color-neutral);width:48px!important;height:48px!important;display:none!important;opacity:1;color:var(--color-white);font-size:0;transform:rotate(0);top:50px!important;transition:background .1s,color .1s}.swiper-button-next:active,.swiper-button-prev:active{background:var(--color-neutral-darker);transform:scale(1.1)}.swiper-button-prev:after,.swiper-button-next:after{display:none!important}.swiper-button-next:hover,.swiper-button-prev:hover{color:var(--color-neutral);border-color:var(--color-neutral-darker)}.swiper-button-next svg,.swiper-button-prev svg{width:24px!important;height:24px!important;display:block;color:var(--color-white);transition:color .1s,fill .1s}.swiper-button-next:hover svg,.swiper-button-prev:hover svg{color:var(--color-neutral)}.swiper-button-next:active svg,.swiper-button-prev:active svg{color:var(--color-white)!important;fill:var(--color-white)!important}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{background:var(--color-neutral-darkest);color:var(--color-neutral-darker);border-color:var(--color-neutral-darkest);cursor:not-allowed;opacity:.5}.swiper-pagination-bullet{background:var(--color-neutral)!important;margin:0 5px;cursor:pointer;transition:background .2s,transform .15s}.swiper-pagination-bullet:hover{background:var(--color-white)!important;transform:scale(1.2)}.swiper-pagination-bullet-active{background:var(--color-scheme-1-text, #fff)!important}.leave-feedback{border-radius:12px;display:block;width:288px;max-width:100%;margin:32px auto 0;height:47px;box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background-color:var(--color-affair);font-weight:500;font-size:18px;line-height:1.5;color:var(--color-white);text-align:center}.leave-feedback:hover{opacity:.6}.star{position:relative;width:20px;height:20px;margin-bottom:20px;display:flex}.star svg,.star i{position:absolute;width:100%;height:100%}.star svg.star-half,.star svg.star-filled,.star i.star-half,.star i.star-filled{opacity:0}.star.filled svg.star-empty,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-empty,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-empty,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-empty,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-empty,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-empty,.star.filled svg.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled{opacity:0}.star.filled svg.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) svg.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) svg.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) svg.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) svg.star-filled,.rating.value-1 .star-container .star:nth-child(-n+1) svg.star-filled,.star.filled i.star-filled,.rating.value-5 .star-container .star:nth-child(-n+5) i.star-filled,.rating.value-4 .star-container .star:nth-child(-n+4) i.star-filled,.rating.value-3 .star-container .star:nth-child(-n+3) i.star-filled,.rating.value-2 .star-container .star:nth-child(-n+2) i.star-filled,.rating.value-1 .star-container .star:nth-child(-n+1) i.star-filled{opacity:1}.star-container{display:flex;justify-content:center}@media (min-width: 768px){.leave-feedback{margin-left:auto;margin-right:auto;display:block}.swiper-button-next,.swiper-button-prev{display:flex!important}.review-card{padding:20px 80px}.feedback-text{font-size:26px;max-height:240px}.leave-feedback{max-width:340px;margin:0 auto}}@media (min-width: 1440px){.feedback{padding:112px 64px;gap:80px}.feedback-text{font-size:32px;line-height:130%;max-height:320px}.feedback-author{margin-bottom:60px}.review-card{padding:20px 200px}.leave-feedback{max-width:170px}}.about-section{padding:64px 0;background-color:#060307;color:#fff}.about-section-content{display:flex;flex-direction:column;gap:48px}.about-section-image{width:100%;height:auto;display:block;border-radius:20px;object-fit:cover;clip-path:inset(2px 0 0 2px)}.about-section-icon{width:64px;height:64px;flex-shrink:0;fill:currentColor}.about-section-title{font-size:44px;font-weight:700;font-family:Epilogue,sans-serif;line-height:1.2;letter-spacing:-.01em}.about-section-text{display:flex;flex-direction:column;gap:20px}.about-section-description{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.5;letter-spacing:0em}@media screen and (min-width: 768px){.about-section{padding:64px 32px}.about-section-content,.about-section-text{gap:24px}.about-section-icon{width:80px;height:80px}.about-section-title{font-size:28px}.about-section-description{font-size:20px}}@media screen and (min-width: 1440px){.about-section{padding:112px 0}.about-section-content{flex-direction:row;gap:32px;align-items:center}.about-section-image{min-width:640px}.about-section-title{font-size:60px}.about-section-description{font-size:20px}}#artist-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#06030799;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:16px}#artist-modal-backdrop.hidden{display:none}#artist-modal{background-color:var(--color-scheme-1-background);color:var(--color-scheme-1-text);border-radius:16px;box-shadow:0 8px 32px #00000080;width:100%;max-width:288px;max-height:90vh;overflow-y:auto;padding:32px;position:relative;font-family:var(--font-primary)}@media (min-width: 768px){#artist-modal{max-width:702px}}@media (min-width: 1440px){#artist-modal{max-width:1312px}}#artist-close-btn{position:absolute;top:20px;right:20px;border-radius:50%;width:32px;height:32px;color:var(--color-white);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}#artist-close-btn:hover{opacity:60%}.artist-header{display:flex;flex-direction:column;text-align:center}.artist-header h2{margin-bottom:16px;font-size:28px;font-weight:600}.artist-header-content{display:flex;flex-direction:column;gap:16px;align-items:center}.artist-header-left{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.artist-header-right{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%}.artist-header-photo{width:100%;height:176px;object-fit:contain;border-radius:5%;margin-bottom:16px}.artist-header p{margin:4px 0;font-size:16px;text-align:left}@media screen and (min-width: 768px) and (max-width: 1439px){.artist-header-content{flex-direction:column;align-items:center}.artist-header-left{margin-bottom:16px}.artist-header-right{width:100%;text-align:left;padding:0 16px}.artist-header-photo{height:402px;max-width:90%}}@media screen and (min-width: 1440px){.artist-header-content{flex-direction:row;align-items:flex-start;gap:20px}.artist-header-left{min-width:400px;margin-bottom:0}.artist-header-right{flex:1;width:auto;padding:0}.artist-header-photo{height:auto}}.albums{margin-top:32px;text-align:center}.albums h3{font-size:22px;margin-bottom:16px;border-bottom:1px solid var(--opacity-white-20);padding-bottom:8px}.albums-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.albums-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1440px){.albums-grid{grid-template-columns:repeat(4,1fr)}}.album{margin-bottom:24px;padding:16px;text-align:left;border-radius:12px}.album-title{font-weight:600;font-size:18px;margin-bottom:12px;position:relative;padding-bottom:6px}.album-title:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;border-radius:2px}.tracks{margin-top:8px}.track,.track-header{display:grid;grid-template-columns:3fr 1fr 1fr;gap:12px;padding:6px 0;align-items:center}.track-header{font-weight:600;border-bottom:1px solid var(--opacity-white-20)}.track span{font-size:14px;padding-left:12px}.track:nth-child(2n){background-color:var(--opacity-white-5);border-radius:8px}.track:hover{background-color:var(--opacity-white-10);cursor:pointer}.yt-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--opacity-white-10);color:var(--color-white);font-size:14px;text-decoration:none;transition:all .25s ease}.yt-link:hover{background:var(--color-affair-light);color:var(--color-white);box-shadow:0 0 8px var(--color-affair-light);transform:scale(1.1)}.backdrop-feedback-modal{background:#00000040;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1111;opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.backdrop-feedback-modal.feedback-is-open{opacity:1;visibility:visible}.feedback-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:16px;width:320px;height:100%;transition:transform .25s cubic-bezier(.4,0,.2,1);background:var(--color-scheme-1-background);padding-top:16px;padding-left:16px;padding-right:16px}.feedback-close-btn{margin-left:auto;display:block;margin-bottom:16px}.feedback-modal-title{font-family:var(--second-family);font-weight:700;font-size:24px;line-height:130%;letter-spacing:-.01em;text-align:center;color:var(--color-scheme-1-text)}.feedback-modal-item{margin-bottom:32px}.feedback-modal-label{display:block;font-family:var(--font-family);font-weight:400;font-size:18px;line-height:150%;color:var(--color-scheme-1-text);margin-bottom:8px}.feedback-modal-input{padding:8px 12px;border:1px solid var(--opacity-white-20);border-radius:12px;width:100%;outline:none;color:var(--color-scheme-1-text)}.feedback-modal-input:hover,.feedback-modal-input:focus{border:1px solid var(--color-scheme-1-text);transition:border .25s,transform .25s}.feedback-modal-input.is-error{border:1px solid var(--color-error-red);color:var(--color-error-red)}.feedback-modal-textarea{width:100%;padding:12px;min-height:130px;border:1px solid var(--opacity-white-20);border-radius:12px;outline:none;color:var(--color-scheme-1-text)}.feedback-modal-textarea:hover,.feedback-modal-textarea:focus{border:1px solid var(--color-scheme-1-text);transition:border .25s,transform .25s}.feedback-modal-textarea.is-error{border:1px solid var(--color-error-red);color:var(--color-error-red)}.feedback-modal-list{margin-bottom:32px;display:flex;gap:6px}.feedback-modal-rating{display:flex;align-items:center;justify-content:center;width:31px;height:29px}.feedback-modal-star{fill:var(--color-scheme-1-text)}.feedback-modal-star.is-click{fill:var(--color-affair)}.feedback-modal-button{width:288px;height:47px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-weight:500;font-size:18px;line-height:150%;color:var(--color-white);box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-affair);border-radius:12px}.feedback-modal-button:hover,.feedback-modal-button:focus{opacity:.6;transition:opacity .25s,transform .25s}@media screen and (min-width:768px){.feedback-modal{width:704px;height:688px;padding-bottom:82px;padding-left:32px;padding-right:32px}.feedback-modal-title{font-size:44px;line-height:120%;margin-bottom:48px}.feedback-modal-item,.feedback-modal-list{margin-bottom:24px}.feedback-modal-button{width:340px;margin-left:auto;margin-right:auto}}@media screen and (min-width:1440px){.feedback-modal{width:864px;height:688px;padding-bottom:63px;padding-left:64px;padding-right:64px}.feedback-modal-title{font-size:60px}.feedback-modal-button{width:108px}}.footer{box-sizing:border-box}.footer-container{margin-bottom:48px}.footer-link-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.footer-link-list{display:flex;align-items:center;flex-direction:column;gap:32px;margin-bottom:48px;color:var(--color-scheme-1-text)}.footer-divider{border:1px solid #383539;margin-bottom:24px;width:100%}.credits{margin-bottom:48px}.row{display:flex;flex-direction:column;align-items:center;gap:32px}.footer-social-list{display:flex;flex-direction:row;gap:32px;margin-bottom:32px}.footer-rights{font-family:var(--font-family);font-weight:400;font-size:16px;line-height:1.5em;color:var(--color-scheme-1-text);text-align:center;margin-bottom:48px}.footer-logo{color:var(--color-primary)}@media (min-width: 768px){.footer{padding:80px 32px;width:100%}.container{width:100%;margin:auto}.footer-link-wrap{min-width:493px;min-height:101px}.footer-link-list{display:flex;align-items:center;justify-content:center;flex-direction:row;min-width:493px;min-height:24px;gap:32px;margin:0;padding:0}.credits .row{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:nowrap}.row{flex-direction:row}.footer-social-link{display:flex;gap:24px;margin:0;order:1}.footer-social-img:hover,.footer-link:hover{opacity:60%}.footer-rights{width:auto;height:auto;text-align:left;white-space:nowrap;order:0}}@media (min-width: 1440px){.footer{padding-left:64px;padding-right:64px;padding-bottom:80px}.footer-link-wrap{min-width:640px}.footer-link-list{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:32px}.credits .row{display:flex;align-items:center;width:100%;flex-wrap:nowrap}}