@layer semi{.semi-audio-player{background:rgb(from var(--semi-grey-9) r g b/.8);justify-content:center;align-items:center;gap:24px;max-width:1440px;height:78px;display:flex}.semi-audio-player-control{align-items:center;gap:16px;display:flex}.semi-audio-player-control-button-icon{color:var(--semi-color-bg-0)}.semi-audio-player .semi-audio-player-control-button-play.semi-button.semi-button-light{color:var(--semi-color-text-0);background:var(--semi-color-bg-0)}.semi-audio-player .semi-audio-player-control-button-play-disabled.semi-button.semi-button-light{color:var(--semi-grey-7);background:rgb(from var(--semi-grey-0) r g b/.35)}.semi-audio-player-slider-container{width:323px;height:100%;margin-inline:8px}.semi-audio-player-info-container{align-items:center;gap:16px;display:flex}.semi-audio-player-info{flex-direction:column;gap:4px;display:flex}.semi-audio-player-info-title{color:var(--semi-color-bg-0);align-items:center;font-size:14px;font-weight:600;display:flex}.semi-audio-player-info-time{width:100%;height:22px;color:var(--semi-color-bg-0);user-select:none;justify-content:space-between;align-items:center;gap:4px;font-size:14px;display:flex}.semi-audio-player-control-speed{width:40px;height:24px;color:var(--semi-color-default);user-select:none;background:var(--semi-grey-8);border:0;border-radius:3px;justify-content:center;align-items:center;gap:4px;padding:0;font-family:inherit;font-size:12px;font-weight:600;line-height:16px;display:flex}.semi-audio-player-control-speed:focus-visible{outline:2px solid var(--semi-color-primary-light-active)}.semi-audio-player-control-speed-menu.semi-dropdown-wrapper{background:var(--semi-grey-8);width:65px}.semi-audio-player-control-speed-menu-item.semi-dropdown-item{color:var(--semi-color-default)}.semi-audio-player-control-speed-menu .semi-audio-player-control-speed-menu-item.semi-dropdown-item:hover{background:var(--semi-color-tertiary-active)}.semi-audio-player-control-volume{background:var(--semi-grey-8);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:43px;height:164px;padding:4px 0;display:flex}.semi-audio-player-control-volume-title{color:var(--semi-color-default);user-select:none;font-size:12px;font-weight:600;line-height:16px}.semi-audio-player-error{color:var(--semi-color-danger);white-space:nowrap;align-items:center;gap:4px;margin-left:4px;display:flex}.semi-audio-player-light{background:var(--semi-color-bg-0);border:1px solid var(--semi-color-border)}.semi-audio-player-light .semi-audio-player-control-button-icon{color:var(--semi-grey-9)}.semi-audio-player-light .semi-audio-player-control-button-play.semi-button.semi-button-light{color:var(--semi-color-bg-0);background:var(--semi-grey-9)}.semi-audio-player-light .semi-audio-player-control-button-play-disabled.semi-button.semi-button-light{color:var(--semi-white);background:var(--semi-color-disabled-text)}.semi-audio-player-light .semi-audio-player-info-title,.semi-audio-player-light .semi-audio-player-info-time{color:var(--semi-grey-9)}.semi-audio-player-control-speed-menu.semi-audio-player-control-speed-menu-light{background:var(--semi-color-bg-3)}.semi-audio-player-control-speed-menu-light .semi-audio-player-control-speed-menu-item{color:var(--semi-color-text-0)}.semi-audio-player-control-speed-menu-light .semi-audio-player-control-speed-menu-item.semi-dropdown-item:hover{background:var(--semi-color-fill-0)}.semi-audio-player-control-volume-light{background:var(--semi-color-bg-3)}.semi-audio-player-control-volume-light .semi-audio-player-control-volume-title{color:var(--semi-color-text-0)}.semi-audio-player-slider{background:var(--semi-grey-5);border-radius:9999px;position:relative}.semi-audio-player-slider-light{background:var(--semi-grey-2)}.semi-audio-player-slider-wrapper{touch-action:none;cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.semi-audio-player-slider-wrapper-vertical{width:100%}.semi-audio-player-slider-wrapper-horizontal{height:100%}.semi-audio-player-slider-wrapper:has(>.semi-audio-player-slider-input:focus-visible:not([data-semi-pointer-focus])){outline:2px solid var(--semi-color-primary-light-active)}.semi-audio-player-slider-wrapper:hover .semi-audio-player-slider-horizontal,.semi-audio-player-slider-wrapper.semi-audio-player-slider-wrapper-dragging .semi-audio-player-slider-horizontal,.semi-audio-player-slider-wrapper:has(>.semi-audio-player-slider-input:focus-visible:not([data-semi-pointer-focus])) .semi-audio-player-slider-horizontal{height:8px}.semi-audio-player-slider-wrapper:hover .semi-audio-player-slider-vertical,.semi-audio-player-slider-wrapper.semi-audio-player-slider-wrapper-dragging .semi-audio-player-slider-vertical,.semi-audio-player-slider-wrapper:has(>.semi-audio-player-slider-input:focus-visible:not([data-semi-pointer-focus])) .semi-audio-player-slider-vertical{width:8px}.semi-audio-player-slider-wrapper:hover .semi-audio-player-slider-dot,.semi-audio-player-slider-wrapper.semi-audio-player-slider-wrapper-dragging .semi-audio-player-slider-dot,.semi-audio-player-slider-wrapper:has(>.semi-audio-player-slider-input:focus-visible:not([data-semi-pointer-focus])) .semi-audio-player-slider-dot{opacity:1}.semi-audio-player-slider-input{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.semi-audio-player-slider-vertical{width:4px;height:100%}.semi-audio-player-slider-horizontal{width:100%;height:4px}.semi-audio-player-slider-progress{background:var(--semi-blue-4);border-radius:9999px;position:absolute}.semi-audio-player-slider-progress-vertical{bottom:0}.semi-audio-player-slider-progress-horizontal{left:0}.semi-audio-player-slider-dot{background:var(--semi-white);border:1px solid var(--semi-color-primary);width:16px;height:16px;box-shadow:0 0 4px 0 var(--semi-color-shadow);opacity:0;border-radius:50%;transition:opacity .2s;position:absolute}}