.tab-buttons{display:flex;align-items:flex-end;list-style-type:none;margin:0;padding:0;height:30px}.tab-button{border-radius:10px 10px 0 0;border:2px solid gray;border-bottom:none;height:20px;transition:height .3s}.tab-button.hover{background-color:#eee;cursor:pointer;height:30px}.tab-button.active{border-bottom:none;height:30px;margin-bottom:-2px;background-color:#fbfdff}.tab-panel{padding:10px;border-radius:0 0 10px 10px;border:gray solid 2px;background-color:#fbfdff}ul.item-list{list-style:none}li.song-item-row{width:clamp(300px,100%,500px);margin-bottom:12px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"info buttons"}.song-item-add-button-row{width:500px;display:flex;justify-content:center;align-items:stretch;margin:12px 0}.add-item-button{width:40px;height:40px;font-size:24px;border-radius:50%;border:2px solid #ccc;background-color:#fff;cursor:pointer}.item-info{grid-area:info;padding:8px;border:1px solid gray;border-right:none;border-radius:10px 0 0 10px;display:grid;grid-template-columns:auto 211px;grid-template-areas:"title      score" "composer   score";column-gap:20px;align-items:stretch}h3.song-title{grid-area:title;font-weight:700;justify-self:start;align-self:center;font-size:20px;padding:0;margin:5px;width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}p.composer{grid-area:composer;justify-self:start;align-self:center;font-size:16px;padding:0;margin:5px;width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}strong.score{grid-area:score;display:flex;justify-content:start;align-items:center;padding:0;margin:5px;font-size:36px;width:211px;white-space:nowrap}.item-edit-buttons{padding:8px;border:1px solid gray;border-radius:0 10px 10px 0;grid-area:buttons;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.item-edit-button{padding:0;margin:0;border:none;background-color:#fff;cursor:pointer}input{font-family:Noto Sans JP;border:2px solid #ccc;border-radius:7px}input.song-title{grid-area:title;font-weight:700;justify-self:start;align-self:center;font-size:20px;padding:2px;margin:1px;white-space:nowrap;width:190px}input.composer{grid-area:composer;justify-self:start;align-self:center;font-size:16px;padding:2px;margin:1px;white-space:nowrap;width:190px}input.score{grid-area:score;display:flex;justify-content:start;align-items:center;padding:3px;margin:5px;font-size:36px;font-weight:700;white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-panel{border:rgb(183,161,179) solid 3px;border-radius:10px;background-color:#ffefff;padding:20px;min-width:300px}