.Ctg26d{position:relative;& button{margin-top:20px;min-width:190px}& .Cpvbt{bottom:calc(100% + 10px);top:auto}}.jpdw{fill:var(--stub-hint);padding:5px}.r91q5{color:var(--text);font-size:18px;font-weight:var(--system-font-weight-bold);& a{cursor:pointer;&:focus{outline:none;-webkit-text-decoration:underline;text-decoration:underline}}}.j51xq{margin-bottom:15px;padding:0;& button{background:none;border:none;border-radius:var(--border-radius-button);box-sizing:border-box;color:var(--text);cursor:pointer;display:-webkit-box;font-size:18px;font-weight:var(--system-font-weight-bold);height:max-content;outline:0;padding:10px 20px;width:100%;&:hover{.j525v{-webkit-text-decoration:underline;text-decoration:underline}}}.j525v{color:var(--link-color);-webkit-text-decoration:none;text-decoration:none}@media (height < 480px) and (width < 940px) and (orientation:landscape),(width < 650px){padding-bottom:0;padding-left:10px;padding-right:10px;padding-top:0}}.Cvu1f{background:var(--panel-surface);box-sizing:border-box;flex:1;margin:0;padding:0;position:relative;width:100%;z-index:var(--zIndexSearchBox);@media (prefers-contrast:more){background:#fff;border-bottom-color:#000;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#000;border-left-style:solid;border-left-width:1px;border-right-color:#000;border-right-style:solid;border-right-width:1px;border-top-color:#000;border-top-style:solid;border-top-width:1px}}.Cvu49{position:relative}.Cvu1qm{background:var(--search-background);border:none;border-radius:14px;box-sizing:border-box;color:var(--search-text);font-size:16px;font-weight:var(--system-font-weight-strongest);height:44px;line-height:20px;padding:var(--system-font-search-box-padding,10px 55px 10px 18px);width:100%;&:active,&:focus{outline:none}&::placeholder{color:var(--search-placeholder);font-size:16px;font-weight:var(--system-font-weight-strongest);padding-left:0}&::-ms-clear{display:none}}.Cvu32v{padding:10px 18px}.Cvuvd{background:none;border:none;cursor:pointer;height:44px;margin:0;padding:0;position:absolute;right:30px;top:0;-webkit-user-select:none;user-select:none;width:26px;fill:var(--search-icon-reset);transition:fill .15s ease-in-out;&:hover{fill:var(--search-icon-reset-hover)}}.Cvu28n{align-items:center;background:var(--search-background);display:flex;height:38px;justify-content:center;max-height:38px;max-width:30px;position:absolute;right:5px;top:4px;width:30px}@media (height < 480px) and (width < 940px) and (orientation:landscape),(width < 650px){.Cvu1qm{border-radius:0}}@media (width < 400px){.Cvu1qm{padding:6px 32px 6px 10px}.Cvu32v{padding:6px 10px}.Cvuvd{right:10px}.Cvu1qm,.Cvu1qm::placeholder{font-size:20px}}.Ci015z{box-sizing:border-box;height:100%;position:relative;width:100%}.Ci01i7{align-items:center;appearance:none;background-color:initial;border:none;border-radius:var(--border-radius-select);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:left;margin:0;padding:0;transition:background .2s ease-in-out;width:100%;&:hover{background-color:initial}&:focus-visible{outline:2px solid var(--focus-border)}}.Ci0el{& .Ci01ds,& .Ci0dr{color:var(--filter-name-color);font-weight:var(--system-font-weight-boldest);margin-top:2px;overflow:hidden;text-overflow:ellipsis}}.Ci012h{justify-content:right}.Ci02mk{flex-direction:row-reverse}.Ci0o4{cursor:pointer;height:7px;margin-top:1px;opacity:1;padding:0 4px;width:13px;fill:var(--filter-name-color);transform:rotate(180deg);transform-origin:center center;transition:transform .1s ease-in-out,margin-top .1s ease-in-out,opacity .2s ease-in-out}.Ci02tm{transform:rotate(0deg) translateY(-1px)}.Ci011v{align-items:center;border:0;box-sizing:border-box;color:var(--filter-name-color);cursor:pointer;display:flex;font-size:12px;font-style:normal;font-weight:var(--system-font-weight-bolder);height:18px;justify-content:flex-start;line-height:16px;margin:0;opacity:1;outline:none;overflow:hidden;transition:opacity .2s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap}.Ci011v[data-status=default]{border:none}.Ci011v[data-status=invalid]{border:0}.Ci011v[data-selected=true]{color:var(--text)}.Ci01ds,.Ci0dr{color:var(--filter-name-color);font-size:10px;font-weight:var(--system-font-weight-boldest);margin-top:3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Ci01m9{fill:var(--filter-name-color);height:100%}.Ci0o2{cursor:default;& .Ci022z{cursor:default;&:hover{background-color:var(--ep-list-surface)}}& .Ci011v,& .Ci0o4{cursor:default;opacity:.5}& .Ci01ds,& .Ci0dr{opacity:.5}& .Ci01i7:hover{cursor:default;& .Ci01ds{color:var(--filter-name-color)}& .Ci01m9{fill:var(--filter-name-color)}}}@media (width < 650px){.Ci0dr{display:none}.Ci011v{min-width:18px}.Ci01ds{font-size:12px;margin-top:0;text-align:left}.Ci0o4{margin-top:0;padding-right:5px}.Ci02tm{margin-top:0;transform:rotate(0deg) translateY(0)}.Ci01i7{&:hover{background-color:initial;& .Ci01ds{color:var(--link-color)}& .Ci01m9,& .Ci0o4 path{fill:var(--link-color)}}}.Ci0el{& .Ci01m9,& .Ci0o4 path{fill:var(--link-color)}}}@media (prefers-contrast:more){.Ci015z{border:1px solid var(--contrast-theme);border-radius:5px}}.Ci013u{display:block}.Ci02up{display:none}.B0u16d{display:flex;flex-direction:column}.B0u1dh{border-bottom:1px solid var(--e-popup-divider);color:var(--popup-title);font-size:14px;font-weight:var(--system-font-weight-bolder);line-height:15px;padding:17px 0 14px;text-align:center;text-transform:uppercase}.B0u1mk{box-shadow:var(--ep-shadow-middle);height:100%;overflow:auto;padding:20px 30px}.B0u10e{align-items:center;display:flex;gap:8px}.B0u2ey{color:var(--text);font-size:15px;font-style:normal;font-weight:400;line-height:normal;text-wrap:nowrap}.B0u1uj{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-top:20px;& .Cv31ny{margin:0}}.B0u2vs{display:flex;gap:20px;justify-content:center;padding:21px 0 23px}.Cs149.B0u3m{width:81px}.Coa2py{background-color:var(--e-popup-surface);border-radius:var(--popup-border-radius);bottom:0;box-shadow:var(--popup-shadow);box-sizing:border-box;font-weight:var(--system-font-weight-normal,inherit);height:fit-content;left:calc(50% - 198px);letter-spacing:var(--system-font-spacing,inherit);overscroll-behavior:contain;pointer-events:auto;position:fixed;touch-action:manipulation;width:396px;will-change:transform;z-index:201}:root{--filterWidthFirst:62px;--filterWidthLast:62px;--filterGap:20px}.C7loq{display:flex;flex-grow:1}.C7l2fp{background:var(--panel-surface);box-sizing:border-box;display:flex;flex-direction:row;flex-grow:1;flex-wrap:nowrap;gap:var(--filterGap);height:40px;justify-content:space-between;margin:15px 0 0;padding:0 25px 0 27px;position:relative;text-align:left;width:100%;z-index:var(--zIndexListFilters);&>div:last-child{text-align:right}&::-webkit-scrollbar{display:none}}.C7l1fz{margin-left:25px;margin-top:11px;fill:var(--filter-name-color)}.C7l21u{stroke:var(--filter-text);stroke-width:1.6px;flex-shrink:0;height:10px;width:10px}.C7l2n{align-items:center;display:flex;font-size:14px;font-style:normal;font-weight:600;justify-content:space-between;line-height:normal}.C7l2fq{align-items:center;display:flex;justify-content:space-between;& svg{fill:var(--filter-text);visibility:hidden}}button[data-filter=true]:hover .C7l2fq{& svg{visibility:visible;&:hover{fill:var(--error)}}}button[data-selected=true] .C7l2fq{& svg{fill:var(--white-color)}}.C7l2a7{height:16px;width:12px}.C7l1j3{box-sizing:initial;color:var(--filter-name-color);flex-grow:1;flex-shrink:0;font-size:9px;font-weight:400;line-height:18px;min-width:0;&:first-child,&:last-child{max-width:var(--filterWidthFirst);min-width:var(--filterWidthFirst)}&:last-child{max-width:var(--filterWidthLast);min-width:var(--filterWidthLast)}}.C7l108{& .C7l1j3:not(:first-child):not(:last-child){max-width:calc(100% - var(--filterWidthFirst) - var(--filterWidthLast) - var(--filterGap)*2);width:calc(100% - var(--filterWidthFirst) - var(--filterWidthLast) - var(--filterGap)*2)}}.C7l11{& .C7l1j3:not(:first-child):not(:last-child){max-width:calc(50% - var(--filterWidthFirst)/2 - var(--filterWidthLast)/2 - var(--filterGap)*3/2);width:calc(50% - var(--filterWidthFirst)/2 - var(--filterWidthLast)/2 - var(--filterGap)*3/2)}& .C7l1j3:nth-of-type(2){justify-items:end;button{margin-left:auto;width:90%;&+div div{margin-left:5%}}}& .C7l1j3:nth-of-type(3){button{width:70%;&+div{margin-left:-10%}}}}.C7l1p9{text-align:right}.C7l1ad{flex-basis:220px}.C7lin{max-width:1px;padding:0 4px;width:1px}.C7l123,.C7lin{flex:1 1 15px;text-align:right}.C7l123{justify-content:flex-end;max-width:37px;padding:0 10px 0 5px;width:37px}@media (width < 650px){.C7l2t9,.C7laq{min-width:unset}.C7lin{max-width:18px;padding:0}.C7l123{max-width:25px;padding:0 23px 0 5px;width:25px}.C7l1fz{margin-left:15px}.C7l2fp{gap:2px;height:32px;margin:10px calc(10px + var(--sar)) 0 calc(10px + var(--sal));padding:0 5px 0 10px}.C7l1j3{flex:1;max-width:max-content;min-width:unset;&:first-child,&:last-child{max-width:max-content;min-width:auto}}.C7l11{& .C7l1j3:nth-of-type(3){button{&+div{margin-left:0}}}}.C7l108{&>.C7l1j3:not(:first-child):not(:last-child){max-width:max-content;min-width:auto}}}.B7220c{display:inline-block;height:4px;min-width:46px;vertical-align:middle}.B721xc{background:var(--difficulty-color);border-radius:2px;height:2px}.B72as{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.B722lp{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.B72343{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.B721e9{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.B722ng{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.B722tf{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.B721kc{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.B72vf{background:radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 0 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 6px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 12px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 18px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 24px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 30px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 36px 0 /4px 4px,radial-gradient(circle farthest-side,var(--difficulty-color-fill) 70%,#0000) 42px 0 /4px 4px;background-repeat:no-repeat}.Cqhkv{flex-direction:column;gap:13px}.Cqh1d4,.Cqhkv{align-items:center;display:flex;min-width:46px}.Cqh1d4{flex-direction:row;gap:7px;justify-content:center}.Cqh6f{fill:var(--songs-chords)}.B0cew{align-items:center;border-radius:var(--border-radius-song-item);box-sizing:border-box;color:var(--text);cursor:pointer;display:flex;gap:10px;padding:11px 30px 11px 0;scroll-margin:120px 0;transition:background .1s ease-in;&:active,&:focus,&:hover{background-color:var(--songs-item-hover);-webkit-text-decoration:none;text-decoration:none}&:focus,&:focus-within{background:var(--songs-item-focus);outline:none}}.B0c184{flex-grow:2;margin-left:28px;overflow:hidden;text-overflow:ellipsis}.B0c7m{margin-left:0}.B0c14s{&:before{color:var(--text);content:counter(list) ". ";counter-increment:list;font-size:16px;font-weight:var(--system-font-weight-strongest);line-height:35px;position:absolute;text-align:center;width:70px}& .B0c184{margin-left:70px}}.B0c2e8{font-size:16px;font-weight:500;letter-spacing:var(--system-font-spacing,inherit);line-height:22px}.B0c21e,.B0c2e8{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.B0c21e{font-size:15px;font-weight:var(--system-font-weight-light);line-height:18px}.B0c1k0{&:hover{& .w8k4{opacity:1}}}.B0c245{background-color:var(--filter-focus);color:var(--filter-text)}.B0c14x{background-color:var(--active-song);-webkit-text-decoration:none;text-decoration:none}.B0c2ax{&,&:active,&:focus,&:hover{background:var(--setlist-remove-active);-webkit-text-decoration:none;text-decoration:none}& .B0c2e8{max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.B0c1im{position:absolute;right:10px}.B0c137{align-items:center;display:flex;gap:10px;margin-right:10px}.B0c2jr{display:none}.B0coc{& path{fill:var(--surface);stroke-width:0}& circle,& path{transition:all .2s ease-in-out}& circle{fill:var(--header-icon-chosen);stroke:var(--header-icon-chosen);stroke-width:1.3}&:hover{& path{fill:var(--surface)}& circle{fill:var(--header-icon-chosen-hover);stroke:var(--header-icon-chosen-hover)}}}.B0c1xl{color:var(--text);font-size:16px;font-weight:var(--system-font-weight-strongest);line-height:35px;min-width:70px;text-align:center}.B0czy{&:hover{cursor:move}}@media (width < 650px){.B0cew{padding:8px 20px 8px 0}.B0c184{margin-left:18px}.B0c14s{&:before{width:50px}& .B0c184{margin-left:50px}}.B0c2jr{cursor:pointer;display:block;height:32px;margin-left:6px;min-width:32px;text-align:center;-webkit-user-select:none;user-select:none;width:32px}.B0c1k0{& .B0c184{margin-left:18px}}.B0cb{& path{fill:var(--setlist-remove-active);stroke-width:0}& circle,& path{transition:all .2s ease-in-out}& circle{fill:var(--white-color);stroke:var(--white-color);stroke-width:1.3}}.B0c161,.B0c1mi{color:var(--white-color)}.B0c1xl{min-width:20px;padding-left:18px}.B0czy{display:block;height:100%;width:100%}}
/*# sourceMappingURL=SongsItem.module-46a8b8b2f8.css.map */