.devices-table{overflow:visible}.devices-table__body-wrap{overflow-x:auto}.devices-table .devices-table__row{min-width:1250px}.devices-table .dp-preview-col{flex:0 0 160px;width:160px;min-width:160px;padding:12px}.devices-table .dp-sound-col{flex:0 0 235px;width:235px;min-width:235px;padding:12px;position:relative}.dp-preview{display:block;position:relative;width:136px;height:77px;border-radius:5px;background:#e0e7ee;overflow:hidden;cursor:pointer;color:#263040}.dp-image{width:100%;height:100%;object-fit:contain;background:#15191c}.dp-preview-label{position:absolute;left:0;right:0;bottom:0;padding:5px;background:rgba(18,26,35,.65);color:white;font:11px/1.2 Lato,sans-serif}.dp-image[hidden]+.dp-spinner+.dp-preview-label{background:transparent;color:#667585;bottom:20px}.dp-time,.dp-notice{display:block;font:11px/1.4 Lato,sans-serif;color:#8798b0;margin-top:6px}.dp-audio-line{display:flex;align-items:center;gap:8px}.dp-mute{width:32px;height:32px;border:1px solid #dce3eb;border-radius:4px;flex-shrink:0}.dp-volume{width:100px;accent-color:#e33161;cursor:pointer}.dp-value{font-size:12px;min-width:40px}.dp-audio button:disabled,.dp-audio input:disabled{opacity:.45;cursor:default}.dp-loading .dp-image{opacity:.35}.dp-spinner{display:none}.dp-loading .dp-spinner{display:block;position:absolute;left:calc(50% - 10px);top:calc(50% - 16px);width:20px;height:20px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:dp-spin 1s linear infinite}.dp-menu{position:absolute;right:2px;top:5px;font-size:18px}.dp-menu summary{list-style:none;cursor:pointer;padding:2px 8px}.dp-menu>div{position:absolute;right:0;top:27px;width:220px;z-index:10;background:white;border:1px solid #dce3eb;border-radius:6px;box-shadow:0 8px 20px #26304020;padding:8px}.dp-menu button{display:block;width:100%;text-align:left;padding:10px;font-size:13px}.dp-menu button:hover{background:#edf3f7}.dp-detail{display:flex;align-items:center;gap:25px;padding:20px;margin:0 0 20px;border-bottom:1px solid #dce3eb;background:#f5f8fa}.dp-detail .dp-preview{width:300px;height:169px}.dp-detail .dp-audio{margin-top:12px}.dp-detail .dp-volume{width:185px}.dp-detail-note{max-width:300px;font-size:13px;line-height:1.6;color:#8798b0}.dp-detail .dp-preview-label{font-size:13px}.dp-preview:focus-visible,.dp-mute:focus-visible{outline:2px solid #e33161;outline-offset:2px}@keyframes dp-spin{to{transform:rotate(360deg)}}@media(max-width:650px){.dp-detail{flex-wrap:wrap;padding:12px}.dp-detail .dp-preview{width:260px;height:146px}}@media(prefers-reduced-motion:reduce){.dp-spinner{animation:none!important}}
.devices-table:has(.dp-head){overflow-x:auto}.devices-table:has(.dp-head) .devices-table__body-wrap{overflow:visible!important}.devices-table:has(.dp-head) .devices-table__row{display:flex;width:1450px;min-width:100%;height:auto!important;min-height:116px;align-items:center}.devices-table:has(.dp-head) .devices-table__head .devices-table__row{min-height:72px}.devices-table:has(.dp-head) .devices-table__col{flex:1 0 110px!important;width:auto!important;min-width:0!important;height:auto!important;padding:12px!important;box-sizing:border-box}.devices-table:has(.dp-head) .dp-preview-col{flex:0 0 160px!important}.devices-table:has(.dp-head) .dp-sound-col{flex:0 0 245px!important}.devices-table:has(.dp-head) .devices-table__text{max-width:100%!important}.dp-detail{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.dp-detail>div{min-width:0}.dp-detail .dp-preview{width:100%;height:auto;aspect-ratio:16/9}.dp-detail .dp-volume{width:100%;min-width:40px}.dp-detail-note{max-width:none;font-size:12px}.dp-detail .dp-audio-line{width:100%}.dp-menu>div{position:fixed}
.devices-table:has(.dp-head) .devices-table__row{width:1250px;min-width:100%}.devices-table:has(.dp-head) .devices-table__col{flex:1 1 100px!important}.devices-table:has(.dp-head) .dp-preview-col{flex:0 0 155px!important}.devices-table:has(.dp-head) .dp-sound-col{flex:0 0 220px!important}.dp-sound-col .dp-volume{width:80px}.dp-detail .dp-value{white-space:nowrap}.popup-form:has(.dp-detail){max-width:100vw}.dp-detail{overflow:hidden}
.dp-ready .dp-preview-label{opacity:0}.dp-ready:hover .dp-preview-label,.dp-ready:focus-visible .dp-preview-label{opacity:1}