.collection-banner{position:relative;overflow:hidden}.collection-banner canvas{position:absolute;bottom:0;left:0;width:100%;height:200px}.collection-banner .main-content{z-index:99}#audio-buttons{z-index:99;width:500px}#prompt-text{width:90%;height:80px;overflow:hidden;text-overflow:ellipsis}.sound-effect-item{display:flex;flex-direction:row;margin:8px auto;border-radius:10px;background:var(--wp--preset--color--gray-5);align-items:center;padding:16px;gap:8px;overflow:hidden}.sound-effect-item.top{background:0 0;margin-left:0}.sound-effect-item .process-wave{height:64px;flex:1;flex-grow:1;align-self:center;justify-self:center;transform:translateX(-8px);transition:opacity ease-in-out .5s,transform ease-in-out .45s}.process-wave .waveform-png,.process-wave img.waveform{height:100%;width:100%}.process-wave .waveform-png{position:absolute;top:0}.sound-effect-item .play-button{display:flex;justify-content:center;align-items:center;background-color:#ffffffcc;border-radius:100px;width:44px;height:44px;cursor:pointer;transition:background-color ease-in-out .25s}.sound-effect-item .play-button:hover{background-color:#ffffffff}.sound-effect-item .play-button img{width:24px;height:24px}.sound-effect-item .play-button img.play{margin-left:3px}.sound-effect-item .name{font-size:16px;font-weight:600;width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-effect-item .name span{font-weight:400}.sound-effect-item .icons{display:flex;gap:16px;margin-left:auto;justify-content:flex-start;align-items:center}.sound-effect-item.top .icons{margin:0 16px}.sound-effect-item .icons a,.sound-effect-item .icons p{display:flex;gap:4px;align-items:center;justify-content:center;height:28px}.sound-effect-item .icons a{padding:2px;border-radius:5px;width:28px;cursor:pointer}.sound-effect-item .icons a:hover{background-color:#0000001A}.sound-effect-item .icons img{width:20px;height:20px}.sound-effect-item .icons img.played-times{margin-right:3px}a.link-button{background-color:var(--wp--preset--color--brand-50);color:var(--wp--preset--color--gray-0);text-decoration:none;padding:16px 24px;border-radius:50px;font-weight:600}a.link-button:hover{background-color:var(--wp--preset--color--brand-40)}.remover-file-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-top:32px;padding:0 20px}.remover-file-title span{color:var(--wp--preset--color--brand-50)}.remover-file-title p.name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remover-file-title p.time{font-size:16px;padding:0 12px}.remover-file-title a.share{cursor:pointer;padding:8px;display:flex;justify-content:center;align-items:center;border-radius:8px}.remover-file-title a.share:hover{background-color:var(--wp--preset--color--brand-5)}.sound-effect-item.music,.sound-effect-item.origin,.sound-effect-item.vocal{padding:4px 16px}.sound-effect-item.music .name,.sound-effect-item.origin .name,.sound-effect-item.vocal .name{width:160px}.sound-effect-item.origin{background-color:#f1f5f9}.sound-effect-item.vocal{background-color:#e0e7ff}.sound-effect-item.music{background-color:#dcfce7}#shared-sound-effect .sound-effect-item.top{color:#fff}#shared-sound-effect .sound-effect-item.origin{background:linear-gradient(90deg,#b2bbcc 0,#a3afc2 100%)}#shared-sound-effect .sound-effect-item.vocal{background:linear-gradient(90deg,#b195ff 0,#9086ff 100%)}#shared-sound-effect .sound-effect-item.music{background:linear-gradient(90deg,#39dfb8 0,#4bcf8b 100%)}@media screen and (max-width:800px){#sound-effects,.sound-effect-list{max-width:100%}.sound-effect-item{flex-direction:column;justify-content:flex-start;align-items:flex-start}.sound-effect-item .process-wave{display:none}.sound-effect-item .name{white-space:wrap;width:90%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;align-self:center}}