.sieya--video-controls{position:relative;height:54px;display:flex;flex-direction:column;.sieya--video-controls--progress{position:absolute;z-index:1;top:-15px;right:0;left:0;.MuiSlider-root{border-radius:0}.sieya--video-controls--progress--thumb{width:12px;height:12px;&:focus,&:focus-within{border-radius:0;box-shadow:0 0 0 4px var(--color-solid-bold-green)}}}.sieya--video-controls--controls{display:flex;justify-content:space-between;background:#252836;align-items:center;padding-top:12px;padding-left:var(--dashboard-padding);padding-right:var(--dashboard-padding);flex:1 1;&.compact-layout{flex-direction:row;align-items:flex-start;padding-top:10px;position:relative}}.sieya--video-controls--controls--volume-controls{display:flex;align-items:center;gap:8px;.sieya--video-controls--controls.compact-layout &{position:absolute;right:var(--dashboard-padding);align-items:center;z-index:2;padding-bottom:0}.MuiIconButton-root{color:#fff;width:38px;height:38px;svg{width:100%;height:100%}&:hover{background-color:var(--color-secondary-deep-blue-80)}&:focus,&:focus-within{box-shadow:0 0 0 4px var(--color-solid-bold-green)}}.volume-slider{width:150px;.volume-slider--thumb{width:12px;height:12px;&:focus,&:focus-within{border-radius:0;box-shadow:0 0 0 4px var(--color-solid-bold-green)}}}.sieya--video-controls--controls--volume-controls--wrapper{position:relative;display:flex;align-items:center;&.compact{.volume-slider{display:none}}.sieya--video-controls--controls--volume-controls--vertical-slider{position:absolute;bottom:100%;right:0;margin-bottom:8px;padding:12px 8px;background:rgba(37,40,54,.95);border-radius:4px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:10;&.visible{opacity:1;visibility:visible;pointer-events:auto}.volume-slider-vertical{height:100px;width:4px;.MuiSlider-rail,.MuiSlider-track{width:4px;border-radius:2px}.volume-slider--thumb{width:12px;height:12px;&:focus,&:focus-within{border-radius:0;box-shadow:0 0 0 4px var(--color-solid-bold-green)}}}}}}}