.media-player{display:grid;gap:30px;grid-template-rows:100px 50px 1fr}@media screen and (max-width: 768px){.media-player{grid-template-rows:60px 40px 1fr;gap:15px}}.media-player .controller{display:flex;gap:20px}.media-player .controller .playpause{background:#ff66b0;mask-image:url("../svg/icon_play.svg");mask-size:contain;aspect-ratio:1/1;height:100%}.media-player .controller .playpause.is-playing{mask-image:url("../svg/icon_pause.svg")}.media-player .controller #wave{width:100%}.media-player .sample-container{display:contents}.media-player .sample-container .sampleitem{color:#a16080;cursor:default}.media-player .sample-container .sampleitem.is-playing{color:#ff66b0}.media-player .sample-container .sampleitem.pickup{font-size:1.6rem;text-align:center;margin-bottom:30px;height:fit-content}@media screen and (max-width: 768px){.media-player .sample-container .sampleitem.pickup{font-size:1.2rem;margin-bottom:20px}}.media-player .sample-container ul.playlist{display:grid;grid-template-columns:1fr 1fr;overflow-y:auto;height:100%;padding-left:20px;scrollbar-color:#ff66b0 hsla(0,0%,100%,0)}@media screen and (max-width: 768px){.media-player .sample-container ul.playlist{grid-template-columns:1fr}}