@import "https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700&display=swap";:root{--color-bg:#101010;--color-surface:#191919;--color-gray:#515151;--color-accent:#fdff61;--color-light:#f7f7f7;--color-white:#fff;--font-family:"Urbanist", sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-24:24px;--line-height:1;--letter-spacing:-.01em}body{font-family:var(--font-family);font-weight:var(--fw-regular);font-size:var(--fs-16);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color:var(--color-white);background-color:var(--color-bg)}.text-bold-24{font-weight:var(--fw-bold);font-size:var(--fs-24);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.text-bold-18{font-weight:var(--fw-bold);font-size:var(--fs-18);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.text-bold-16{font-weight:var(--fw-bold);font-size:var(--fs-16);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.text-semibold-16{font-weight:var(--fw-semibold);font-size:var(--fs-16);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.text-medium-16{font-weight:var(--fw-medium);font-size:var(--fs-16);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.text-regular-16{font-weight:var(--fw-regular);font-size:var(--fs-16);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.text-regular-14{font-weight:var(--fw-regular);font-size:var(--fs-14);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.text-regular-12{font-weight:var(--fw-regular);font-size:var(--fs-12);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1}img,picture,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root{--container-max-width:1440px;--container-padding-inline:16px}@media (width>=768px){:root{--container-padding-inline:32px}}@media (width>=1440px){:root{--container-padding-inline:64px}}body{min-width:375px;overflow-x:hidden}.container{width:100%;max-width:var(--container-max-width);padding-inline:var(--container-padding-inline);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{fill:none;flex-shrink:0}body.no-scroll{overflow:hidden}.header{z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-surface);position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;gap:16px;padding-block:16px;display:flex}.header__logo{font-weight:var(--fw-bold);font-size:var(--fs-18);letter-spacing:var(--letter-spacing);color:var(--color-white);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.header__logo-icon{width:32px;height:32px}.header__burger{color:var(--color-white);justify-content:center;align-items:center;padding:4px;display:flex}.header__burger .icon{width:24px;height:24px}.header__nav,.header__socials{display:none}.header__nav-list,.header__socials-list{align-items:center;display:flex}.header__nav-list{gap:32px}.header__nav-link{font-weight:var(--fw-medium);font-size:var(--fs-16);color:var(--color-white);transition:color .2s}.header__nav-link:hover,.header__nav-link:focus-visible{color:var(--color-accent)}.header__socials-list{gap:10px}.header__socials-link{width:32px;height:32px;color:var(--color-bg);background-color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.header__socials-link .icon{width:16px;height:16px}.header__socials-link:hover,.header__socials-link:focus-visible{opacity:.8}@media (width>=768px){.header__burger{display:none}.header__nav,.header__socials{display:block}.header{background-color:#0000;border-bottom:none;position:absolute;top:48px;left:0;right:0}.header__inner{justify-content:flex-start;gap:0;padding-block:0;padding-inline:64px}.header__logo-icon{width:40px;height:40px}.header__nav{margin-left:48px}.header__socials{margin-left:auto}.header__socials-link{width:40px;height:40px}.header__socials-link .icon{width:18px;height:18px}}@media (width>=1440px){.header__nav{margin-left:100px}.header__nav-list{gap:40px}}.mobile-menu{top:calc(100% + 8px);right:var(--container-padding-inline);z-index:200;background-color:var(--color-accent);visibility:hidden;opacity:0;border-radius:16px;flex-direction:column;gap:20px;min-width:160px;padding:20px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;transform:translateY(-8px);box-shadow:0 12px 24px #0000004d}.mobile-menu.is-open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-menu__nav-list{flex-direction:column;gap:14px;display:flex}.mobile-menu__nav-link{font-weight:var(--fw-medium);font-size:var(--fs-16);color:var(--color-bg);transition:opacity .2s}.mobile-menu__nav-link:hover,.mobile-menu__nav-link:focus-visible{opacity:.7}.mobile-menu__socials-list{align-items:center;gap:8px;display:flex}.mobile-menu__socials-link{width:24px;height:24px;color:var(--color-accent);background-color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.mobile-menu__socials-link .icon{width:12px;height:12px}.mobile-menu__socials-link:hover,.mobile-menu__socials-link:focus-visible{opacity:.8}@media (width>=768px){.mobile-menu{display:none}}.hero{padding-block:16px 48px}.hero__inner{flex-direction:column;gap:16px;display:flex}.hero__content{background-color:var(--color-surface);border-radius:22px;height:780px;position:relative}.hero__text{flex-direction:column;gap:20px;width:311px;height:234px;display:flex;position:absolute;top:240px;left:16px}.hero__title{font-weight:var(--fw-bold);letter-spacing:-.03em;color:var(--color-white);font-size:50px;line-height:46px}.hero__title .accent{color:var(--color-accent)}.hero__description{max-width:420px;font-size:var(--fs-16);font-weight:var(--fw-regular);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color:#f7f7f7b3}.hero__tags{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:672px;left:16px}.hero__tag{background-color:var(--color-surface);color:#f7f7f7b3;font-size:var(--fs-12);font-weight:var(--fw-regular);border:1px solid #f7f7f71a;border-radius:10px;padding:7px 8px}.hero__media{aspect-ratio:343/525;background:linear-gradient(#fdff614f 0%,#19191942 100%);border-radius:22px;height:auto;position:relative;overflow:hidden}.hero__image{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.hero__track{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#101010a6;border:1px solid #f7f7f71a;border-radius:12px;align-items:center;gap:8px;max-width:calc(100% - 24px);height:44px;padding:0 12px;display:flex;position:absolute;bottom:12px;left:12px}.hero__track-number{font-size:var(--fs-14);font-weight:var(--fw-bold);letter-spacing:var(--letter-spacing);color:var(--color-white);flex-shrink:0}.hero__track-name{min-width:0;font-size:11px;font-weight:var(--fw-bold);letter-spacing:var(--letter-spacing);color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.hero__track-artist{font-size:10px;font-weight:var(--fw-regular);color:#f7f7f799;flex-shrink:0}.hero__track-time{font-size:var(--fs-12);font-weight:var(--fw-bold);letter-spacing:var(--letter-spacing);text-align:center;color:var(--color-white);flex-shrink:0}.hero__track-yt{aspect-ratio:68/13;flex-shrink:0;width:44px;height:8.4px}@media (width>=768px){.hero{padding-block:32px 64px}.hero__inner{gap:16px;padding-inline:16px}.hero__content{background-color:var(--color-surface);border-radius:42px;height:868px;position:relative}.hero__text{gap:40px;width:431px;height:337px;position:absolute;top:251px;left:48px}.hero__title{letter-spacing:-.03em;font-size:90px;line-height:80px}.hero__tags{gap:10px;width:269px;height:76px;position:absolute;top:760px;left:48px}.hero__media{aspect-ratio:736/761;border-radius:42px;height:auto}.hero__track{gap:12px;height:56px;padding:0 16px;bottom:20px;left:20px}.hero__track-number{font-size:18px}.hero__track-name{font-size:var(--fs-14)}.hero__track-artist{font-size:var(--fs-12)}.hero__track-yt{width:56px}}@media (width>=1440px){.hero{padding-block:16px 96px}.hero__inner{flex-direction:row;align-items:stretch;gap:16px;padding-inline:16px}.hero__content{flex:0 0 696px;width:696px;height:868px}.hero__media{border-radius:42px;flex:0 0 696px;width:696px;height:868px}.hero__media:before,.hero__media:after{content:"";z-index:0;filter:blur(60px);pointer-events:none;background-color:#fdff610a;width:839px;height:204px;position:absolute}.hero__media:before{top:205px;left:-63px;transform:rotate(-13deg)}.hero__media:after{top:384px;left:-63px;transform:rotate(-16deg)}.hero__image{width:696px;height:697px;position:absolute;top:171px;left:0}.hero__track{width:294px;max-width:none;height:68px;padding:0 16px;top:701px;bottom:auto;left:54px}.hero__track-number{font-size:20px}.hero__track-name{font-size:var(--fs-14)}.hero__track-yt{width:68px}}.artist{background-color:var(--color-surface);padding-block:48px}.artist__filters-label{color:#f7f7f780;font-size:var(--fs-14);margin-bottom:12px}.artist__filters{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.artist__search{background-color:var(--color-bg);color:#f7f7f799;border:1px solid #f7f7f71a;border-radius:16px;flex:1 1 0;justify-content:space-between;align-items:center;gap:8px;min-width:0;height:49px;padding:10px;display:flex}.artist__search-input{min-width:0;font-size:var(--fs-14);color:var(--color-white);flex:auto}.artist__search-input::placeholder{color:#f7f7f780}.artist__search .icon{width:18px;height:18px}.artist__select{flex:1 1 0;align-items:center;min-width:0;display:flex;position:relative}.artist__select select{background-color:var(--color-bg);width:100%;height:49px;color:var(--color-white);font-size:var(--fs-14);text-overflow:ellipsis;appearance:none;border:1px solid #f7f7f71a;border-radius:16px;padding:10px 28px 10px 10px;overflow:hidden}.artist__select .icon{color:#f7f7f799;pointer-events:none;width:16px;height:16px;position:absolute;right:12px}.artist__title{font-weight:var(--fw-bold);font-size:var(--fs-24);letter-spacing:var(--letter-spacing);color:var(--color-white);margin-bottom:24px}.artist__list{grid-template-columns:1fr;gap:16px;margin-bottom:32px;display:grid}.artist__empty{color:#f7f7f799;font-size:var(--fs-16);text-align:center;grid-column:1/-1;padding:32px 0}.artist-card__button{background-color:var(--color-bg);text-align:left;border-radius:10px;flex-direction:column;gap:10px;width:100%;height:100%;padding:22px;transition:background-color .2s;display:flex;overflow:hidden}.artist-card__button:hover,.artist-card__button:focus-visible{background-color:var(--color-accent)}.artist-card__button:hover .artist-card__genres,.artist-card__button:focus-visible .artist-card__genres,.artist-card__button:hover .artist-card__name,.artist-card__button:focus-visible .artist-card__name,.artist-card__button:hover .artist-card__bio,.artist-card__button:focus-visible .artist-card__bio{color:var(--color-bg)}.artist-card__button:hover .artist-card__arrow,.artist-card__button:focus-visible .artist-card__arrow{color:var(--color-light);background-color:var(--color-bg)}.artist-card__button:hover .artist-card__arrow .icon,.artist-card__button:focus-visible .artist-card__arrow .icon{transform:rotate(44deg)}.artist-card__image{object-fit:cover;border-radius:10px;width:100%;height:211px}.artist-card__meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.artist-card__arrow{width:32px;height:32px;color:var(--color-bg);background-color:var(--color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.artist-card__arrow .icon{width:18px;height:18px;transition:transform .2s}.artist-card__genres{color:#f7f7f799;min-width:0;height:17px;font-size:var(--fs-14);line-height:var(--line-height);letter-spacing:var(--letter-spacing);white-space:nowrap;text-overflow:ellipsis;transition:color .2s;overflow:hidden}.artist-card__name{height:18px;color:var(--color-white);font-weight:var(--fw-bold);font-size:var(--fs-18);line-height:var(--line-height);letter-spacing:var(--letter-spacing);white-space:nowrap;text-overflow:ellipsis;transition:color .2s;overflow:hidden}.artist-card__bio{color:#f7f7f799;height:36px;font-size:var(--fs-12);line-height:var(--line-height);letter-spacing:var(--letter-spacing);-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:color .2s;display:-webkit-box;overflow:hidden}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.pagination[hidden]{display:none}.pagination__btn{min-width:36px;height:36px;color:var(--color-white);font-size:var(--fs-14);font-weight:var(--fw-medium);border-radius:10px;justify-content:center;align-items:center;padding-inline:8px;transition:background-color .2s,color .2s,opacity .2s;display:flex}.pagination__btn .icon{width:16px;height:16px}.pagination__btn--nav .icon{transform:scaleX(-1)}.pagination__btn:hover,.pagination__btn:focus-visible{background-color:var(--color-surface)}.pagination__btn.is-active{background-color:var(--color-accent);color:var(--color-bg)}.pagination__btn:disabled{opacity:.3;pointer-events:none}.pagination__ellipsis{color:#f7f7f780;font-size:var(--fs-14)}@media (width>=768px){.artist__filters-label{font-weight:var(--fw-semibold);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}.artist__filters{flex-flow:row}.artist__title{line-height:var(--line-height);color:var(--color-light)}.artist__list{grid-template-columns:repeat(2,1fr)}.artist-card__button{border-radius:20px}}@media (width>=1440px){.artist{padding-block:64px}.artist__search{flex:0 0 316px}.artist__select{flex:0 0 200px}.artist__list{grid-template-columns:repeat(4,1fr)}}.content{padding-block:48px}.content__card{background-color:var(--color-accent);border-radius:42px;height:184px;position:relative;overflow:hidden}.content__curve{z-index:0;pointer-events:none;display:none;position:absolute}.content__body{z-index:1;align-items:center;gap:10px;width:100%;max-width:279px;height:120px;padding-block:49px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content__image{flex-shrink:0;width:94px;height:105px}.content__text{font-weight:var(--fw-bold);letter-spacing:-.03em;color:var(--color-bg);font-size:18px;line-height:20px}.content__text-muted{color:#19191966}@media (width>=768px){.content__inner{padding-inline:16px}.content__card{height:324px}.content__body{max-width:636px;height:224px}.content__image{width:168px;height:187px}.content__text{font-size:40px;line-height:44px}}@media (width>=1440px){.content{padding-block:0}.content__inner{padding-inline:16px}.content__curve--1{display:block;top:74px;left:1079px}.content__curve--2{display:block;top:167px;left:1089.58px}.content__body{max-width:842px;height:224px}.content__image{width:221px;height:213px}}.showcase{padding-top:17px;padding-bottom:16px}.showcase__inner{max-width:var(--container-max-width);margin-inline:auto;padding-inline:16px}.showcase__card{background-color:var(--color-surface);border-radius:24px;position:relative;overflow:hidden}.showcase__image{object-fit:cover;width:100%;height:auto;display:block}.showcase__track{z-index:2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background-color:#ffffff12;border:1px solid #fdff614f;border-radius:12px;align-items:center;height:44px;padding-inline:10px;display:flex;position:absolute}.showcase__track-number{font-size:var(--fs-14);font-weight:var(--fw-bold);letter-spacing:var(--letter-spacing);color:var(--color-light);flex-shrink:0;margin-right:5px}.showcase__track-name{min-width:0;max-width:62px;font-size:11px;font-weight:var(--fw-bold);letter-spacing:var(--letter-spacing);color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;margin-right:4px;overflow:hidden}.showcase__track-artist{font-size:10px;font-weight:var(--fw-regular);color:#f7f7f799;flex-shrink:0;margin-right:6px}.showcase__track-time{font-size:10px;font-weight:var(--fw-bold);letter-spacing:var(--letter-spacing);text-align:center;color:var(--color-light);flex-shrink:0;margin-right:12px}.showcase__track-yt{aspect-ratio:68/13;flex-shrink:0;width:44px;height:8.4px}.showcase__track--1{top:52%;left:4%}.showcase__track--2{top:68%;right:4%}@media (width>=768px){.showcase{padding-top:17px;padding-bottom:16px}.showcase__card{border-radius:32px}.showcase__track{height:56px;padding-inline:12px}.showcase__track-number{font-size:var(--fs-16)}.showcase__track-name{max-width:76px;font-size:var(--fs-12)}.showcase__track-artist{font-size:11px}.showcase__track-time{font-size:var(--fs-12)}.showcase__track-yt{width:56px;height:10.7px}}@media (width>=1440px){.showcase__card{border-radius:42px;height:720px}.showcase__image{width:790px;height:720px;position:absolute;top:0;left:309px}.showcase__track{width:294px;height:68px;padding-inline:14px}.showcase__track-number{margin-right:8px;font-size:20px}.showcase__track-name{max-width:88px;font-size:var(--fs-14);margin-right:5px}.showcase__track-artist{font-size:var(--fs-12);margin-right:10px}.showcase__track-time{font-size:var(--fs-12);margin-right:20px}.showcase__track-yt{width:68px;height:13px}.showcase__track--1{top:403px;left:311px;right:auto}.showcase__track--2{top:513px;left:782px;right:auto}}.feedback{padding-top:0;padding-bottom:48px}.feedback__inner{max-width:var(--container-max-width);flex-direction:column;gap:16px;margin-inline:auto;padding-inline:16px;display:flex}.feedback__brand{background-color:var(--color-surface);border-radius:24px;min-height:180px;display:flex;overflow:hidden}.feedback__brand-image{object-fit:contain;object-position:center;width:100%;height:100%}.feedback__form-wrap{background-color:var(--color-surface);border-radius:24px;padding:24px}.feedback__title{font-weight:var(--fw-bold);font-size:var(--fs-24);letter-spacing:var(--letter-spacing);color:var(--color-light);margin-bottom:12px}.feedback__description{color:#f7f7f7cc;font-size:var(--fs-16);margin-bottom:24px;line-height:1.4}.feedback__form{flex-direction:column;gap:32px;display:flex}.feedback__rating-group{flex-direction:column;gap:6px;display:flex}.feedback__rating{align-items:center;gap:14px;display:flex}.feedback__rating-label{color:#f7f7f766;font-size:var(--fs-14)}.feedback__stars{align-items:center;gap:2px;display:flex}.feedback__star{color:var(--color-gray);padding:2px;transition:color .2s;display:flex}.feedback__star .icon{width:24px;height:24px}.feedback__star.is-filled{color:var(--color-accent)}.feedback__star.is-filled .icon{fill:currentColor}.feedback__field{display:block}.feedback__error{color:#ff5c5c;min-height:18px;font-size:var(--fs-14);margin-top:6px;display:block}.feedback__error:empty{margin-top:0}.feedback__input,.feedback__textarea{width:100%;color:var(--color-white);font-size:var(--fs-14);background-color:#0000;border:1px solid #f7f7f733;border-radius:16px;padding:15px}.feedback__input.is-invalid,.feedback__textarea.is-invalid{border-color:#ff5c5c}.feedback__input{height:49px}.feedback__textarea{resize:vertical;height:91px}.feedback__input::placeholder,.feedback__textarea::placeholder{color:#f7f7f780}.feedback__submit{background-color:var(--color-accent);color:var(--color-bg);font-weight:var(--fw-bold);font-size:var(--fs-16);border-radius:16px;align-self:flex-start;padding:15px 36px;transition:opacity .2s}.feedback__submit:hover,.feedback__submit:focus-visible{opacity:.8}.feedback__submit:disabled{opacity:.5;pointer-events:none}@media (width>=768px){.feedback__inner{flex-direction:row;align-items:stretch;gap:16px}.feedback__brand{flex:1 1 0;min-height:0}.feedback__brand-image{transform:scale(1.5)}.feedback__form-wrap{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;padding:64px 0;display:flex}.feedback__title,.feedback__description,.feedback__form{width:clamp(296px,230.86px + 8.48vw,353px)}}.reviews{padding-block:48px}.reviews__inner{padding-inline:16px}.reviews__card{background-color:var(--color-surface);border-radius:24px;padding:28px 16px}.reviews__title{font-weight:var(--fw-bold);font-size:var(--fs-24);letter-spacing:var(--letter-spacing);color:var(--color-light);margin-bottom:20px}.reviews__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.reviews__track{gap:16px;width:max-content;display:flex}.reviews__track.is-animated{animation:30s linear infinite reviews-scroll}.reviews__track.is-animated:hover,.reviews__track.is-animated:focus-within{animation-play-state:paused}@keyframes reviews-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.reviews__track.is-animated{animation:none}}.reviews__item{background-color:#ffffff0a;border-radius:20px;flex-direction:column;flex-shrink:0;gap:24px;width:280px;padding:24px;display:flex}.reviews__stars{align-items:center;gap:4px;display:flex}.reviews__star{fill:none;width:20px;height:20px;stroke:var(--color-gray);flex-shrink:0}.reviews__star.is-filled{fill:#fec84b;stroke:#fec84b}.reviews__name{font-weight:var(--fw-semibold);color:var(--color-light);font-size:20px;line-height:30px}.reviews__text{font-weight:var(--fw-regular);font-size:var(--fs-16);letter-spacing:var(--letter-spacing);color:#f7f7f7cc;line-height:24px}@media (width>=768px){.reviews__card{padding:64px 48px}.reviews__title{margin-bottom:20px;margin-left:16px}.reviews__track{gap:26px}.reviews__item{width:320px}}@media (width>=1440px){.reviews__inner{max-width:var(--container-max-width);margin-inline:auto}.reviews__card{padding:96px 48px 120px}.reviews__track{gap:28px}.reviews__item{width:370px}}.footer{padding-block:48px}.footer__inner{padding-inline:16px}.footer__card{background-color:var(--color-surface);border-radius:24px;flex-direction:column;gap:32px;padding:32px 16px;display:flex}.footer__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.footer__logo{font-weight:var(--fw-bold);font-size:var(--fs-18);letter-spacing:var(--letter-spacing);color:var(--color-white);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;text-decoration:none;display:flex}.footer__logo-icon{width:26px;height:26px}.footer__socials-list{align-items:center;gap:10px;display:flex}.footer__socials-link{width:30px;height:30px;color:var(--color-bg);background-color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.footer__socials-link .icon{width:16px;height:16px}.footer__socials-link:hover,.footer__socials-link:focus-visible{opacity:.8}.footer__divider{background-color:#f7f7f71a;border:none;height:1px}.footer__bottom{flex-direction:column;gap:16px;display:flex}.footer__nav-list{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer__nav-link{font-weight:var(--fw-semibold);font-size:var(--fs-16);color:var(--color-white);transition:color .2s}.footer__nav-link:hover,.footer__nav-link:focus-visible{color:var(--color-accent)}.footer__copyright{font-weight:var(--fw-regular);font-size:var(--fs-16);letter-spacing:var(--letter-spacing);color:var(--color-light)}@media (width>=768px){.footer__card{gap:40px;padding:64px 32px}.footer__logo-icon{width:32px;height:32px}.footer__socials-list{gap:16px}.footer__socials-link{width:40px;height:40px}.footer__socials-link .icon{width:18px;height:18px}.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.footer__nav-list{gap:30px}}@media (width>=1440px){.footer__inner{max-width:var(--container-max-width);margin-inline:auto}.footer__card{padding:64px 48px}}.modal{z-index:300;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.modal.is-open{visibility:visible;opacity:1}.modal__backdrop{background-color:#101010cc;position:absolute;inset:0}.modal__panel{background-color:var(--color-surface);scrollbar-width:none;border:1px solid #f7f7f71a;border-radius:20px;flex-direction:column;width:calc(100% - 32px);max-width:864px;max-height:calc(100svh - 64px);padding:32px 16px;transition:transform .25s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)scale(.96)}.modal__panel::-webkit-scrollbar{display:none}.modal.is-open .modal__panel{transform:translate(-50%,-50%)scale(1)}.modal__close{z-index:1;color:var(--color-white);background-color:var(--color-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.modal__close .icon{width:16px;height:16px}.modal__close:hover,.modal__close:focus-visible{color:var(--color-bg);background-color:var(--color-accent)}.modal__body{flex-direction:column;gap:20px;display:flex}.modal__image{object-fit:cover;border-radius:20px;width:100%;height:228px}.modal__name{font-weight:var(--fw-bold);font-size:var(--fs-24);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color:var(--color-light);margin-bottom:12px}.modal__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.modal__meta li{background-color:var(--color-bg);color:#f7f7f7b3;font-size:var(--fs-14);line-height:var(--line-height);letter-spacing:var(--letter-spacing);border-radius:8px;padding:6px 10px}.modal__bio{color:#f7f7f7b3;font-size:var(--fs-14);line-height:var(--line-height);letter-spacing:var(--letter-spacing);margin-bottom:32px}.modal__songs-title{font-weight:var(--fw-bold);font-size:var(--fs-24);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color:var(--color-white);margin-bottom:16px}.modal__songs{scrollbar-width:none;flex-direction:column;gap:16px;width:100%;max-height:341px;display:flex;overflow-y:auto}.modal__songs::-webkit-scrollbar{display:none}.song{background:linear-gradient(#f7f7f704 0%,#f7f7f707 100%);border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:50px;padding:10px 16px;display:flex}.song__info{align-items:center;gap:16px;min-width:0;display:flex;overflow:hidden}.song__number{width:28px;color:var(--color-light);font-size:20px;font-weight:var(--fw-bold);line-height:var(--line-height);letter-spacing:var(--letter-spacing);flex-shrink:0}.song__text{align-items:center;gap:4px;width:129px;min-width:0;display:flex;overflow:hidden}.song__name{width:74px;color:var(--color-white);font-size:var(--fs-12);font-weight:var(--fw-bold);line-height:var(--line-height);letter-spacing:var(--letter-spacing);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;display:-webkit-box;overflow:hidden}.song__album{color:#f7f7f780;min-width:0;font-size:10px;line-height:var(--line-height);letter-spacing:var(--letter-spacing);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;margin-left:18px;overflow:hidden}.song__meta{flex-shrink:0;align-items:center;gap:24px;display:flex}.song__time{width:58px;color:var(--color-light);font-size:var(--fs-12);font-weight:var(--fw-bold);line-height:var(--line-height);letter-spacing:var(--letter-spacing);flex-shrink:0}.song__yt{border-radius:100px;flex-shrink:0;align-items:center;padding:6px 10px;display:flex}.song__yt svg{aspect-ratio:68/13;width:44px;height:8.4px}.song--no-link .song__name,.song--no-link .song__album,.song--no-link .song__time{opacity:.5}.song__yt--disabled{opacity:.4;filter:grayscale();pointer-events:none}@media (width>=768px){.modal__panel{padding:32px}.modal__close{width:32px;height:32px;top:20px;right:20px}.modal__image{width:228px;height:228px}.modal__bio{margin-bottom:20px}.song{min-height:44px}.song__text{justify-content:space-between;gap:20px;width:203px}.song__album{margin-left:0}}@media (width>=768px) and (width<=1439.98px){.modal__body{display:block}.modal__image{float:left;margin-bottom:16px;margin-right:32px}.modal__songs-title{clear:both}}@media (width>=1440px){.modal__body{flex-direction:row;gap:32px;display:flex}.modal__image{flex-shrink:0}.modal__info{flex:auto;min-width:0}}.toast-container{z-index:500;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{background-color:var(--color-surface);color:var(--color-white);font-size:var(--fs-14);opacity:0;border-left:3px solid #ff5c5c;border-radius:10px;padding:12px 16px;transition:opacity .2s,transform .2s;transform:translate(16px);box-shadow:0 12px 24px #0006}.toast--success{border-left-color:var(--color-accent)}.toast.is-visible{opacity:1;transform:translate(0)}