/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-green-400:oklch(79.2% .209 151.711);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--radius-md:.375rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.left-2{left:calc(var(--spacing) * 2)}.z-50{z-index:50}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-\[30px\]{margin-bottom:30px}.mb-\[60px\]{margin-bottom:60px}.block{display:block}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.h-9{height:calc(var(--spacing) * 9)}.h-12{height:calc(var(--spacing) * 12)}.max-h-32{max-height:calc(var(--spacing) * 32)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-screen{min-height:100vh}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.min-w-\[366px\]{min-width:366px}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#d0cece\]{border-color:#d0cece}.bg-\[\#000000d9\]{background-color:#000000d9}.bg-\[\#580ea2\]{background-color:#580ea2}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#bf6ecc\]{--tw-gradient-from:#bf6ecc;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#4c2cbb\]{--tw-gradient-to:#4c2cbb;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-2{padding:calc(var(--spacing) * 2)}.p-\[47px_41px\]{padding:47px 41px}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-\[1\.33\]{--tw-leading:1.33;line-height:1.33}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[-0\.003em\]{--tw-tracking:-.003em;letter-spacing:-.003em}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-green-400{color:var(--color-green-400)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:text-\[\#d0cece\]::placeholder{color:#d0cece}@media (hover:hover){.hover\:border-\[\#3f007d\]:hover{border-color:#3f007d}.hover\:bg-\[\#3f007d\]:hover{background-color:#3f007d}.hover\:bg-\[\#f4f5f6\]:hover{background-color:#f4f5f6}.hover\:shadow-\[inset_0_-1px_0_0_\#3f007d\]:hover{--tw-shadow:inset 0 -1px 0 0 var(--tw-shadow-color,#3f007d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-\[\#271a58\]:focus{border-color:#271a58}.focus\:shadow-\[inset_0_-1px_0_0_\#271a58\]:focus{--tw-shadow:inset 0 -1px 0 0 var(--tw-shadow-color,#271a58);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[\#3f007d\]:focus-visible{--tw-ring-color:#3f007d}.focus-visible\:ring-\[\#d0cece\]:focus-visible{--tw-ring-color:#d0cece}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-\[\#271a58\]:active{background-color:#271a58}.active\:bg-\[\#d9d9d9\]:active{background-color:#d9d9d9}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}@supports not selector(::-webkit-scrollbar){html,body{scrollbar-width:thin;scrollbar-color:#fff #4b4949}}html::-webkit-scrollbar{width:4px;margin:2px}body::-webkit-scrollbar{width:4px;margin:2px}html::-webkit-scrollbar-button{width:0;height:0;display:none}body::-webkit-scrollbar-button{width:0;height:0;display:none}html::-webkit-scrollbar-track{background:#4b4949;border-radius:10px;margin:2px}body::-webkit-scrollbar-track{background:#4b4949;border-radius:10px;margin:2px}html::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}body::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.page_register,.page_app{display:none!important}.pages:has(#tab-2:checked) .page_auth{display:none!important}.pages:has(#tab-2:checked) .page_register{display:flex!important}:is(.pages:has(#tab-3:checked) .page_auth,.pages:has(#tab-3:checked) .page_register,.pages:has(#tab-4:checked) .page_auth,.pages:has(#tab-4:checked) .page_register,.pages:has(#tab-5:checked) .page_auth,.pages:has(#tab-5:checked) .page_register,.pages:has(#tab-6:checked) .page_auth,.pages:has(#tab-6:checked) .page_register,.pages:has(#tab-7:checked) .page_auth,.pages:has(#tab-7:checked) .page_register,.pages:has(#tab-10:checked) .page_auth,.pages:has(#tab-10:checked) .page_register){display:none!important}:is(.pages:has(#tab-3:checked) .page_app,.pages:has(#tab-4:checked) .page_app,.pages:has(#tab-5:checked) .page_app,.pages:has(#tab-6:checked) .page_app,.pages:has(#tab-7:checked) .page_app,.pages:has(#tab-10:checked) .page_app){display:flex!important}:is(.pages:has(#tab-3:checked) .main__title--playlist-day,.pages:has(#tab-3:checked) .main__title--dance100,.pages:has(#tab-3:checked) .main__title--indie,.pages:has(#tab-3:checked) .main__title--favorites){display:none}.pages:has(#tab-3:checked) .main__back-panel{display:none}:is(.pages:has(#tab-4:checked) .main__title--main,.pages:has(#tab-4:checked) .main__title--dance100,.pages:has(#tab-4:checked) .main__title--indie,.pages:has(#tab-4:checked) .main__title--favorites){display:none}.pages:has(#tab-4:checked) .main__filters-panel{display:none}:is(.pages:has(#tab-5:checked) .main__title--main,.pages:has(#tab-5:checked) .main__title--playlist-day,.pages:has(#tab-5:checked) .main__title--indie,.pages:has(#tab-5:checked) .main__title--favorites){display:none}.pages:has(#tab-5:checked) .main__filters-panel{display:none}:is(.pages:has(#tab-6:checked) .main__title--main,.pages:has(#tab-6:checked) .main__title--playlist-day,.pages:has(#tab-6:checked) .main__title--dance100,.pages:has(#tab-6:checked) .main__title--favorites){display:none}.pages:has(#tab-6:checked) .main__filters-panel{display:none}:is(.pages:has(#tab-7:checked) .main__title--main,.pages:has(#tab-7:checked) .main__title--playlist-day,.pages:has(#tab-7:checked) .main__title--dance100,.pages:has(#tab-7:checked) .main__title--indie){display:none}.pages:has(#tab-7:checked) .main__filters-panel{display:none}.tracks-table__skeleton-label{cursor:pointer;align-items:center;gap:17px;width:100%;height:100%;min-height:60px;display:flex}.tracks-table__skeleton-label .skeleton__line--flex-2{flex:auto}.pages:has(#tab-8:not(:checked)) .tracks-table__row--skeleton{display:contents}.pages:has(#tab-8:not(:checked)) .tracks-table tbody tr:not(.tracks-table__row--skeleton){display:none}.pages:has(#tab-8:checked) .tracks-table__row--skeleton{display:none}.pages:has(#tab-8:checked) .tracks-table tbody tr:not(.tracks-table__row--skeleton){display:contents}.pages:has(#tab-8:not(:checked)) .categories__item--skeleton{display:flex}.pages:has(#tab-8:not(:checked)) .categories__list li:not(.categories__item--skeleton){display:none}.pages:has(#tab-8:checked) .categories__item--skeleton{display:none}.pages:has(#tab-8:checked) .categories__list li:not(.categories__item--skeleton){display:flex}.categories__skeleton-label{cursor:pointer;width:100%;height:100%;min-height:150px;display:block}.pages:has(#tab-8:not(:checked)) .player-bar__track-info--skeleton{cursor:pointer;flex:1 1 0;min-width:0;display:flex}.pages:has(#tab-8:not(:checked)) .player-bar__track-info:not(.player-bar__track-info--skeleton){display:none}.pages:has(#tab-8:checked) .player-bar__track-info--skeleton{display:none}.pages:has(#tab-8:checked) .player-bar__track-info:not(.player-bar__track-info--skeleton){display:flex}.page_app .player-bar{transition:transform .3s ease-in-out}.pages:has(#tab-9:checked) .page_app .player-bar{transform:translateY(0)}.pages:has(#tab-9:not(:checked)) .page_app .player-bar{pointer-events:none;transform:translateY(100%)}.pages:has(#tab-10:checked) .main__content--404{display:flex}.pages:has(#tab-10:checked) .main__content--tracks{display:none}.pages:has(#tab-10:not(:checked)) .main__content--404{display:none}.pages:has(#tab-10:not(:checked)) .main__content--tracks{display:flex}.main__content--404{text-align:center;justify-content:center;align-items:center}.main__content-404-inner{flex-direction:column;align-items:center;display:flex}.main__content-404-title{font-feature-settings:"pnum" on, "lnum" on;color:#fff;margin:0 0 2px;font-size:160px;font-weight:400;line-height:1}.main__content-404-subtitle{font-feature-settings:"pnum" on, "lnum" on;color:#fff;margin:0 0 8px;font-size:32px;font-weight:400;line-height:1.25}.main__content-404-text{text-align:center;letter-spacing:-.003em;font-feature-settings:"pnum" on, "lnum" on;color:#4e4e4e;max-width:60%;margin:0 0 36px;font-size:18px;font-weight:400;line-height:1.33}.main__content-404-back{cursor:pointer}.main__content-404-back .auth-form__submit{margin-bottom:0}.pages{--toggle-size:1.25rem}.panel-toggle{width:var(--toggle-size);height:var(--toggle-size);min-width:var(--toggle-size);min-height:var(--toggle-size);z-index:20;cursor:pointer;margin:0;padding:0;position:fixed;top:0;right:0}.panel-toggle:focus-visible{outline-offset:2px;outline:2px solid #333}.panel{top:0;left:0;right:var(--toggle-size);height:var(--toggle-size);z-index:10;background:#eee;align-items:center;gap:.5rem;margin:0;padding:0;display:none;position:fixed}.pages:has(.panel-toggle:checked) .panel{display:flex}.radio-option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:0;margin:0;padding:0;display:inline-flex}.radio-option input{cursor:pointer;margin:0;padding:0}.radio-option--checkbox input[type=checkbox]{flex-shrink:0;width:1rem;height:1rem}.radio-option span{margin:0 0 0 .2rem;padding:0}.page{min-height:100px}.page label{cursor:pointer}.page .btn{pointer-events:none}.auth-page{background-color:#000000d9;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-form{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;min-width:366px;padding:47px 41px;display:flex}.auth-form__logo{background:linear-gradient(to bottom right,#bf6ecc,#4c2cbb);border:none;border-radius:12px;width:48px;height:48px;margin-bottom:20px}.auth-form__field{letter-spacing:-.003em;font-feature-settings:"pnum" on, "lnum" on;color:#d0cece;border:none;border-bottom:1px solid #d0cece;width:100%;margin-bottom:30px;padding:8px 0;font-size:18px;font-weight:400;line-height:1.33}.auth-form__field--password-confirm{margin-bottom:60px}.auth-form__submit-wrap,.auth-form__link-wrap{width:100%;display:block}.auth-form__submit{-webkit-user-select:none;user-select:none;letter-spacing:-.003em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;background-color:#580ea2;border:0;border-radius:6px;width:100%;margin-bottom:20px;padding:14px 0;font-size:18px;font-weight:400;line-height:1.33}.auth-form__submit-wrap:hover .auth-form__submit{background-color:#3f007d}.auth-form__submit-wrap:active .auth-form__submit{background-color:#271a58}.auth-form__submit:focus-visible{background-color:#3f007d;outline:none}.auth-form__link{-webkit-user-select:none;user-select:none;letter-spacing:-.003em;font-feature-settings:"pnum" on, "lnum" on;color:#000;background-color:#fff;border:1px solid #d0cece;border-radius:6px;width:100%;padding:14px 0;font-size:18px;font-weight:400;line-height:1.33}.auth-form__link-wrap:hover .auth-form__link{background-color:#f4f5f6}.auth-form__link-wrap:active .auth-form__link{background-color:#d9d9d9}.auth-form__link:focus-visible{background-color:#f4f5f6;outline:none}.auth-form_register .auth-form__submit{margin-bottom:0}.auth-form__field:hover{border-bottom-color:#3f007d;box-shadow:inset 0 -1px #3f007d}.auth-form__field:focus-visible{border-bottom-color:#271a58;outline:none;box-shadow:inset 0 -1px #271a58}.app-layout{background-color:#181818;min-height:100vh;display:flex}.sidebar{flex:0 0 244px;width:244px;padding:23px 36px}.sidebar__logo-wrap{cursor:pointer;display:block}.sidebar__logo-wrap .sidebar__logo{pointer-events:none}.sidebar__logo{background:linear-gradient(to bottom right,#bf6ecc,#4c2cbb);border:none;border-radius:12px;width:48px;height:48px;margin-bottom:23px;display:block}.sidebar__menu-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:#d9d9d9;background:0 0;border:none;margin-bottom:30px;padding:0;line-height:0;display:block}.sidebar__menu-btn:hover{color:#acacac}.sidebar__menu-btn:active{color:#fff}.sidebar__menu-btn:focus-visible{color:#acacac;outline:none}.sidebar__menu-icon{pointer-events:none;display:block}.sidebar__menu-wrap{position:relative}.sidebar__nav{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.sidebar__menu-wrap:focus-within .sidebar__nav{max-height:450px;transition:max-height .3s ease-in}.sidebar__nav-list{flex-direction:column;gap:25px;margin:0;padding:0;list-style-type:none;display:flex}.sidebar__nav-link{letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;font-size:16px;font-weight:400;line-height:1.15;text-decoration:none}.sidebar__nav-link-wrap{cursor:pointer}.sidebar__nav-link-wrap .sidebar__nav-link,.sidebar__nav-link-wrap .sidebar__nav-link--logout{pointer-events:none}.sidebar__nav-link-wrap:hover .sidebar__nav-link,.sidebar__nav-link-wrap:focus-visible .sidebar__nav-link{color:#d9b6ff}.sidebar__nav-link-wrap:active .sidebar__nav-link{color:#ad61ff}.sidebar__nav-link-wrap:focus-visible{outline:none}.sidebar__nav-link:hover,.sidebar__nav-link:focus-visible{color:#d9b6ff}.sidebar__nav-link:active{color:#ad61ff}.sidebar__nav-link:focus-visible{outline:none}.sidebar__nav-item--theme{gap:8px;display:flex}:root{--sidebar-theme-icon-color:#fff}.sidebar__theme-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--sidebar-theme-icon-color);background:0 0;border:none;border-radius:50%;padding:0;line-height:0;display:flex}.sidebar__theme-btn:hover,.sidebar__theme-btn:focus-visible{color:#d9b6ff}.sidebar__theme-btn:focus-visible{outline:none}.sidebar__theme-btn:active{color:#ad61ff}.sidebar__theme-btn--light{display:none}.sidebar__nav-item--theme:has(.sidebar__theme-toggle:checked) .sidebar__theme-btn--dark{display:none}.sidebar__nav-item--theme:has(.sidebar__theme-toggle:checked) .sidebar__theme-btn--light{display:flex}.sidebar__theme-icon{pointer-events:none;shape-rendering:crispedges;display:block}.main{flex:auto;padding:23px 36px 85px}.main__header{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.main__search-form{flex:auto;display:flex}.main__search{letter-spacing:.001em;font-feature-settings:"pnum", "lnum";color:#fff;border:none;border-bottom:1px solid #4e4e4e;border-image:initial;box-sizing:border-box;background-color:#0000;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%22-4%20-4%2020%2020%22%3E%3Ccircle%20cx%3D%225.11%22%20cy%3D%225.11%22%20r%3D%225.5%22%20stroke%3D%22%23fff%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20d%3D%22m9%209%203.4%203.4%22%2F%3E%3C%2Fsvg%3E);background-position:0;background-repeat:no-repeat;background-size:20px 20px;outline:none;width:1200px;padding:15px 0 15px 1.5em;font-size:16px;font-weight:400;line-height:1.15}.main__search:hover,.main__search:focus-visible{box-shadow:inset 0 -1px #4e4e4e}.main__logout-wrap{cursor:pointer;display:block}.main__logout-wrap .main__logout-btn{pointer-events:none}.main__logout-wrap:hover .main__logout-btn,.main__logout-wrap:focus-visible .main__logout-btn{color:#d9b6ff}.main__logout-wrap:active .main__logout-btn{color:#ad61ff}.main__logout-wrap:focus-visible{outline:none}.main__logout-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background:0 0;border:none;border-radius:50%;padding:0;line-height:0}.main__logout-btn:hover,.main__logout-btn:focus-visible{color:#d9b6ff}.main__logout-btn:focus-visible{outline:none}.main__logout-btn:active{color:#ad61ff}.main__logout-icon{pointer-events:none;shape-rendering:crispedges;display:block}.main__content{display:flex;position:relative}.main__tracks{flex:2 auto}.main__title{letter-spacing:-.013em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;margin:0 0 45px;font-size:60px;font-weight:400;line-height:1.1}.main__back-panel{margin-bottom:51px}.main__back-wrap{cursor:pointer;display:inline-block}.main__back-wrap .main__back-btn{pointer-events:none}.main__filters-panel{align-items:center;gap:15px;margin-bottom:51px;display:flex}.main__filters-label{letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;font-size:16px;font-weight:400;line-height:1.15}.main__filter-btns{gap:10px;display:flex}.main__filter-btn-wrap{position:relative}.main__filter-badge{color:#fff;background-color:#ad61ff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:400;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.main__filter-badge--year.main__filter-badge--empty{display:none}.main__filter-btn{cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;background-color:#0000;border:1px solid #fff;border-radius:60px;padding:7.5px 20px;font-size:16px;font-weight:400;line-height:1.15}.main__filter-btn:hover{color:#d9b6ff;border-color:#d9b6ff}.main__filter-btn:active{color:#ad61ff;border-color:#ad61ff}.main__filter-btn:focus-visible{color:#d9b6ff;border-color:#d9b6ff;outline:none}.main__back-btn{align-items:center;gap:3px;padding-left:10px;padding-right:15px;display:flex}.main__filter-popup{z-index:1;background:#313131;border-radius:12px;flex-direction:column;width:max-content;max-width:300%;margin-top:10px;padding:34px;display:none;position:absolute;top:100%}.main__filter-btn-wrap:focus-within .main__filter-popup{display:flex}.main__filter-list{font-feature-settings:"pnum" on, "lnum" on;color:#fff;outline:none;flex-direction:column;gap:28px;min-width:0;height:calc(6em + 112px);min-height:0;margin:0;padding:0 20px 0 0;font-size:20px;font-weight:400;line-height:1.2;list-style-type:none;display:flex;overflow-y:auto}@supports not selector(::-webkit-scrollbar){.main__filter-list{scrollbar-width:thin;scrollbar-color:#fff #4b4949}}.main__filter-list::-webkit-scrollbar{width:4px}.main__filter-list::-webkit-scrollbar-button{width:0;height:0;display:none}.main__filter-list::-webkit-scrollbar-track{background:#4b4949;border-radius:10px}.main__filter-list::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.main__filter-list li{cursor:pointer;-webkit-user-select:text;user-select:text}.main__filter-option{cursor:pointer;-webkit-user-select:text;user-select:text;display:block;position:relative}.main__filter-option-input{opacity:0;cursor:pointer;border:0;margin:0;position:absolute;inset:0}.main__filter-option:hover{color:#d9b6ff}.main__filter-option:has(.main__filter-option-input:focus-visible){color:#d9b6ff}.main__filter-option:focus,.main__filter-option:focus-visible,.main__filter-option-input:focus-visible{outline:none}.main__filter-option:has(.main__filter-option-input:checked){color:#b672ff;text-underline-offset:3px;text-decoration-line:underline}.main__filter-option:has(.main__filter-option-input:checked):hover{color:#d9b6ff;text-decoration-line:none}.main__filter-btn-wrap--artist:not(:focus-within) .main__filter-badge--artist,.main__filter-btn-wrap--genre:not(:focus-within) .main__filter-badge--genre{display:none}.main__filter-btn-wrap--artist{counter-reset:artist-selected}.main__filter-list--artist .main__filter-option:has(.main__filter-option-input:checked){counter-increment:artist-selected}.main__filter-btn-wrap--artist:not(:has(.main__filter-list--artist .main__filter-option-input:checked)) .main__filter-badge--artist{display:none}.main__filter-badge--artist:not(.main__filter-badge--empty):before{content:counter(artist-selected)}.main__filter-btn-wrap--genre{counter-reset:genre-selected}.main__filter-list--genre .main__filter-option:has(.main__filter-option-input:checked){counter-increment:genre-selected}.main__filter-btn-wrap--genre:not(:has(.main__filter-list--genre .main__filter-option-input:checked)) .main__filter-badge--genre:not(.main__filter-badge--empty){display:none}.main__filter-btn-wrap--genre:has(.main__filter-list--genre .main__filter-option-input:checked) .main__filter-badge--genre.main__filter-badge--empty{display:none}.main__filter-badge--genre:not(.main__filter-badge--empty):before{content:counter(genre-selected)}.main__filter-popup--year .main__filter-year{border:none;flex-direction:row;gap:24px;margin:0;padding:0;display:flex}.main__filter-year-option{cursor:pointer;-webkit-user-select:text;user-select:text;font-feature-settings:"pnum" on, "lnum" on;color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:400;line-height:1.2;display:flex;position:relative;outline:none!important}.main__filter-year-option:hover,.main__filter-year-option:focus-within{color:#d9b6ff}.main__filter-year-option:has(.main__filter-year-input:checked){color:#b672ff;text-underline-offset:3px;text-decoration-line:underline}.main__filter-year-option:has(.main__filter-year-input:checked):hover{text-decoration-line:none}.main__filter-year-input:focus-visible{outline:none}.main__filter-year-radio{box-sizing:border-box;border:1px solid #fff;border-radius:50%;flex-shrink:0;width:19px;height:19px}.main__filter-year-option:has(.main__filter-year-input:checked) .main__filter-year-radio{background:radial-gradient(circle,#fff 0 5px,#0000 5px)}.main__filter-year-input{opacity:0;cursor:pointer;border:0;margin:0;position:absolute;inset:0}.visually-hidden{clip:rect(0, 0, 0, 0);pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton__line,.skeleton__cover{position:relative;overflow:hidden}.skeleton__line:after,.skeleton__cover:after{content:"";z-index:1;background:linear-gradient(90deg,#fff0,#ffffff26,#fff0);height:100%;animation:1.2s infinite skeleton-shimmer;position:absolute;top:0;left:0;right:0}.skeleton__line{--skeleton-color:#313131;background-color:var(--skeleton-color);border-radius:2px;flex:auto;height:18px}.skeleton__line--short{flex:none;width:60px}.skeleton__line--tall{border-radius:50%;flex:none;width:22px;height:22px}.skeleton__line--with-gap{margin-bottom:4px}.skeleton__line--flex-2{flex:2 auto}.skeleton__cover{--skeleton-color:#313131;background-color:var(--skeleton-color);border-radius:2px;width:51px;height:51px}.tracks-table__row--skeleton{--skeleton-color:#313131;cursor:default}.tracks-table__row--skeleton .tracks-table__track{cursor:default}.tracks-table__row--skeleton .skeleton__line{max-width:50%}.categories__list .categories__item--skeleton{--skeleton-color:#313131;background:var(--skeleton-color);min-height:150px;position:relative;overflow:hidden}.categories__list .categories__item--skeleton:after{content:"";z-index:1;background:linear-gradient(90deg,#fff0,#ffffff26,#fff0);height:100%;animation:1.2s infinite skeleton-shimmer;position:absolute;top:0;left:0;right:0}.player-bar__track-info--skeleton{--skeleton-color:#313131;display:none}.player-bar__fav-skeleton{flex-shrink:0}.tracks-table{--tracks-grid-cols:1fr 1fr 1fr 100px;grid-template-columns:var(--tracks-grid-cols);border-collapse:collapse;border-spacing:0;grid-auto-rows:minmax(60px,auto);align-items:stretch;gap:12px 16px;display:grid}.tracks-table thead,.tracks-table tbody,.tracks-table tr{display:contents}.tracks-table tbody tr{cursor:pointer}.tracks-table tbody tr:has(.tracks-table__track:focus-visible) td{outline-offset:-2px;outline:2px solid #fff}.tracks-table th,.tracks-table td{letter-spacing:2px;font-feature-settings:"pnum" on, "lnum" on;color:#696969;text-align:left;background:0 0;border:none;align-items:center;padding:0;font-size:14px;font-weight:400;line-height:1.7;display:flex}.tracks-table thead th{color:#b0b0b0;padding-bottom:12px}.tracks-table__track{align-items:center;gap:17px;display:flex}.tracks-table__track-label{cursor:pointer;flex:1;align-items:center;gap:17px;min-width:0;display:flex}.tracks-table__artist .tracks-table__track-label,.tracks-table__album .tracks-table__track-label{cursor:pointer;align-items:center;width:100%;height:100%;display:flex}.tracks-table__cover{background-color:#313131;place-content:center;align-items:center;width:51px;height:51px;display:flex}.tracks-table__title{letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;-webkit-user-select:text;user-select:text;font-size:16px;font-weight:400;line-height:1.1}.tracks-table td.tracks-table__artist{color:#fff}.tracks-table__artist{letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;font-size:16px;font-weight:400;line-height:1.1}.tracks-table td.tracks-table__album{color:#b0b0b0;-webkit-user-select:text;user-select:text}.tracks-table__album{letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;font-size:16px;font-weight:400;line-height:1.1}.tracks-table__actions{justify-content:flex-end;align-items:center;gap:12.5px;display:flex}.tracks-table__fav-label{cursor:pointer;display:flex}.tracks-table__fav-label .tracks-table__fav-btn{pointer-events:none}.tracks-table__fav-btn{--fav-fill:transparent;--fav-stroke:#696969;-webkit-user-select:none;user-select:none;cursor:pointer;width:22px;height:22px;color:var(--fav-stroke);background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.tracks-table__fav-label:hover .tracks-table__fav-btn{--fav-stroke:#acacac}.tracks-table__fav-label:active .tracks-table__fav-btn{--fav-stroke:#fff;--fav-fill:#696969}.tracks-table__fav-label:has(.tracks-table__fav-toggle:checked) .tracks-table__fav-btn{--fav-fill:#696969;--fav-stroke:#fff}.tracks-table__fav-label:has(.tracks-table__fav-toggle:checked):hover .tracks-table__fav-btn{--fav-stroke:#acacac}.tracks-table__fav-label:has(.tracks-table__fav-toggle:checked):active .tracks-table__fav-btn{--fav-stroke:#696969;--fav-fill:transparent}.tracks-table__fav-label:has(.tracks-table__fav-toggle:checked) .fav-icon__cross{opacity:1}.tracks-table__fav-label:has(.tracks-table__fav-toggle:focus-visible) .tracks-table__fav-btn{--fav-stroke:#acacac}.tracks-table__duration-col{justify-content:flex-end;display:flex}.tracks-table__duration{text-align:right;letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;color:#b0b0b0;font-size:16px;font-weight:400;line-height:1.1}.categories{flex:auto;justify-content:center;padding:232px 0 0 70px;display:flex}.categories__list{flex-direction:column;gap:30px;margin:0;padding:0;list-style-type:none;display:flex}.categories__list li{opacity:.8;text-align:center;letter-spacing:-.005em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;background:linear-gradient(#271a58 0%,#7868cc 100%);justify-content:center;align-items:center;width:250px;height:150px;font-size:24px;font-weight:400;line-height:1.33;display:flex}.categories__list li .categories__label{flex:1;min-width:0;min-height:0}.categories__label{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.categories__label .categories__link{pointer-events:none}.categories__link{box-sizing:border-box;width:100%;height:100%;color:inherit;justify-content:center;align-items:center;padding:22px;text-decoration:none;display:flex}.categories__label:focus-visible{outline-offset:4px;outline:2px solid #fff}.player-bar{background-color:#181818;border-top:5px solid gray;align-items:center;gap:33px;width:100%;height:77px;padding:12px 36px;display:flex;position:fixed;bottom:0;box-shadow:0 -44px 40px -10px #181818d9}.player-bar__controls{align-items:center;gap:25px;display:flex}.player-bar__control-btn{-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.player-bar__control-label .player-bar__control-btn--play{pointer-events:none}.player-bar__control-btn--play{color:#d9d9d9}.player-bar__control-btn--play:hover,.player-bar__control-label--play:hover .player-bar__control-btn--play{color:#acacac}.player-bar__control-btn--play:active,.player-bar__control-label--play:active .player-bar__control-btn--play{color:#fff}.player-bar__play-icon{display:none}.player-bar__control-label--play:has(.player-bar__control-toggle:checked) .player-bar__pause-icon{display:none}.player-bar__control-label--play:has(.player-bar__control-toggle:checked) .player-bar__play-icon{display:block}.player-bar__control-label--play:not(:has(.player-bar__control-toggle:checked)):active .player-bar__play-icon{display:block}.player-bar__control-label--play:not(:has(.player-bar__control-toggle:checked)):active .player-bar__pause-icon{display:none}.player-bar__control-label--play:has(.player-bar__control-toggle:checked):active .player-bar__pause-icon{display:block}.player-bar__control-label--play:has(.player-bar__control-toggle:checked):active .player-bar__play-icon{display:none}.player-bar__control-label--play:has(.player-bar__control-toggle:focus-visible) .player-bar__control-btn--play{color:#acacac}.player-bar__control-label{cursor:pointer;display:flex}.player-bar__control-label .player-bar__control-btn--alt{pointer-events:none}.player-bar__control-btn--alt{color:#696969;transition:color .2s}.player-bar__control-label:hover .player-bar__control-btn--alt{color:#acacac}.player-bar__control-label:not(:has(.player-bar__control-toggle:checked)):active .player-bar__control-btn--alt{color:#fff}.player-bar__control-label:has(.player-bar__control-toggle:checked) .player-bar__control-btn--alt{color:#fff}.player-bar__control-label:has(.player-bar__control-toggle:checked):hover .player-bar__control-btn--alt{color:#acacac}.player-bar__control-label:has(.player-bar__control-toggle:checked):active .player-bar__control-btn--alt{color:#696969;transition:color .2s}.player-bar__control-toggle:focus-visible{outline:none}.player-bar__control-label:has(.player-bar__control-toggle:focus-visible) .player-bar__control-btn--alt{color:#acacac}.player-bar__control-icon{pointer-events:none;display:block}.player-bar__track-info{align-items:center;gap:17px;display:flex}.player-bar__track-info:not(.player-bar__track-info--skeleton){flex:1 1 0;min-width:0}.player-bar__track-details{flex-direction:column;min-width:0;display:flex;overflow:hidden}.player-bar__track-cover{background-color:#313131;place-content:center;align-items:center;width:51px;height:51px;display:flex}.player-bar__track-title{letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;margin:0 0 4px;font-size:16px;font-weight:400;line-height:1.1}.player-bar__track-artist{letter-spacing:.001em;font-feature-settings:"pnum" on, "lnum" on;color:#fff;margin:0;font-size:16px;font-weight:400;line-height:1.1}.player-bar__action-btn{cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.player-bar__action-btn--fav{--fav-fill:transparent;--fav-stroke:#696969;color:var(--fav-stroke);background-color:#0000}.player-bar__fav-label:hover .player-bar__action-btn--fav{--fav-stroke:#acacac}.player-bar__fav-label:active .player-bar__action-btn--fav{--fav-stroke:#fff;--fav-fill:#696969}.player-bar__fav-label:has(.player-bar__fav-toggle:checked) .player-bar__action-btn--fav{--fav-fill:#696969;--fav-stroke:#fff}.player-bar__fav-label:has(.player-bar__fav-toggle:checked):hover .player-bar__action-btn--fav{--fav-stroke:#acacac}.player-bar__fav-label:has(.player-bar__fav-toggle:checked):active .player-bar__action-btn--fav{--fav-stroke:#696969;--fav-fill:transparent}.fav-icon__heart{fill:var(--fav-fill);stroke:currentColor;stroke-width:1.1px;transition:fill .2s,stroke .2s}.fav-icon__cross{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;opacity:0;transition:opacity .2s}.player-bar__fav-label:has(.player-bar__fav-toggle:checked) .fav-icon__cross{opacity:1}.player-bar__fav-label{cursor:pointer;flex-shrink:0;display:flex}.player-bar__fav-label .player-bar__action-btn{pointer-events:none}.player-bar__action-btn--alt{color:#696969}.player-bar__action-btn--alt:hover{color:#acacac}.player-bar__action-btn--alt:active{color:#fff}.player-bar__action-btn--fav:focus-visible,.player-bar__action-btn--alt:focus-visible{color:#acacac;outline:none}.player-bar__fav-toggle:focus-visible,.tracks-table__fav-toggle:focus-visible{outline:none}.player-bar__fav-label:has(.player-bar__fav-toggle:focus-visible) .player-bar__action-btn--fav{--fav-stroke:#acacac}.player-bar__volume{--value:50%;appearance:none;background-color:#0000;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2218%22%20fill%3D%22none%22%20viewBox%3D%22-2.5%20-3%2017%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M3%205v1h.4l.3-.3zm5-5h1v-2.4L7.3-.7zM0%205V4h-1v1zm0%208h-1v1h1zm3%200%20.7-.7-.3-.3H3zm5%205-.7.7L9%2020.4V18zM3.7%205.7l5-5L7.3-.7l-5%205zM0%206h3V4H0zm1%207V5h-2v8zm2-1H0v2h3zm5.7%205.3-5-5-1.4%201.4%205%205zM7%200v18h2V0z%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20d%3D%22M11%2013c1.1%200%202-1.8%202-4s-.9-4-2-4%22%2F%3E%3C%2Fsvg%3E);background-position:0;background-repeat:no-repeat;background-size:14px 18px;min-width:0;height:16px;margin-left:auto;padding-left:22px}.player-bar__volume:focus-visible{outline-offset:2px;outline:2px solid #fff}.player-bar__volume::-webkit-slider-runnable-track{background:linear-gradient(to right, #fff 0%, #fff var(--value,50%), #797979 var(--value,50%), #797979 100%);border-radius:6px;height:2px}.player-bar__volume::-moz-range-track{background:linear-gradient(to right, #fff 0%, #fff var(--value,50%), #797979 var(--value,50%), #797979 100%);border:2px solid #797979;border-radius:6px;height:12px}.player-bar__volume::-webkit-slider-thumb{appearance:none;box-sizing:border-box;cursor:pointer;background-color:#1a1a1a;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:-4px}.player-bar__volume::-moz-range-thumb{box-sizing:border-box;cursor:pointer;background-color:#1a1a1a;border:2px solid #fff;border-radius:50%;width:12px;height:12px}.page_app.app-layout{display:flex!important}