*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}input,textarea{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:1rem}button{color:#000}.heading{max-width:1080px;margin:0 auto 1rem;padding:0 1rem}.player{background:#333333;margin-bottom:2rem}.player__media--nonSelect,.player__media--audio,.player__media--video{color:#fff;width:100%;max-width:1080px;margin:auto}.player__media--nonSelect{padding:.5rem 1rem}.loop{max-width:1080px;padding:0 1rem;margin:0 auto .5rem}.loop__item{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.loop__heading{font-weight:700}.playList{max-width:1080px;margin:0 auto 1rem;padding:0 1rem}.playList__item,.playList__item--add,.playList__item--current{border:solid 1px #999999;margin-bottom:-1px;padding:.5rem;background:#fafafa;display:flex;gap:.5rem;align-items:center;align-content:center;cursor:pointer}.playList__item--add,.playList__item--add--add,.playList__item--current--add{cursor:pointer;border-bottom:solid 1px #666666;align-items:center}.playList__item--current,.playList__item--add--current,.playList__item--current--current{background:#e5f3eb}.playList__container{flex-grow:1}.playList__detail{margin-top:.5rem}.playList__summary{flex-grow:1;display:flex;gap:.5rem;align-items:center;align-content:center}.playList__preview{min-width:50px;max-width:50px}.playList__mediaTitle{min-width:0;word-break:break-word}.playList__sortableHandle{display:flex;flex-shrink:0;cursor:grab;width:2rem;padding:.5rem;-webkit-touch-callout:none;touch-action:none}.playList__close{margin-left:auto;padding:.5rem;flex-shrink:0;cursor:pointer;display:flex;align-items:center}.option{max-width:1080px;padding:0 1rem;margin:0 auto 2rem}.option summary{font-weight:700;cursor:pointer;margin-bottom:1rem;padding:0 .5rem .5rem;border-bottom:solid 1px #666666}.option__item{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.option__heading{font-weight:700}.deviceList{max-width:1080px;margin:0 auto 1rem;padding:0 1rem}.deviceList__item,.deviceList__item--add{border:solid 1px #999999;margin-bottom:-1px;padding:.5rem;background:#fafafa;display:flex;gap:.5rem;align-items:center;align-content:center}.deviceList__item--add,.deviceList__item--add--add{border-bottom:solid 1px #666666;align-items:center}.deviceList__item--add button,.deviceList__item--add--add button{appearance:none;-webkit-appearance:none;background:#eeeeee;padding:.25rem;border-radius:.25rem;border:solid 1px #aaaaaa;cursor:pointer;font-size:.8rem}.deviceList__disconnect{margin-left:auto;padding:.5rem;flex-shrink:0;cursor:pointer;display:flex;align-items:center}.deviceList__name{font-weight:700}.deviceList__addSheet{background:#eeeeee;padding:.25rem;border-radius:.25rem;border:solid 1px #aaaaaa;cursor:pointer;font-size:.8rem}.loopList{display:flex;flex-wrap:wrap;gap:.5rem}.loopList__item{display:flex;align-items:baseline}.footer{background:#aaaaaa}.footer__text{max-width:1080px;margin:auto;padding:.5rem 1rem}.footer__text small{color:#fff}.footer__text a{color:#fff;text-decoration:underline;font-size:.8rem;display:inline-block;margin-left:.5rem}