.catalog-content__footer{width:95%}.catalog-content__footer .page-btn{width:30px;height:30px}.catalog-content__footer .page-btn p{font-size:1em}.catalog-content__footer .page-btn:hover{color:var(--hover-border-btn)}button.page-btn__active{background:var(--basic-color);color:#121317}.list-table__row p{max-width:220px}.list-table__row-song{cursor:pointer;grid-template-columns:.6fr .6fr .6fr .3fr .6fr .3fr;align-items:center;gap:20px;width:100%;min-height:40px;margin-top:1em;padding-left:5px;font-size:1rem;transition:background-color .2s ease-in;display:grid}.list-table__row-song div:first-child{grid-template-columns:73px auto;align-items:center;gap:10px;display:grid}.list-table__row-song div:first-child div,.list-table__row-song p{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-table__row-song .pro,.list-table__row-song .seconds{overflow:initial;position:relative}.list-table__row-song .pro:before,.list-table__row-song .seconds:before{background:var(--basic-color);color:#000;content:"PRO";letter-spacing:.05px;text-align:center;text-shadow:0 4px 4px #00000040;border-radius:50px;flex-shrink:0;width:28px;height:12px;font-size:10px;font-style:normal;font-weight:700;line-height:normal;position:absolute;top:-5px;left:-30px}.list-table__row-song .seconds:before{content:"30 сек";background:#3d7bb7;width:50px;left:-52px}.list-table__row-song .list-table__instruments{flex-wrap:wrap;gap:.2em;display:flex}.list-table__row-lesson{cursor:pointer;grid-template-columns:.8fr .3fr .6fr .3fr;align-items:center;gap:20px;width:100%;min-height:40px;margin-bottom:1em;padding-left:5px;transition:background-color .2s ease-in;display:grid}.list-table__row-lesson .list-table__cell .cover{width:44px!important;height:44px!important}.list-table__row-lesson p{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-table__row-lesson .pro,.list-table__row-lesson .seconds{overflow:initial;position:relative}.list-table__row-lesson .pro:before,.list-table__row-lesson .seconds:before{background:var(--basic-color);color:#000;content:"PRO";letter-spacing:.05px;text-align:center;text-shadow:0 4px 4px #00000040;border-radius:50px;flex-shrink:0;width:28px;height:12px;font-size:10px;font-style:normal;font-weight:700;line-height:normal;position:absolute;top:-5px;left:-30px}.list-table__row-lesson .seconds:before{content:"30 сек";background:#3d7bb7;width:50px;left:-52px}.list-table__row-lesson .list-table__instruments{flex-wrap:wrap;gap:.2em;display:flex}.list-table__row-lesson div:first-child{align-items:center;gap:10px;display:flex}.list-table__row-lesson div:first-child div{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-table__row-chord{grid-template-columns:.6fr .7fr .6fr 1fr!important}.list-table__row-chord .list-table__cell .cover{width:44px!important;height:44px!important}.list-table__row-chord p{max-width:150px!important}.list-table__row-grey{color:#6d6e7b}.list-table__cell-artist{grid-column-start:-2}.list-table__cell .cover{width:71px;height:71px}.list-table__row:hover{background-color:#4688784d}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.icon-Star:before{color:#393c48;font-size:1em}.wrapper-star .active__Star:before{color:var(--basic-color)!important}.wrapper-star .semi-active__Star:before{background:linear-gradient(90deg,var(--basic-color)52%,#393c48 48%);color:#0000;-webkit-background-clip:text;background-clip:text}.wrapper-star .icon-Star{display:inline}.margin-left-45px{margin-left:45px}