@charset "UTF-8";.catalog-content__footer{width:95%}.catalog-content__footer .page-btn{height:30px;width: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{align-items:center;cursor:pointer;display:grid;font-size:1rem;gap:20px;grid-template-columns:.6fr .6fr .6fr .3fr .6fr .3fr;margin-top:1em;min-height:40px;padding-left:5px;transition:background-color .2s ease-in;width:100%}.list-table__row-song div:first-child{align-items:center;display:grid;gap:10px;grid-template-columns:73px auto}.list-table__row-song div:first-child div,.list-table__row-song p{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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);border-radius:50px;color:#000;content:"PRO";flex-shrink:0;font-size:10px;font-style:normal;font-weight:700;height:12px;left:-30px;letter-spacing:.05px;line-height:normal;position:absolute;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.25);top:-5px;width:28px}.list-table__row-song .seconds:before{background:#3d7bb7;content:"30 сек";left:-52px;width:50px}.list-table__row-song .list-table__instruments{display:flex;flex-wrap:wrap;gap:.2em}.list-table__row-lesson{align-items:center;cursor:pointer;display:grid;gap:20px;grid-template-columns:.8fr .3fr .6fr .3fr;margin-bottom:1em;min-height:40px;padding-left:5px;transition:background-color .2s ease-in;width:100%}.list-table__row-lesson .list-table__cell .cover{height:44px!important;width:44px!important}.list-table__row-lesson p{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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);border-radius:50px;color:#000;content:"PRO";flex-shrink:0;font-size:10px;font-style:normal;font-weight:700;height:12px;left:-30px;letter-spacing:.05px;line-height:normal;position:absolute;text-align:center;text-shadow:0 4px 4px rgba(0,0,0,.25);top:-5px;width:28px}.list-table__row-lesson .seconds:before{background:#3d7bb7;content:"30 сек";left:-52px;width:50px}.list-table__row-lesson .list-table__instruments{display:flex;flex-wrap:wrap;gap:.2em}.list-table__row-lesson div:first-child{align-items:center;display:flex;gap:10px}.list-table__row-lesson div:first-child div{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-table__row-chord{grid-template-columns:.6fr .7fr .6fr 1fr!important}.list-table__row-chord .list-table__cell .cover{height:44px!important;width: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{height:71px;width:71px}.list-table__row:hover{background-color:#4688784d}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.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%);background-clip:text;-webkit-background-clip:text;color:transparent}.wrapper-star .icon-Star{display:inline}.margin-left-45px{margin-left:45px}