.range-slider{padding:7px;position:relative;-webkit-user-select:none;user-select:none}.range-slider .slider{background:var(--color-primary-600);border-radius:15px;height:4px;position:relative}.range-slider .slider:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.range-slider .slider-process{border-radius:15px;height:100%;top:0;width:0;will-change:width;z-index:1}.range-slider .slider-dot,.range-slider .slider-process{background:var(--color-secondary-300);left:0;position:absolute;transition:all 0s}.range-slider .slider-dot{border-radius:50%;box-shadow:0 1px 1px 1px rgba(0,0,0,.25);cursor:pointer;height:14px;top:-5px;width:14px;will-change:transform;z-index:3}.pagination{background:var(--color-primary-850);border:1px solid var(--color-primary-700);border-radius:8px;display:flex;-webkit-user-select:none;user-select:none}.pagination-wrapper{align-items:center;display:flex;justify-content:center;padding-top:45px;white-space:nowrap}@media screen and (max-width:1099px){.pagination-wrapper{padding-top:30px}}.pagination li:hover:not(.pagination--is-active) a{background:var(--color-primary-750)}@media screen and (max-width:480px){.pagination li:not(.pagination--is-previous):not(.pagination--is-next):not(.pagination--is-active){display:none}}.pagination li a{border-radius:8px;color:var(--color-on-primary-100);display:flex;padding:1.05rem 2.1rem;transition:all 95ms ease-out}.pagination li.pagination--is-next,.pagination li.pagination--is-previous{display:none}@media screen and (max-width:480px){.pagination li.pagination--is-next,.pagination li.pagination--is-previous{align-items:center;display:flex}}.pagination li.pagination--is-next i,.pagination li.pagination--is-previous i{font-size:18px}.pagination li.pagination--is-active a{background:var(--color-secondary-400);color:var(--color-on-secondary-100);cursor:default}.pagination li.pagination--is-first a{border-right:1px solid var(--color-primary-700)}.pagination li.pagination--is-last a{border-left:1px solid var(--color-primary-700)}.track-list-page__items .track-card{width:180px}.track-list-page__items .track-card:not(:first-child){margin-left:20px}.track-list-page__items .track-card:nth-child(4n)+.track-card{margin-left:0}.track-list-page__items .track-card:nth-child(4)~.track-card{margin-top:40px}.track-list-page__items .track-card__cover{height:180px}@media screen and (max-width:1099px){.track-list-page__items .track-card{width:calc(33.33333% - 13.33333px)}.track-list-page__items .track-card:nth-child(4n)+.track-card{margin-left:20px}.track-list-page__items .track-card:nth-child(3n)+.track-card{margin-left:0}.track-list-page__items .track-card:nth-child(3)~.track-card{margin-top:30px}.track-list-page__items .track-card__cover{height:100%;padding-top:100%;width:100%}}.track-list-page{display:flex}@media screen and (max-width:800px){.track-list-page{flex-direction:column}}.track-list-page__content{flex-grow:1;min-width:0}.track-list-page__title{align-items:center;display:flex;margin-bottom:20px}.track-list-page__controls{align-items:center;display:flex;margin-left:auto;min-width:0;text-align:right}@media screen and (max-width:800px){.track-list-page__controls{padding-left:15px}}.track-list-page__controls .form-select__options{margin-top:10px}.track-list-page__sort{color:var(--color-on-primary-100);transition:all 95ms ease-out;vertical-align:middle}.track-list-page__sort:hover{color:var(--color-on-primary-70)}.track-list-page__filters-toggler{color:var(--color-on-primary-100);display:none;margin-left:15px}@media screen and (max-width:800px){.track-list-page__filters-toggler{display:flex}}.track-list-page__filters-toggler.track-list-page__filters-toggler--has-mark,.track-list-page__sort.track-list-page__sort--has-mark{position:relative}.track-list-page__filters-toggler.track-list-page__filters-toggler--has-mark:before,.track-list-page__sort.track-list-page__sort--has-mark:before{background:var(--color-secondary-300);border-radius:50%;box-shadow:0 0 0 3px var(--color-primary-800);content:"";height:10px;position:absolute;right:0;top:0;width:10px}.track-list-page__view-selector{align-items:center;border:1px solid var(--color-primary-700);border-radius:8px;display:flex;margin-left:15px}@media screen and (max-width:800px){.track-list-page__view-selector{display:none}}.track-list-page__view-selector span{align-items:center;display:flex;padding:3px 8px}.track-list-page__view-selector span:first-child{border-radius:8px 0 0 8px;border-right:1px solid var(--color-primary-700)}.track-list-page__view-selector span:last-child{border-radius:0 8px 8px 0}.track-list-page__view-selector span:hover{cursor:pointer}.track-list-page__view-selector span:hover i{color:var(--color-on-primary-70)}.track-list-page__view-selector span.track-list-page__view-selector--is-active i{color:var(--color-on-primary-100)}.track-list-page__view-selector i{color:var(--color-on-primary-40);transition:all 95ms ease-out}.track-list-page__notice{border:1px solid var(--color-primary-700);border-radius:8px;color:var(--color-on-primary-100);margin-bottom:20px;padding:12px 15px}.track-list-page__notice .link{-webkit-user-select:none;user-select:none}.track-list-page__empty{align-items:center;color:var(--color-on-primary-60);display:flex;flex-direction:column;font-size:2.419rem;height:60%;justify-content:center}@media screen and (max-width:800px){.track-list-page__empty{padding:45px 0}}.track-list-page__empty i{font-size:100px;margin-bottom:15px}.track-list-page__sidebar{flex-shrink:0;margin-left:45px;width:275px}@media screen and (max-width:1099px){.track-list-page__sidebar{margin-left:30px}}@media screen and (max-width:800px){.track-list-page__sidebar{margin-left:0;margin-top:20px;width:100%}.track-list-page__filters{bottom:0;height:100%;left:0;margin-bottom:-100vh;max-height:calc(100% - 60px);opacity:0;padding-left:0;position:fixed;transition:all 165ms ease-out;width:100%;z-index:78}.track-list-page__filters.track-list-page__filters--is-shown{margin-bottom:0;opacity:1}}.track-list-page__filters-overlay{background:rgba(0,0,0,.4);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@media screen and (max-width:800px){.track-list-page__filters-overlay{display:block}.track-list-page__filters-wrapper{border-radius:8px 8px 0 0;display:flex;flex-direction:column;height:100%;overflow:auto}}.track-list-page__filters-inner{background:var(--color-primary-750);border-radius:8px;position:relative}@media screen and (max-width:800px){.track-list-page__filters-inner{border-radius:8px 8px 0 0;margin-top:auto;padding-bottom:55px}}.track-list-page__filters-apply{align-items:center;background:var(--color-secondary-400);border-radius:20px;bottom:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.3);color:var(--color-on-secondary-100);cursor:pointer;display:none;justify-content:center;left:50%;margin-bottom:20px;margin-left:-80px;padding:7px 0;position:absolute;width:160px;z-index:5}@media screen and (max-width:800px){.track-list-page__filters-apply{display:flex}}.track-list-page__filters-title{align-items:center;color:var(--color-on-primary-100);display:flex;font-size:2.016rem;font-weight:700;letter-spacing:1.5px;padding:20px;text-transform:uppercase}@media screen and (max-width:800px){.track-list-page__filters-title{background:var(--color-primary-700);border-radius:8px 8px 0 0;padding:15px;position:sticky;top:0;z-index:12}}.track-list-page__filters-close{color:var(--color-on-primary-50);display:none;font-size:22px;margin-right:15px}@media screen and (max-width:800px){.track-list-page__filters-close{display:block}}.track-list-page__filters-block{padding:20px}@media screen and (max-width:800px){.track-list-page__filters-block{padding:15px}}.track-list-page__filters-block:not(:last-child){border-bottom:1px solid var(--color-primary-600)}.track-list-page__filters-block-title-container{align-items:center;display:flex;padding-bottom:15px}.track-list-page__filters-block-title{color:var(--color-primary-200);letter-spacing:1.5px;text-transform:uppercase}.track-list-page__filters-reset{align-items:center;color:var(--color-error);cursor:pointer;display:flex;font-size:1.167rem;font-weight:400;margin-left:auto;text-transform:uppercase}.track-list-page__filters-reset:hover{text-decoration:underline}.track-list-page__filters-hint{color:var(--color-on-primary-40);margin-left:auto}.track-list-page__filters-input-group{align-items:center;display:flex;justify-content:space-between;padding-top:15px}.track-list-page__filters-input-group span{color:var(--color-on-primary-100)}.track-list-page__filters-input-group input{background:var(--color-primary-800);border:1px solid var(--color-primary-800);border-radius:8px;color:var(--color-on-primary-100);height:30px;outline:none;text-align:center;transition:all 165ms ease-out;width:70px}.track-list-page__filters-input-group input:focus,.track-list-page__filters-input-group input:hover{background:var(--color-primary-850);border-color:var(--color-primary-600)}.track-list-page__filters-input-group input:focus{box-shadow:0 0 3px 0 var(--color-primary-600)}.track-list-page__filters-input-group input[type=number]{-moz-appearance:textfield}.track-list-page__filters-input-group input[type=number]::-webkit-inner-spin-button,.track-list-page__filters-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}