.mzk-design-page .header{position:sticky;top:0;z-index:40;min-height:72px;padding:0 32px;gap:16px;background:var(--mzk-cbg);border-bottom:1px solid var(--color-border);box-shadow:none}.mzk-design-page .header__logo{color:#fff}.mzk-design-page .header__logo-copy{display:flex;flex-direction:column;line-height:1}.mzk-design-page .header__logo-text{color:var(--color-text-primary);font-size:20px;font-weight:700;line-height:24px}.mzk-design-page .header__logo-tagline{margin-top:1px;color:var(--color-text-secondary);font-size:11px;font-weight:400;line-height:14px}.mzk-design-page .header__center{max-width:480px}.mzk-design-page .search{height:40px;padding:0 10px 0 12px;gap:8px;background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.mzk-design-page .search__btn{order:-1;width:24px;height:24px;color:var(--color-text-secondary)}.mzk-design-page .search__input{color:var(--color-text-primary);font-size:13px}.mzk-design-page .search__input::placeholder{color:var(--color-text-tertiary)}.mzk-design-page .search__shortcut{padding:2px 5px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:rgba(255,255,255,.1);color:var(--color-text-tertiary);font:500 11px/16px Inter,sans-serif}.mzk-design-page .geo{display:none}.mzk-design-page .lang__cur{width:auto;min-width:72px;height:40px;gap:7px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);background:var(--color-bg-app)}.mzk-design-page .lang__cur svg{width:15px;height:15px;color:var(--color-primary-text)}.mzk-design-page .lang__drop{border-color:var(--color-border);background:var(--color-bg-app);box-shadow:0 8px 24px rgba(16,24,40,.12)}.mzk-design-page .auth{gap:8px}.mzk-design-page .auth__btn{height:40px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600}.mzk-design-page .auth__btn--ghost{order:1;color:var(--color-text-primary);background:var(--color-bg-app);border:1px solid var(--color-border)}.mzk-design-page .auth__btn--primary{order:2;color:var(--color-on-primary);background:var(--color-primary)}.mzk-design-page .auth__btn--primary:hover{color:var(--color-on-primary);background:var(--color-primary-hover)}.mzk-design-page .mobile-menu__link.active{background:var(--color-bg-muted)}.mzk-design-page .mobile-menu__link.active svg{color:currentColor}.mzk-design-page .mobile-menu__group:last-child .mobile-menu__link:last-child{margin-bottom:10px}.mzk-genre-hero__breadcrumbs{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--color-text-secondary);font-size:12px;line-height:1}.mzk-genre-hero__breadcrumbs a{color:inherit;text-decoration:none}.mzk-genre-hero__breadcrumbs a:hover{text-decoration:underline}.mzk-genre-hero~.mzk-catalog__header{display:none}.mzk-genre-hero~.mzk-mood-hero{display:none}.mzk-mobile-genres{display:none}@media (max-width:1023px){.mzk-main-in>.mzk-mobile-genres{display:flex;gap:6px;padding:12px 20px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mzk-main-in>.mzk-mobile-genres::-webkit-scrollbar{display:none}.mzk-main-in>.mzk-mobile-genres a{display:inline-block;flex-shrink:0;padding:6px 13px;border-radius:10px;background:var(--color-bg-muted, #f3f4f6);color:var(--color-text-secondary, #6b7280);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.mzk-main-in>.mzk-mobile-genres a:hover,.mzk-main-in>.mzk-mobile-genres a:active{background:var(--color-primary, #5b21ed);color:var(--color-on-primary)}}.mzk-design-page .mzk-main-in{width:100%;max-width:1400px;min-width:0;margin:0 auto;padding-bottom:0}.mzk-design-page .mzk-bread,.mzk-design-page .speedbar{display:flex;min-height:0;align-items:center;gap:8px;max-width:none;margin:0;padding:24px 24px 0;color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:18px}.mzk-design-page .mzk-bread a,.mzk-design-page .speedbar a{color:var(--color-text-secondary)}.mzk-design-page .mzk-bread a:hover,.mzk-design-page .speedbar a:hover{color:var(--color-primary-text)}.mzk-design-page .mzk-bread span+span::before,.mzk-design-page .mzk-bread a+span::before{content:"›";color:var(--color-text-secondary)}.mzk-genres{width:100%;max-width:100%;min-width:0;padding:16px 24px 40px}.mzk-genres-breadcrumb{display:flex;min-height:24px;align-items:center;gap:7px;margin:0 0 10px;color:var(--color-text-secondary);font-size:12px;line-height:18px}.mzk-genres-breadcrumb a{color:var(--color-primary-text);font-weight:650}.mzk-genres-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}.mzk-genres__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:18px 0 0;scroll-margin-top:84px}.mzk-genres-card{--genre-bg:#F8FAFC;--genre-bg-hover:#F8FAFC;--genre-icon:#64748B;--genre-border:#E2E8F0;--genre-border-hover:#CBD5E1;display:flex;min-width:0;height:145px;padding:22px 16px 14px;flex-direction:column;align-items:center;overflow:hidden;border:1px solid var(--genre-border);border-radius:18px;color:var(--color-text-primary);background:var(--genre-bg);box-shadow:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.mzk-genres-card:hover{border-color:var(--genre-border-hover)}.mzk-genres-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mzk-genres-card__visual{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;color:var(--genre-icon)}.mzk-genres-card__visual svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mzk-genres-card__name{display:-webkit-box;width:100%;margin-top:10px;color:var(--color-text-primary);font-size:18px;font-weight:700;line-height:1.25;text-align:center;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mzk-genres-card__count{display:block;margin-top:4px;color:#94a3b8;font-size:14px;font-weight:500;line-height:1.4;text-align:center}.mzk-genres-card[data-genre-id="20"]{--genre-bg:#FFF5FA;--genre-bg-hover:#FFE8F2;--genre-icon:#E03E8A;--genre-border:#F8D7E8;--genre-border-hover:#F0B8D0}.mzk-genres-card[data-genre-id="19"]{--genre-bg:#FFF9F0;--genre-bg-hover:#FFF0D6;--genre-icon:#D97A2E;--genre-border:#F5DFC0;--genre-border-hover:#EFCFA0}.mzk-genres-card[data-genre-id="22"]{--genre-bg:#FFF5F0;--genre-bg-hover:#FFE8DD;--genre-icon:#C0693E;--genre-border:#F2DDD0;--genre-border-hover:#E8C8B8}.mzk-genres-card[data-genre-id="12"]{--genre-bg:#F0F8FF;--genre-bg-hover:#DDF0FF;--genre-icon:#2E7DD8;--genre-border:#D0E8F5;--genre-border-hover:#B0D8F0}.mzk-genres-card[data-genre-id="52"]{--genre-bg:#FFF5FA;--genre-bg-hover:#FFE8F2;--genre-icon:#C0517A;--genre-border:#F2D0E0;--genre-border-hover:#E8B8D0}.mzk-genres-card[data-genre-id="18"]{--genre-bg:#F8F5FC;--genre-bg-hover:#EDE8F5;--genre-icon:#6B4F9E;--genre-border:#DDD6E8;--genre-border-hover:#C8BDE0}.mzk-genres-card[data-genre-id="54"]{--genre-bg:#FFF0F0;--genre-bg-hover:#FFDDDD;--genre-icon:#C94F4F;--genre-border:#F5D0D0;--genre-border-hover:#E8B8B8}.mzk-genres-card[data-genre-id="17"]{--genre-bg:#EFF0FF;--genre-bg-hover:#DDDFFF;--genre-icon:#4F5FD9;--genre-border:#D0D8F5;--genre-border-hover:#B8C0F0}.mzk-genres-card[data-genre-id="21"]{--genre-bg:#F5F3FF;--genre-bg-hover:#EBE8FF;--genre-icon:#7C5CE0;--genre-border:#DDD6FE;--genre-border-hover:#C8BDF5}.mzk-genres-card[data-genre-id="28"]{--genre-bg:#FFF8F0;--genre-bg-hover:#FFEEDD;--genre-icon:#C08040;--genre-border:#F5E0C0;--genre-border-hover:#E8D0A8}.mzk-genres-card[data-genre-id="55"]{--genre-bg:#F0FFF5;--genre-bg-hover:#DDF5E5;--genre-icon:#3C9E6A;--genre-border:#D0F0D8;--genre-border-hover:#B8E8C5}.mzk-genres-card[data-genre-id="11"]{--genre-bg:#F0FFF0;--genre-bg-hover:#DDF5DD;--genre-icon:#3C8E3C;--genre-border:#D0F0D0;--genre-border-hover:#B8E8B8}.mzk-genres-card[data-genre-id="56"]{--genre-bg:#F8F0FF;--genre-bg-hover:#EDDDFF;--genre-icon:#7C4FC0;--genre-border:#E0D0F5;--genre-border-hover:#D0B8F0}.mzk-genres-card[data-genre-id="57"]{--genre-bg:#FFF5F0;--genre-bg-hover:#FFE8DD;--genre-icon:#B86C48;--genre-border:#F0D8C8;--genre-border-hover:#E8C0B0}.mzk-genres-card[data-genre-id="31"]{--genre-bg:#F5F0FF;--genre-bg-hover:#EBE0FF;--genre-icon:#7C4FE0;--genre-border:#DDD0F5;--genre-border-hover:#C8B8F0}.mzk-genres-card[data-genre-id="30"]{--genre-bg:#FFF5FA;--genre-bg-hover:#FFE8F0;--genre-icon:#B84F7C;--genre-border:#F0D0E8;--genre-border-hover:#E8B8D8}.mzk-genres-card[data-genre-id="10"]{--genre-bg:#FFFBF0;--genre-bg-hover:#FFF5D6;--genre-icon:#C09A30;--genre-border:#F5E8C0;--genre-border-hover:#F0DDA0}.mzk-genres-card[data-genre-id="90"]{--genre-bg:#F0F8FF;--genre-bg-hover:#DDF0FF;--genre-icon:#3E7DB8;--genre-border:#D0E5F5;--genre-border-hover:#B0D8F0}.mzk-genres-card[data-genre-id="23"]{--genre-bg:#F0F5FF;--genre-bg-hover:#DDE8FF;--genre-icon:#4F6FD8;--genre-border:#D0DCF5;--genre-border-hover:#B8C8F0}.mzk-genres-card[data-genre-id="91"]{--genre-bg:#F0FFF5;--genre-bg-hover:#DDF5E5;--genre-icon:#3C9E6A;--genre-border:#D0F0E0;--genre-border-hover:#B8E8D0}.mzk-genres-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.mzk-genres-popular{padding-top:32px}.mzk-genres-popular__top h2{display:flex;align-items:center;gap:10px;margin:0;padding:0 0 14px;color:var(--color-text-primary);font-size:19px;font-weight:700;line-height:28px}.mzk-genres-popular__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px}.mzk-genres-filter{display:flex;min-width:0;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mzk-genres-filter::-webkit-scrollbar{display:none}.mzk-genres-filter button{display:inline-flex;min-height:40px;flex:0 0 auto;align-items:center;gap:6px;padding:10px 4px;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--color-text-secondary);font:inherit;font-size:14px;font-weight:500;line-height:18px;white-space:nowrap;background:0 0;cursor:pointer;scroll-snap-align:start}.mzk-genres-filter button:hover{border-bottom-color:rgba(255,162,0,.4);color:var(--color-text-primary);background:0 0}.mzk-genres-filter button.is-active{border-bottom-color:#ffa200;color:var(--color-text-primary);font-weight:600;background:0 0}.mzk-genres-filter svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.mzk-genres-sort{position:relative;display:flex;min-width:150px;flex:0 0 auto;align-items:center}.mzk-genres-sort select{width:100%;min-height:40px;padding:10px 40px 10px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;outline:0;color:var(--color-text-secondary);font:inherit;font-size:14px;font-weight:700;line-height:18px;background:0 0;cursor:pointer;appearance:none}.mzk-genres-sort select:focus-visible{border-bottom-color:var(--color-primary);box-shadow:none}.mzk-genres-sort svg{position:absolute;right:14px;width:16px;height:16px;fill:none;stroke:#8b90a0;stroke-width:1.5;pointer-events:none}.mzk-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.mzk-genres-tracks{margin:0;overflow-x:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-app);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.mzk-genres-tracks__head,.mzk-genres-track{display:grid;grid-template-columns:32px minmax(260px,1fr) 180px 120px 80px 160px 84px 104px;align-items:center}.mzk-genres-tracks__head,.mzk-genres-panel{min-width:1080px}.mzk-genres-tracks__head{min-height:40px;background:var(--color-bg-muted);padding:0 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:12px;font-weight:600;line-height:16px;letter-spacing:.03em;text-transform:uppercase}.mzk-genres-tracks__head>:nth-last-child(-n+2){justify-self:center;font-size:10px;letter-spacing:.01em}.mzk-genres-tracks__head>:nth-child(4),.mzk-genres-tracks__head>:nth-child(5),.mzk-genres-tracks__head>:nth-child(6){justify-self:center}.mzk-genres-track-list{counter-reset:genre-track}.mzk-genres-track{position:relative;min-height:56px;counter-increment:genre-track;padding:0 16px;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.mzk-genres-track:last-child{border-bottom-color:transparent}.mzk-genres-track:hover,.mzk-genres-track:focus-within{background:var(--color-bg-muted)}.mzk-genres-track.is-current::before{position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:3px;background:var(--color-primary);content:""}.mzk-genres-track__rank::before{color:var(--color-text-tertiary);font-size:14px;font-weight:400;content:counter(genre-track)}.mzk-genres-track__info{display:grid;min-width:0;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px}.mzk-genres-track__play{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;color:var(--color-on-primary);background:var(--color-primary);cursor:pointer;transition:transform .15s ease,background-color .15s ease}.mzk-genres-track__play:hover{background:var(--color-primary-hover);transform:scale(1.04)}.mzk-genres-track__play svg{width:16px;height:16px;fill:currentColor;stroke:none;transform:translateX(1px)}.mzk-genres-track.is-playing .mzk-genres-track__play{position:relative;display:flex;align-items:center;justify-content:center}.mzk-genres-track.is-playing .mzk-genres-track__play svg{display:none}.mzk-genres-track.is-playing .mzk-genres-track__play::before,.mzk-genres-track.is-playing .mzk-genres-track__play::after{width:3px;height:14px;border-radius:1px;background:currentColor;content:""}.mzk-genres-track.is-playing .mzk-genres-track__play::before{margin-right:3px}.mzk-genres-track__text,.mzk-genres-track__artist,.mzk-genres-track__category{min-width:0}.mzk-genres-track__title,.mzk-genres-track__artist,.mzk-genres-track__duration{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mzk-genres-track__title{display:block;color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:20px}.mzk-genres-track.is-current .mzk-genres-track__title{color:var(--color-primary-text)}.mzk-genres-track__artist{color:var(--color-text-secondary);font-size:14px;font-weight:400;line-height:20px}.mzk-genres-track__category{justify-self:center;max-width:calc(100% - 8px);overflow:hidden;padding:4px 12px;border-radius:8px;color:var(--color-primary-text);font-size:13px;font-weight:500;line-height:18px;text-overflow:ellipsis;white-space:nowrap;background:var(--color-active-nav-bg)}.mzk-genres-track.is-genre-rock .mzk-genres-track__category{color:#4a79d4;background:#eaf1fe}.mzk-genres-track.is-genre-electronic .mzk-genres-track__category{color:#8b4fe0;background:#f1ebfe}.mzk-genres-track.is-genre-club .mzk-genres-track__category{color:#4f5fd9;background:#e7eafd}.mzk-genres-track__category a{color:inherit}.mzk-genres-track__duration{justify-self:center;color:var(--color-text-secondary);font-size:14px;font-weight:400;font-variant-numeric:tabular-nums}.mzk-genres-track__mobile-meta{display:none}.mzk-genres-track__rating{display:flex;min-width:0;align-items:center;justify-self:center;gap:8px}.mzk-genres-rating,.mzk-genres-rating-score{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:6px 10px;border:0;border-radius:16px;font-size:13px;font-weight:600;line-height:16px}.mzk-genres-rating{cursor:pointer}.mzk-genres-rating svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mzk-genres-rating--up,.mzk-genres-rating-score{color:#4b7a55;background:#f4f7f4}.mzk-genres-rating--down{color:#b14a56;background:#fceeef}.mzk-genres-rating__count,.mzk-genres-rating__count>span{min-width:1ch;font-variant-numeric:tabular-nums;line-height:1}.mzk-genres-track__favorite,.mzk-genres-track__download{display:grid;width:40px;height:40px;place-items:center;justify-self:center;border:0;border-radius:8px;color:var(--color-text-tertiary);background:0 0}.mzk-genres-track__favorite button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:8px;color:inherit;background:0 0}.mzk-genres-track__download a{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;color:inherit;background:0 0}.mzk-genres-track__favorite button:hover,.mzk-genres-track__download:hover{color:#2477ff;background:#edf5ff}.mzk-genres-track__favorite .is-active{color:#ef4444;background:#fef2f2}.mzk-genres-track__favorite .is-active svg{fill:currentColor}.mzk-genres-track__favorite svg,.mzk-genres-track__download svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mzk-genres-more{display:block;width:max-content;min-height:44px;margin:24px auto 0;padding:12px 32px;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:14px;font-weight:600;line-height:20px;background:var(--color-bg-app)}.mzk-genres-more:hover{background:var(--color-bg-muted)}.mzk-genres-guide{margin-top:24px;padding:clamp(20px,2.8vw,30px);border:1px solid var(--color-border);border-radius:20px;background:linear-gradient(135deg,#fbfaff 0,#f5f8ff 100%)}.mzk-genres-guide__intro{width:100%;max-width:none}.mzk-genres-guide__intro>span{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary-text);font-size:12px;font-weight:700;line-height:18px;letter-spacing:.08em;text-transform:uppercase}.mzk-genres-guide h2{margin-top:5px;color:var(--color-text-primary);font-size:19px;font-weight:720;line-height:1.2;letter-spacing:-.025em}.mzk-genres-guide__intro p{max-width:none;margin-top:12px;color:var(--color-text-secondary);font-size:14px;line-height:1.7}.mzk-genres-seo__columns{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.mzk-genres-seo__section{min-width:0;padding:21px;border:1px solid rgba(var(--color-primary-rgb),.1);border-radius:16px;background:rgba(255,255,255,.82)}.mzk-genres-seo__section h3{margin:0;color:var(--color-text-primary);font-size:18px;font-weight:720;line-height:1.35;letter-spacing:-.015em}.mzk-genres-seo__section p{margin:10px 0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.65}.mzk-genres-seo__list,.mzk-genres-seo__steps{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}.mzk-genres-seo__list li,.mzk-genres-seo__steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}.mzk-genres-seo__icon,.mzk-genres-seo__steps>li>span{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:var(--color-primary-hover);font-size:12px;font-weight:800;background:#eef5ff}.mzk-genres-seo__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mzk-genres-seo__item-title{display:block;color:var(--color-text-primary);font-size:14px;font-weight:720;line-height:1.35}.mzk-genres-seo__list p,.mzk-genres-seo__steps p{margin-top:4px;font-size:13px;line-height:1.55}.mzk-genres-seo__note{margin:18px 0 0;color:var(--color-text-secondary);font-size:13px;line-height:1.65}.mzk-genres-seo__note a{color:var(--color-primary-hover);font-weight:700}.mzk-genres-seo__note a:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width:1199px){.mzk-design-page .burger{display:flex}.mzk-genres__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mzk-genres-card{height:140px}.mzk-genres-tracks{overflow-x:auto}.mzk-genres-tracks__head,.mzk-genres-panel{min-width:1080px}}@media (max-width:899px){.mzk-genres__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mzk-genres-track__info{position:sticky;left:56px;z-index:2;background:inherit}}@media (max-width:767px){.mzk-design-page .header{min-height:58px;padding:0 14px}.mzk-design-page .header__center,.mzk-design-page .header__logo-tagline,.mzk-design-page .search__shortcut,.mzk-design-page .geo,.mzk-design-page .auth__btn--ghost{display:none}.mzk-design-page .header__logo-text{font-size:18px}.mzk-design-page .header__right{margin-left:auto}.mzk-design-page .mzk-bread,.mzk-design-page .speedbar{padding:16px 20px 0}.mzk-genres-breadcrumb{margin-inline:0}.mzk-genres__grid{gap:12px;padding:16px 0 0}.mzk-genres-card{padding:14px}.mzk-genres-card__visual svg{stroke-width:1.75}.mzk-genres-popular__top h2{padding:0 0 14px}.mzk-genres-popular__controls{flex-direction:column;align-items:stretch;gap:12px;padding:0 0 20px}.mzk-genres-filter{width:100%}.mzk-genres-sort{width:100%;min-width:0}.mzk-genres-tracks{margin:0}}@media (max-width:599px){.mzk-genres-guide{padding:19px 18px}.mzk-genres-seo__columns{grid-template-columns:1fr}.mzk-genres__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mzk-genres-card{height:130px;padding:18px 12px 12px}.mzk-genres-card__visual svg{width:32px;height:32px}.mzk-genres-card__name{font-size:15px}.mzk-genres-filter{display:flex;overflow-x:auto;gap:8px}.mzk-genres-filter button{flex:0 0 auto;min-height:42px;justify-content:center;padding:10px 14px}.mzk-genres-tracks{overflow:visible}.mzk-genres-tracks__head{display:none}.mzk-genres-panel{min-width:0}.mzk-genres-track{display:grid;min-height:0;grid-template-columns:28px minmax(0,1fr) 40px 40px;grid-template-areas:"rank info favorite download""artist artist artist artist""category category duration duration""rating rating rating rating";align-items:center;gap:10px 8px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-app)}.mzk-genres-track+.mzk-genres-track{margin-top:8px}.mzk-genres-track__rank{grid-area:rank}.mzk-genres-track__info{position:static;grid-area:info;background:0 0}.mzk-genres-track__artist,.mzk-genres-track__category,.mzk-genres-track__duration,.mzk-genres-track__rating{display:flex;min-width:0;align-items:center;justify-self:stretch;gap:8px;overflow:visible}.mzk-genres-track__artist{grid-area:artist;padding-top:10px;border-top:1px solid var(--color-border);white-space:normal}.mzk-genres-track__category{grid-area:category;max-width:none;white-space:normal}.mzk-genres-track__duration{grid-area:duration;justify-content:flex-end}.mzk-genres-track__rating{grid-area:rating}.mzk-genres-track__rating:empty{display:none}.mzk-genres-track__artist::before,.mzk-genres-track__category::before,.mzk-genres-track__duration::before,.mzk-genres-track__rating::before{flex:0 0 auto;color:var(--color-text-tertiary);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mzk-genres-track__artist::before{content:"Виконавець"}.mzk-genres-track__category::before{content:"Жанр"}.mzk-genres-track__duration::before{content:"Час"}.mzk-genres-track__rating::before{content:"Оцінка"}.mzk-genres-track__favorite{grid-area:favorite}.mzk-genres-track__download{grid-area:download}.mzk-genres-track__mobile-meta{display:none}.mzk-genres-more{margin-top:20px}}@media (max-width:479px){.mzk-design-page .mzk-bread,.mzk-design-page .speedbar{padding-inline:16px}.mzk-genres-breadcrumb{margin-inline:0}.mzk-genres-guide{margin-inline:0;padding:17px 14px;border-radius:16px}.mzk-genres-seo__section{padding:17px 15px;border-radius:14px}.mzk-genres-seo__section h3{font-size:16px}.mzk-genres__grid{gap:10px}.mzk-genres-card{padding:14px}.mzk-genres-card__visual svg{width:28px;height:28px}.mzk-genres-card__name{font-size:13px;line-height:17px}.mzk-genres-filter button{font-size:13px}.mzk-genres-tracks{margin-inline:0}}@media (prefers-reduced-motion:reduce){.mzk-genres-card,.mzk-genres-track,.mzk-genres-track__play{transition:none}}.mzk-genres-filter button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mzk-genres-panel[hidden]{display:none!important}.mzk-genres-empty{margin:0;padding:32px 16px;color:var(--color-text-secondary);font-size:14px;line-height:20px;text-align:center}@media (min-width:900px) and (max-width:1399px){.mzk-genres-tracks{overflow:visible}.mzk-genres-tracks__head,.mzk-genres-panel{min-width:0}.mzk-genres-tracks__head,.mzk-genres-track{grid-template-columns:28px minmax(180px,1fr) minmax(100px,.7fr) 92px 56px 112px 72px 88px}.mzk-genres-tracks__head{padding-inline:10px}.mzk-genres-track{min-height:60px;padding-inline:10px}.mzk-genres-track__info{gap:9px}.mzk-genres-track__artist{font-size:13px}.mzk-genres-track__category{padding-inline:8px;font-size:12px}.mzk-genres-track__rating{flex-wrap:wrap;gap:4px}.mzk-genres-rating,.mzk-genres-rating-score{min-height:28px;padding:5px 8px;font-size:12px}}@media (min-width:600px) and (max-width:899px){.mzk-genres-popular__controls{flex-direction:column;align-items:stretch}.mzk-genres-filter,.mzk-genres-sort{width:100%}.mzk-genres-filter{display:flex;overflow-x:auto;gap:8px}.mzk-genres-filter button{flex:0 0 auto;min-height:40px;justify-content:center;padding:10px 14px}.mzk-genres-filter button:first-child{grid-column:span 2}.mzk-genres-sort{min-width:0}.mzk-genres-tracks{overflow:visible;border:0;border-radius:0;background:0 0}.mzk-genres-tracks__head{display:none}.mzk-genres-panel{min-width:0}.mzk-genres-track{display:grid;min-height:0;grid-template-columns:28px minmax(0,1fr) 40px 40px;grid-template-areas:"rank info favorite download""artist artist artist artist""category category duration duration""rating rating rating rating";align-items:center;gap:10px 8px;padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg-app)}.mzk-genres-track+.mzk-genres-track{margin-top:10px}.mzk-genres-track__rank{grid-area:rank}.mzk-genres-track__info{position:static;grid-area:info;background:0 0}.mzk-genres-track__artist,.mzk-genres-track__category,.mzk-genres-track__duration,.mzk-genres-track__rating{display:flex;min-width:0;align-items:center;justify-self:stretch;gap:8px;overflow:visible}.mzk-genres-track__artist{grid-area:artist;padding-top:10px;border-top:1px solid var(--color-border);white-space:normal}.mzk-genres-track__category{grid-area:category;max-width:none;white-space:normal}.mzk-genres-track__duration{grid-area:duration;justify-content:flex-end}.mzk-genres-track__rating{grid-area:rating}.mzk-genres-track__rating:empty{display:none}.mzk-genres-track__artist::before,.mzk-genres-track__category::before,.mzk-genres-track__duration::before,.mzk-genres-track__rating::before{flex:0 0 auto;color:var(--color-text-tertiary);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mzk-genres-track__artist::before{content:"Виконавець"}.mzk-genres-track__category::before{content:"Жанр"}.mzk-genres-track__duration::before{content:"Час"}.mzk-genres-track__rating::before{content:"Оцінка"}.mzk-genres-track__favorite{grid-area:favorite}.mzk-genres-track__download{grid-area:download}.mzk-genres-track__mobile-meta{display:none}}@media (max-width:899px){.mzk-genres-tracks{border:0;border-radius:0;background:0 0}}.mzk-design-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mzk-design-page .mzk-footer__inner,.mzk-design-page .mzk-footer__bottom{width:100%}@media (min-width:1920px){.mzk-design-page .header{min-height:72px;padding-inline:max(56px,calc((100vw - 1840px)/2))}.mzk-design-page .header__center{max-width:680px}.mzk-design-page .mzk-main-in{max-width:1400px}.mzk-genres__grid{gap:20px}.mzk-genres-card{min-height:92px;padding:16px}.mzk-design-page .mzk-footer__inner,.mzk-design-page .mzk-footer__bottom{max-width:1500px}}@media (min-width:1600px) and (max-width:1919px){.mzk-design-page .header{padding-inline:40px}.mzk-design-page .header__center{max-width:600px}.mzk-design-page .mzk-main-in{max-width:1400px}}@media (min-width:1400px) and (max-width:1599px){.mzk-design-page .mzk-main-in{max-width:1400px}.mzk-design-page .header__center{max-width:520px}}@media (min-width:1200px) and (max-width:1399px){.mzk-design-page .header{padding-inline:20px}.mzk-design-page .header__center{max-width:360px}.mzk-design-page .auth__btn{padding-inline:14px}.mzk-design-page .mzk-main-in{max-width:none}.mzk-genres__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:900px) and (max-width:1199px){.mzk-design-page .header{min-height:68px;padding-inline:20px}.mzk-design-page .header__logo-tagline{display:none}.mzk-design-page .header__center{max-width:360px;flex:1 1 280px}.mzk-design-page .auth__btn--ghost{display:none}.mzk-design-page .auth__btn--primary{padding-inline:14px}.mzk-design-page .lang__cur{min-width:64px;padding-inline:10px}.mzk-design-page .mzk-main-in{max-width:1100px}}@media (min-width:768px) and (max-width:899px){.mzk-design-page .header{min-height:64px;padding-inline:18px}.mzk-design-page .header__logo-tagline,.mzk-design-page .search__shortcut,.mzk-design-page .auth{display:none}.mzk-design-page .header__logo-text{font-size:18px}.mzk-design-page .header__center{max-width:none;min-width:160px;flex:1 1 auto}.mzk-design-page .lang__cur{min-width:62px}}@media (max-width:767px){.mzk-design-page .mzk-main-in{max-width:none}.mzk-design-page .mzk-footer{margin-top:0}}@media (max-width:599px){.mzk-genres__header h1{font-size:clamp(21px,6vw,23px)}.mzk-genres__header p{max-width:42ch}.mzk-genres-card{min-width:0}.mzk-genres-card__name,.mzk-genres-track__title{overflow-wrap:anywhere}}@media (max-width:359px){.mzk-design-page .mzk-bread,.mzk-design-page .speedbar{padding-inline:12px}.mzk-genres__grid{gap:8px}.mzk-genres-card{padding:12px}.mzk-genres-tracks{margin-inline:0}.mzk-genres-track{grid-template-columns:24px minmax(0,1fr) 36px 36px;gap:8px 6px;padding:10px}.mzk-genres-track__favorite,.mzk-genres-track__favorite button,.mzk-genres-track__download{width:36px;height:36px}.mzk-genres-track__download a{width:36px;height:36px}}@media (min-width:1600px){.mzk-genres{padding-inline:32px}}@media (max-width:1199px){.mzk-genres{max-width:1100px;margin-inline:auto}}@media (max-width:899px){.mzk-genres{padding-top:14px}}@media (max-width:767px){.mzk-genres{padding:14px 20px 28px}}@media (max-width:599px){.mzk-genres{padding-inline:16px}}@media (max-width:359px){.mzk-genres{padding-inline:12px}}.mzk-genres-track-list .mzk-ptl-panel:not([hidden]){grid-template-columns:1fr;gap:0}.mzk-genres-track-list .mzk-tl-row{border-bottom-color:rgba(255,255,255,.08);background:0 0}.mzk-genres-track-list .mzk-tl-row:hover,.mzk-genres-track-list .mzk-tl-row:focus-within{background:rgba(255,255,255,.04)}.mzk-genres-track.is-playing .mzk-genres-track__play{background:#e11d48;color:#fff}.mzk-genres-track.is-playing .mzk-genres-track__play:hover{background:#be123c}.mzk-genres-track__favorite button{font-size:0;line-height:0}.mzk-genres-track__favorite button>span,.mzk-genres-track__favorite button .mzk-catalog-track__favorite-label{display:none!important}.mzk-genres-track__favorite svg{font-size:16px}@media (max-width:767px){.mzk-main-in>.mzk-mobile-genres{padding:10px 16px 2px}}@media (max-width:479px){.mzk-main-in>.mzk-mobile-genres{padding:8px 12px 2px}.mzk-main-in>.mzk-mobile-genres a{padding:5px 11px;font-size:12px}}