.wp-block-podcaster-plus-volume__wrapper{display:flex}.volume-control-container{--icon-size: 24px;--slider-width: 100px;--slider-height: 4px;--thumb-size: 12px;--slider-border-radius: 0;--wp--custom--hover--color: currentColor;--animation-duration: 0.3s;--animation-timing: cubic-bezier(0.4, 0, 0.2, 1);--slider-spacing: 0px;--button-padding: 8px;--slider-thumb-color: var(--wp--custom--slider--thumb, currentColor);--slider-track-filled: var( --wp--custom--slider--track--filled, currentColor );--slider-track-empty: var( --wp--custom--slider--track--empty, var(--wp--preset--color--gray-300, #d1d5db) );position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;gap:var(--slider-spacing);cursor:pointer;width:auto;width:var(--pp-volume-width-desktop, var(--pp-volume-max-width-desktop, auto));min-width:calc(24px + 8px * 2);min-width:var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2));max-width:none;max-width:var(--pp-volume-max-width-desktop, none);min-height:calc(24px + 8px * 2) !important;min-height:var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2)) !important;border-width:0;border-width:var(--pp-volume-border-width-desktop, 0);border-style:solid;border-style:var(--pp-volume-border-style-desktop, solid);border-color:transparent;border-color:var(--pp-volume-border-color-desktop, transparent);border-top-width:0;border-top-width:var(--pp-volume-border-top-width-desktop, var(--pp-volume-border-width-desktop, 0));border-right-width:0;border-right-width:var(--pp-volume-border-right-width-desktop, var(--pp-volume-border-width-desktop, 0));border-bottom-width:0;border-bottom-width:var(--pp-volume-border-bottom-width-desktop, var(--pp-volume-border-width-desktop, 0));border-left-width:0;border-left-width:var(--pp-volume-border-left-width-desktop, var(--pp-volume-border-width-desktop, 0));border-top-style:solid;border-top-style:var(--pp-volume-border-top-style-desktop, var(--pp-volume-border-style-desktop, solid));border-right-style:solid;border-right-style:var(--pp-volume-border-right-style-desktop, var(--pp-volume-border-style-desktop, solid));border-bottom-style:solid;border-bottom-style:var(--pp-volume-border-bottom-style-desktop, var(--pp-volume-border-style-desktop, solid));border-left-style:solid;border-left-style:var(--pp-volume-border-left-style-desktop, var(--pp-volume-border-style-desktop, solid));border-top-color:transparent;border-top-color:var(--pp-volume-border-top-color-desktop, var(--pp-volume-border-color-desktop, transparent));border-right-color:transparent;border-right-color:var(--pp-volume-border-right-color-desktop, var(--pp-volume-border-color-desktop, transparent));border-bottom-color:transparent;border-bottom-color:var(--pp-volume-border-bottom-color-desktop, var(--pp-volume-border-color-desktop, transparent));border-left-color:transparent;border-left-color:var(--pp-volume-border-left-color-desktop, var(--pp-volume-border-color-desktop, transparent))}.volume-control-container.has-custom-height{height:auto !important;height:var(--pp-volume-height-desktop, auto) !important}.volume-control-container.has-custom-max-width{max-width:none !important;max-width:var(--pp-volume-max-width-desktop, none) !important}.volume-control-container.has-custom-max-height{max-height:none !important;max-height:var(--pp-volume-max-height-desktop, none) !important}.volume-control-container .volume-button[style*="--pp-volume-border-radius"]~.volume-slider-container[data-visible=true],.volume-control-container .volume-button[style*="border-radius:"]~.volume-slider-container[data-visible=true]{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--pp-volume-border-radius-top-left-desktop, var(--pp-volume-border-radius-top-left-tablet, var(--pp-volume-border-radius-top-left-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))));border-top-right-radius:var(--pp-volume-border-radius-top-right-desktop, var(--pp-volume-border-radius-top-right-tablet, var(--pp-volume-border-radius-top-right-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))));border-bottom-left-radius:0;border-bottom-right-radius:0}.volume-control-container[data-slider-direction=down] .volume-button[style*="--pp-volume-border-radius"]~.volume-slider-container[data-visible=true],.volume-control-container[data-slider-direction=down] .volume-button[style*="border-radius:"]~.volume-slider-container[data-visible=true]{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--pp-volume-border-radius-bottom-left-desktop, var(--pp-volume-border-radius-bottom-left-tablet, var(--pp-volume-border-radius-bottom-left-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))));border-bottom-right-radius:var(--pp-volume-border-radius-bottom-right-desktop, var(--pp-volume-border-radius-bottom-right-tablet, var(--pp-volume-border-radius-bottom-right-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))))}.volume-control-container[data-slider-direction=left] .volume-button[style*="--pp-volume-border-radius"]~.volume-slider-container[data-visible=true],.volume-control-container[data-slider-direction=left] .volume-button[style*="border-radius:"]~.volume-slider-container[data-visible=true]{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--pp-volume-border-radius-top-left-desktop, var(--pp-volume-border-radius-top-left-tablet, var(--pp-volume-border-radius-top-left-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))));border-top-right-radius:0;border-bottom-left-radius:var(--pp-volume-border-radius-bottom-left-desktop, var(--pp-volume-border-radius-bottom-left-tablet, var(--pp-volume-border-radius-bottom-left-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))));border-bottom-right-radius:0}.volume-control-container[data-slider-direction=right] .volume-button[style*="--pp-volume-border-radius"]~.volume-slider-container[data-visible=true],.volume-control-container[data-slider-direction=right] .volume-button[style*="border-radius:"]~.volume-slider-container[data-visible=true]{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:var(--pp-volume-border-radius-top-right-desktop, var(--pp-volume-border-radius-top-right-tablet, var(--pp-volume-border-radius-top-right-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))));border-bottom-left-radius:0;border-bottom-right-radius:var(--pp-volume-border-radius-bottom-right-desktop, var(--pp-volume-border-radius-bottom-right-tablet, var(--pp-volume-border-radius-bottom-right-mobile, var(--pp-volume-border-radius-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-mobile, 0))))))}.volume-control-container .volume-button{display:flex;align-items:center;justify-content:center;padding:var(--button-padding);background:rgba(0,0,0,0);cursor:pointer;color:inherit;position:relative;z-index:1;transition:border-radius var(--animation-duration) var(--animation-timing);min-width:var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2));min-height:var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2)) !important}.volume-control-container .volume-button:not(.has-border-color):not([style*=border-color]){border-color:transparent;border-color:var(--pp-volume-border-color-desktop, transparent)}.volume-control-container .volume-button.has-border-color{border-style:solid}.volume-control-container .volume-button:hover,.volume-control-container .volume-button[data-slider-visible=true]{color:currentColor;color:var(--wp--custom--hover--color, currentColor);background-color:rgba(0, 0, 0, 0.05);background-color:var(--wp--custom--hover--background-color, rgba(0, 0, 0, 0.05))}.volume-control-container .volume-button:focus{outline:2px solid currentColor;outline-offset:2px}.volume-control-container .volume-button div{position:absolute;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center}.volume-control-container .volume-button div[hidden]{display:none}.volume-control-container .volume-button div svg{display:flex;width:100%;height:100%;transition:all var(--animation-duration) var(--animation-timing);fill:currentColor}.volume-control-container .volume-button[style*=border-radius]{--button-radius: attr(style)}.volume-control-container.has-responsive-colors{background-color:rgba(0,0,0,0) !important}.volume-control-container.has-responsive-colors .volume-button{background-color:transparent !important;background-color:var(--pp-volume-color-background-desktop, transparent) !important;color:currentColor !important;color:var(--pp-volume-color-icon-desktop, currentColor) !important}.volume-control-container.has-responsive-colors .volume-button:hover,.volume-control-container.has-responsive-colors .volume-button[data-slider-visible=true]{background-color:rgba(0, 0, 0, 0.05) !important;background-color:var(--pp-volume-color-background-hover-desktop, var(--pp-volume-color-background-desktop, rgba(0, 0, 0, 0.05))) !important;color:currentColor !important;color:var(--pp-volume-color-icon-hover-desktop, var(--pp-volume-color-icon-desktop, currentColor)) !important}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, currentColor 0%, currentColor 100%, #d1d5db 100%);background:linear-gradient(to right, var(--pp-volume-color-slider-track-filled-desktop, currentColor) 0%, var(--pp-volume-color-slider-track-filled-desktop, currentColor) var(--range-progress, 100%), var(--pp-volume-color-slider-track-empty-desktop, var(--wp--preset--color--gray-300, #d1d5db)) var(--range-progress, 100%))}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-webkit-slider-thumb{background:currentColor;background:var(--pp-volume-color-slider-handle-desktop, currentColor)}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-track{background:#d1d5db;background:var(--pp-volume-color-slider-track-empty-desktop, var(--wp--preset--color--gray-300, #d1d5db))}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-progress{background:currentColor;background:var(--pp-volume-color-slider-track-filled-desktop, currentColor)}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-thumb{background:currentColor;background:var(--pp-volume-color-slider-handle-desktop, currentColor)}.volume-control-container[data-slider-direction=up] .volume-button[style*=border-radius]{transition:border-radius var(--animation-duration) var(--animation-timing)}@media(hover: hover){.volume-control-container[data-slider-direction=up] .volume-button[style*=border-radius]:hover{border-top-left-radius:0 !important;border-top-right-radius:0 !important}}.volume-control-container[data-slider-direction=up] .volume-button[style*=border-radius][data-slider-visible=true]{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.volume-control-container[data-slider-direction=down] .volume-button[style*=border-radius]{transition:border-radius var(--animation-duration) var(--animation-timing)}@media(hover: hover){.volume-control-container[data-slider-direction=down] .volume-button[style*=border-radius]:hover{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}}.volume-control-container[data-slider-direction=down] .volume-button[style*=border-radius][data-slider-visible=true]{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.volume-control-container[data-slider-direction=left] .volume-button[style*=border-radius]{transition:border-radius var(--animation-duration) var(--animation-timing)}@media(hover: hover){.volume-control-container[data-slider-direction=left] .volume-button[style*=border-radius]:hover{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}}.volume-control-container[data-slider-direction=left] .volume-button[style*=border-radius][data-slider-visible=true]{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.volume-control-container[data-slider-direction=right] .volume-button[style*=border-radius]{transition:border-radius var(--animation-duration) var(--animation-timing)}@media(hover: hover){.volume-control-container[data-slider-direction=right] .volume-button[style*=border-radius]:hover{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}}.volume-control-container[data-slider-direction=right] .volume-button[style*=border-radius][data-slider-visible=true]{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.volume-control-container .volume-slider-container{position:absolute;opacity:0;visibility:hidden;background:transparent;background:var(--wp--custom--hover--background-color, transparent);transition:all var(--animation-duration) var(--animation-timing);z-index:2;display:flex;align-items:center;justify-content:center}.volume-control-container .volume-slider-container[data-visible=true]{opacity:1;visibility:visible;background-color:rgb(242, 242, 242);background-color:var(--wp--custom--hover--background-color, rgb(242, 242, 242))}.volume-control-container.has-responsive-colors .volume-slider-container{background:transparent;background:var(--pp-volume-color-background-hover-desktop, transparent)}.volume-control-container.has-responsive-colors .volume-slider-container[data-visible=true]{background-color:rgb(242, 242, 242) !important;background-color:var(--pp-volume-color-background-hover-desktop, var(--pp-volume-color-background-desktop, rgb(242, 242, 242))) !important}.volume-control-container[data-slider-direction=up] .volume-slider-container,.volume-control-container .volume-slider-container{left:50%;top:auto;bottom:calc(100% + var(--slider-spacing));transform:translateX(-50%) scaleY(0);transform-origin:bottom;width:var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2));min-width:var(--pp-volume-min-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2));max-width:none;max-width:var(--pp-volume-max-width-desktop, none);height:calc(var(--slider-width) + 20px)}.volume-control-container[data-slider-direction=up] .volume-slider-container[data-visible=true],.volume-control-container .volume-slider-container[data-visible=true]{transform:translateX(-50%) scaleY(1)}.volume-control-container[data-slider-direction=down] .volume-slider-container{left:50%;top:calc(100% + var(--slider-spacing));bottom:auto;transform:translateX(-50%) scaleY(0);transform-origin:top;width:var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2));min-width:var(--pp-volume-min-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2));max-width:none;max-width:var(--pp-volume-max-width-desktop, none);height:calc(var(--slider-width) + 20px)}.volume-control-container[data-slider-direction=down] .volume-slider-container[data-visible=true]{transform:translateX(-50%) scaleY(1)}.volume-control-container[data-slider-direction=left] .volume-slider-container{left:auto;right:calc(100% + var(--slider-spacing));top:50%;bottom:auto;transform:translateY(-50%) scaleX(0);transform-origin:right;width:calc(var(--slider-width) + 20px);height:var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2));min-width:calc(var(--slider-width) + 20px);max-width:calc(var(--slider-width) + 20px)}.volume-control-container[data-slider-direction=left] .volume-slider-container[data-visible=true]{transform:translateY(-50%) scaleX(1)}.volume-control-container[data-slider-direction=right] .volume-slider-container{left:calc(100% + var(--slider-spacing));right:auto;top:50%;bottom:auto;transform:translateY(-50%) scaleX(0);transform-origin:left;width:calc(var(--slider-width) + 20px);height:var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2));min-width:calc(var(--slider-width) + 20px);max-width:calc(var(--slider-width) + 20px)}.volume-control-container[data-slider-direction=right] .volume-slider-container[data-visible=true]{transform:translateY(-50%) scaleX(1)}.volume-control-container .volume-slider-container input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;background:rgba(0,0,0,0);width:var(--slider-width);height:var(--slider-height);left:50%;top:50%;padding:0;padding-right:.25rem;margin:0;cursor:pointer;transform-origin:center;transform:translateX(-50%) translateY(-50%) rotate(-90deg)}.volume-control-container .volume-slider-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--slider-height);background:linear-gradient(to right, var(--slider-track-filled) 0%, var(--slider-track-filled) 100%, var(--slider-track-empty) 100%);background:linear-gradient(to right, var(--slider-track-filled) 0%, var(--slider-track-filled) var(--range-progress, 100%), var(--slider-track-empty) var(--range-progress, 100%));border-radius:var(--slider-border-radius)}.volume-control-container .volume-slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);background:var(--slider-thumb-color);border:none;border-radius:50%;margin-top:calc((var(--thumb-size) - var(--slider-height))/-2);-webkit-transition:transform var(--animation-duration) var(--animation-timing);transition:transform var(--animation-duration) var(--animation-timing)}.volume-control-container .volume-slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-control-container .volume-slider-container input[type=range]::-moz-range-track{width:100%;height:var(--slider-height);background:var(--slider-track-empty);border-radius:var(--slider-border-radius)}.volume-control-container .volume-slider-container input[type=range]::-moz-range-progress{height:var(--slider-height);background:var(--slider-track-filled);border-radius:var(--slider-border-radius)}.volume-control-container .volume-slider-container input[type=range]::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:var(--slider-thumb-color);border:none;border-radius:50%;-moz-transition:transform var(--animation-duration) var(--animation-timing);transition:transform var(--animation-duration) var(--animation-timing)}.volume-control-container .volume-slider-container input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.volume-control-container .volume-slider-container input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.volume-control-container .volume-slider-container input[type=range]:hover::-moz-range-thumb{transform:scale(1.2)}.volume-control-container .volume-slider-container input[type=range]:focus{outline:none}.volume-control-container .volume-slider-container input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor;box-shadow:0 0 0 2px var(--wp--preset--color--white, #fff),0 0 0 4px currentColor}.volume-control-container .volume-slider-container input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor;box-shadow:0 0 0 2px var(--wp--preset--color--white, #fff),0 0 0 4px currentColor}.volume-control-container[data-slider-direction=right] .volume-slider-container input[type=range]{transform:translateX(-50%) translateY(-50%) rotate(0deg)}.volume-control-container[data-slider-direction=left] .volume-slider-container input[type=range]{transform:translateX(-50%) translateY(-50%) rotate(180deg)}.volume-control-container .screen-reader-text{width:0;height:0;padding:0;margin:0;position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);border:0}.volume-button{background:rgba(0,0,0,0);margin-top:0 !important;margin-top:var(--pp-volume-margin-top-desktop, 0) !important;margin-right:0 !important;margin-right:var(--pp-volume-margin-right-desktop, 0) !important;margin-bottom:0 !important;margin-bottom:var(--pp-volume-margin-bottom-desktop, 0) !important;margin-left:0 !important;margin-left:var(--pp-volume-margin-left-desktop, 0) !important;padding-top:0 !important;padding-top:var(--pp-volume-padding-top-desktop, 0) !important;padding-right:0 !important;padding-right:var(--pp-volume-padding-right-desktop, 0) !important;padding-bottom:0 !important;padding-bottom:var(--pp-volume-padding-bottom-desktop, 0) !important;padding-left:0 !important;padding-left:var(--pp-volume-padding-left-desktop, 0) !important;width:auto;width:var(--pp-volume-width-desktop, var(--pp-volume-max-width-desktop, auto));min-width:-moz-fit-content;min-width:fit-content;min-width:var(--pp-volume-min-width-desktop, -moz-fit-content);min-width:var(--pp-volume-min-width-desktop, fit-content);max-width:none;max-width:var(--pp-volume-max-width-desktop, none);min-height:auto !important;min-height:var(--pp-volume-min-height-desktop, auto) !important;border-width:0;border-width:var(--pp-volume-border-width-desktop, 0);border-style:solid;border-style:var(--pp-volume-border-style-desktop, solid);border-color:transparent;border-color:var(--pp-volume-border-color-desktop, transparent);border-top-width:0;border-top-width:var(--pp-volume-border-top-width-desktop, var(--pp-volume-border-width-desktop, 0));border-right-width:0;border-right-width:var(--pp-volume-border-right-width-desktop, var(--pp-volume-border-width-desktop, 0));border-bottom-width:0;border-bottom-width:var(--pp-volume-border-bottom-width-desktop, var(--pp-volume-border-width-desktop, 0));border-left-width:0;border-left-width:var(--pp-volume-border-left-width-desktop, var(--pp-volume-border-width-desktop, 0));border-top-style:solid;border-top-style:var(--pp-volume-border-top-style-desktop, var(--pp-volume-border-style-desktop, solid));border-right-style:solid;border-right-style:var(--pp-volume-border-right-style-desktop, var(--pp-volume-border-style-desktop, solid));border-bottom-style:solid;border-bottom-style:var(--pp-volume-border-bottom-style-desktop, var(--pp-volume-border-style-desktop, solid));border-left-style:solid;border-left-style:var(--pp-volume-border-left-style-desktop, var(--pp-volume-border-style-desktop, solid));border-top-color:transparent;border-top-color:var(--pp-volume-border-top-color-desktop, var(--pp-volume-border-color-desktop, transparent));border-right-color:transparent;border-right-color:var(--pp-volume-border-right-color-desktop, var(--pp-volume-border-color-desktop, transparent));border-bottom-color:transparent;border-bottom-color:var(--pp-volume-border-bottom-color-desktop, var(--pp-volume-border-color-desktop, transparent));border-left-color:transparent;border-left-color:var(--pp-volume-border-left-color-desktop, var(--pp-volume-border-color-desktop, transparent));border-top-left-radius:0;border-top-left-radius:var(--pp-volume-border-radius-top-left-desktop, var(--pp-volume-border-radius-desktop, 0));border-top-right-radius:0;border-top-right-radius:var(--pp-volume-border-radius-top-right-desktop, var(--pp-volume-border-radius-desktop, 0));border-bottom-left-radius:0;border-bottom-left-radius:var(--pp-volume-border-radius-bottom-left-desktop, var(--pp-volume-border-radius-desktop, 0));border-bottom-right-radius:0;border-bottom-right-radius:var(--pp-volume-border-radius-bottom-right-desktop, var(--pp-volume-border-radius-desktop, 0));box-shadow:none;box-shadow:var(--pp-volume-box-shadow-desktop, none)}.volume-button[style*="border-radius:"]{--button-border-radius: var(--wp--style--border--radius, 0)}.volume-button[style*="border-radius:"][style*="border-radius:"]{--button-border-radius: attr(style border-radius)}@media(max-width: 1024px){.volume-button{margin-top:0 !important;margin-top:var(--pp-volume-margin-top-tablet, var(--pp-volume-margin-top-desktop, 0)) !important;margin-right:0 !important;margin-right:var(--pp-volume-margin-right-tablet, var(--pp-volume-margin-right-desktop, 0)) !important;margin-bottom:0 !important;margin-bottom:var(--pp-volume-margin-bottom-tablet, var(--pp-volume-margin-bottom-desktop, 0)) !important;margin-left:0 !important;margin-left:var(--pp-volume-margin-left-tablet, var(--pp-volume-margin-left-desktop, 0)) !important;padding-top:0 !important;padding-top:var(--pp-volume-padding-top-tablet, var(--pp-volume-padding-top-desktop, 0)) !important;padding-right:0 !important;padding-right:var(--pp-volume-padding-right-tablet, var(--pp-volume-padding-right-desktop, 0)) !important;padding-bottom:0 !important;padding-bottom:var(--pp-volume-padding-bottom-tablet, var(--pp-volume-padding-bottom-desktop, 0)) !important;padding-left:0 !important;padding-left:var(--pp-volume-padding-left-tablet, var(--pp-volume-padding-left-desktop, 0)) !important;width:auto;width:var(--pp-volume-width-tablet, var(--pp-volume-width-desktop, var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, auto))));min-width:-moz-fit-content;min-width:fit-content;min-width:var(--pp-volume-min-width-tablet, var(--pp-volume-min-width-desktop, -moz-fit-content));min-width:var(--pp-volume-min-width-tablet, var(--pp-volume-min-width-desktop, fit-content));max-width:none;max-width:var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, none));min-height:auto !important;min-height:var(--pp-volume-min-height-tablet, var(--pp-volume-min-height-desktop, auto)) !important;border-width:0;border-width:var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0));border-style:solid;border-style:var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid));border-color:transparent;border-color:var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent));border-top-width:0;border-top-width:var(--pp-volume-border-top-width-tablet, var(--pp-volume-border-top-width-desktop, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))));border-right-width:0;border-right-width:var(--pp-volume-border-right-width-tablet, var(--pp-volume-border-right-width-desktop, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))));border-bottom-width:0;border-bottom-width:var(--pp-volume-border-bottom-width-tablet, var(--pp-volume-border-bottom-width-desktop, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))));border-left-width:0;border-left-width:var(--pp-volume-border-left-width-tablet, var(--pp-volume-border-left-width-desktop, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))));border-top-style:solid;border-top-style:var(--pp-volume-border-top-style-tablet, var(--pp-volume-border-top-style-desktop, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))));border-right-style:solid;border-right-style:var(--pp-volume-border-right-style-tablet, var(--pp-volume-border-right-style-desktop, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))));border-bottom-style:solid;border-bottom-style:var(--pp-volume-border-bottom-style-tablet, var(--pp-volume-border-bottom-style-desktop, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))));border-left-style:solid;border-left-style:var(--pp-volume-border-left-style-tablet, var(--pp-volume-border-left-style-desktop, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))));border-top-color:transparent;border-top-color:var(--pp-volume-border-top-color-tablet, var(--pp-volume-border-top-color-desktop, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))));border-right-color:transparent;border-right-color:var(--pp-volume-border-right-color-tablet, var(--pp-volume-border-right-color-desktop, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))));border-bottom-color:transparent;border-bottom-color:var(--pp-volume-border-bottom-color-tablet, var(--pp-volume-border-bottom-color-desktop, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))));border-left-color:transparent;border-left-color:var(--pp-volume-border-left-color-tablet, var(--pp-volume-border-left-color-desktop, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))));border-top-left-radius:0;border-top-left-radius:var(--pp-volume-border-radius-top-left-tablet, var(--pp-volume-border-radius-top-left-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))));border-top-right-radius:0;border-top-right-radius:var(--pp-volume-border-radius-top-right-tablet, var(--pp-volume-border-radius-top-right-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))));border-bottom-left-radius:0;border-bottom-left-radius:var(--pp-volume-border-radius-bottom-left-tablet, var(--pp-volume-border-radius-bottom-left-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))));border-bottom-right-radius:0;border-bottom-right-radius:var(--pp-volume-border-radius-bottom-right-tablet, var(--pp-volume-border-radius-bottom-right-desktop, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))));box-shadow:none;box-shadow:var(--pp-volume-box-shadow-tablet, var(--pp-volume-box-shadow-desktop, none));width:var(--pp-volume-width-tablet, var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2)));height:var(--pp-volume-height-tablet, var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2)))}.volume-button.has-custom-height{height:auto !important;height:var(--pp-volume-height-tablet, var(--pp-volume-height-desktop, auto)) !important}.volume-button.has-custom-max-width{max-width:none !important;max-width:var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, none)) !important}.volume-button.has-custom-max-height{max-height:none !important;max-height:var(--pp-volume-max-height-tablet, var(--pp-volume-max-height-desktop, none)) !important}.volume-button.has-responsive-colors{background-color:rgba(0,0,0,0) !important}.volume-button.has-responsive-colors .volume-button{background-color:transparent !important;background-color:var(--pp-volume-color-background-tablet, var(--pp-volume-color-background-desktop, transparent)) !important;color:currentColor !important;color:var(--pp-volume-color-icon-tablet, var(--pp-volume-color-icon-desktop, currentColor)) !important}.volume-button.has-responsive-colors .volume-button:hover,.volume-button.has-responsive-colors .volume-button[data-slider-visible=true]{background-color:rgba(0, 0, 0, 0.05) !important;background-color:var(--pp-volume-color-background-hover-tablet, var(--pp-volume-color-background-hover-desktop, rgba(0, 0, 0, 0.05))) !important;color:currentColor !important;color:var(--pp-volume-color-icon-hover-tablet, var(--pp-volume-color-icon-hover-desktop, currentColor)) !important}.volume-button.has-responsive-colors .volume-slider-container{background:transparent;background:var(--pp-volume-color-background-hover-tablet, var(--pp-volume-color-background-hover-desktop, transparent))}.volume-button.has-responsive-colors .volume-slider-container[data-visible=true]{background-color:rgb(242, 242, 242) !important;background-color:var(--pp-volume-color-background-hover-tablet, var(--pp-volume-color-background-hover-desktop, var(--pp-volume-color-background-tablet, var(--pp-volume-color-background-desktop, rgb(242, 242, 242))))) !important}.volume-button.has-responsive-colors .volume-slider-container input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, currentColor 0%, currentColor 100%, #d1d5db 100%);background:linear-gradient(to right, var(--pp-volume-color-slider-track-filled-tablet, var(--pp-volume-color-slider-track-filled-desktop, currentColor)) 0%, var(--pp-volume-color-slider-track-filled-tablet, var(--pp-volume-color-slider-track-filled-desktop, currentColor)) var(--range-progress, 100%), var(--pp-volume-color-slider-track-empty-tablet, var(--pp-volume-color-slider-track-empty-desktop, #d1d5db)) var(--range-progress, 100%))}.volume-button.has-responsive-colors .volume-slider-container input[type=range]::-webkit-slider-thumb{background:currentColor;background:var(--pp-volume-color-slider-handle-tablet, var(--pp-volume-color-slider-handle-desktop, currentColor))}.volume-button.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-track{background:#d1d5db;background:var(--pp-volume-color-slider-track-empty-tablet, var(--pp-volume-color-slider-track-empty-desktop, #d1d5db))}.volume-button.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-progress{background:currentColor;background:var(--pp-volume-color-slider-track-filled-tablet, var(--pp-volume-color-slider-track-filled-desktop, currentColor))}.volume-button.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-thumb{background:currentColor;background:var(--pp-volume-color-slider-handle-tablet, var(--pp-volume-color-slider-handle-desktop, currentColor))}.volume-button[data-slider-direction=up] .volume-slider-container,.volume-button[data-slider-direction=down] .volume-slider-container{width:var(--pp-volume-width-tablet, var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2)));min-width:var(--pp-volume-min-width-tablet, var(--pp-volume-min-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2)));max-width:none;max-width:var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, none));height:calc(var(--slider-width) + 20px)}.volume-button[data-slider-direction=left] .volume-slider-container,.volume-button[data-slider-direction=right] .volume-slider-container{width:calc(var(--slider-width) + 20px);min-width:calc(var(--slider-width) + 20px);max-width:calc(var(--slider-width) + 20px);height:var(--pp-volume-height-tablet, var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2)))}}@media(max-width: 768px){.volume-button{margin-top:0 !important;margin-top:var(--pp-volume-margin-top-mobile, var(--pp-volume-margin-top-tablet, var(--pp-volume-margin-top-desktop, 0))) !important;margin-right:0 !important;margin-right:var(--pp-volume-margin-right-mobile, var(--pp-volume-margin-right-tablet, var(--pp-volume-margin-right-desktop, 0))) !important;margin-bottom:0 !important;margin-bottom:var(--pp-volume-margin-bottom-mobile, var(--pp-volume-margin-bottom-tablet, var(--pp-volume-margin-bottom-desktop, 0))) !important;margin-left:0 !important;margin-left:var(--pp-volume-margin-left-mobile, var(--pp-volume-margin-left-tablet, var(--pp-volume-margin-left-desktop, 0))) !important;padding-top:0 !important;padding-top:var(--pp-volume-padding-top-mobile, var(--pp-volume-padding-top-tablet, var(--pp-volume-padding-top-desktop, 0))) !important;padding-right:0 !important;padding-right:var(--pp-volume-padding-right-mobile, var(--pp-volume-padding-right-tablet, var(--pp-volume-padding-right-desktop, 0))) !important;padding-bottom:0 !important;padding-bottom:var(--pp-volume-padding-bottom-mobile, var(--pp-volume-padding-bottom-tablet, var(--pp-volume-padding-bottom-desktop, 0))) !important;padding-left:0 !important;padding-left:var(--pp-volume-padding-left-mobile, var(--pp-volume-padding-left-tablet, var(--pp-volume-padding-left-desktop, 0))) !important;width:auto;width:var(--pp-volume-width-mobile, var(--pp-volume-width-tablet, var(--pp-volume-width-desktop, var(--pp-volume-max-width-mobile, var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, auto))))));min-width:-moz-fit-content;min-width:fit-content;min-width:var(--pp-volume-min-width-mobile, var(--pp-volume-min-width-tablet, var(--pp-volume-min-width-desktop, -moz-fit-content)));min-width:var(--pp-volume-min-width-mobile, var(--pp-volume-min-width-tablet, var(--pp-volume-min-width-desktop, fit-content)));max-width:none;max-width:var(--pp-volume-max-width-mobile, var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, none)));min-height:auto !important;min-height:var(--pp-volume-min-height-mobile, var(--pp-volume-min-height-tablet, var(--pp-volume-min-height-desktop, auto))) !important;width:var(--pp-volume-width-mobile, var(--pp-volume-width-tablet, var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2))));height:var(--pp-volume-height-mobile, var(--pp-volume-height-tablet, var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2))));border-width:0;border-width:var(--pp-volume-border-width-mobile, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0)));border-style:solid;border-style:var(--pp-volume-border-style-mobile, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid)));border-color:transparent;border-color:var(--pp-volume-border-color-mobile, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent)));border-top-width:0;border-top-width:var(--pp-volume-border-top-width-mobile, var(--pp-volume-border-top-width-tablet, var(--pp-volume-border-top-width-desktop, var(--pp-volume-border-width-mobile, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))))));border-right-width:0;border-right-width:var(--pp-volume-border-right-width-mobile, var(--pp-volume-border-right-width-tablet, var(--pp-volume-border-right-width-desktop, var(--pp-volume-border-width-mobile, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))))));border-bottom-width:0;border-bottom-width:var(--pp-volume-border-bottom-width-mobile, var(--pp-volume-border-bottom-width-tablet, var(--pp-volume-border-bottom-width-desktop, var(--pp-volume-border-width-mobile, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))))));border-left-width:0;border-left-width:var(--pp-volume-border-left-width-mobile, var(--pp-volume-border-left-width-tablet, var(--pp-volume-border-left-width-desktop, var(--pp-volume-border-width-mobile, var(--pp-volume-border-width-tablet, var(--pp-volume-border-width-desktop, 0))))));border-top-style:solid;border-top-style:var(--pp-volume-border-top-style-mobile, var(--pp-volume-border-top-style-tablet, var(--pp-volume-border-top-style-desktop, var(--pp-volume-border-style-mobile, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))))));border-right-style:solid;border-right-style:var(--pp-volume-border-right-style-mobile, var(--pp-volume-border-right-style-tablet, var(--pp-volume-border-right-style-desktop, var(--pp-volume-border-style-mobile, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))))));border-bottom-style:solid;border-bottom-style:var(--pp-volume-border-bottom-style-mobile, var(--pp-volume-border-bottom-style-tablet, var(--pp-volume-border-bottom-style-desktop, var(--pp-volume-border-style-mobile, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))))));border-left-style:solid;border-left-style:var(--pp-volume-border-left-style-mobile, var(--pp-volume-border-left-style-tablet, var(--pp-volume-border-left-style-desktop, var(--pp-volume-border-style-mobile, var(--pp-volume-border-style-tablet, var(--pp-volume-border-style-desktop, solid))))));border-top-color:transparent;border-top-color:var(--pp-volume-border-top-color-mobile, var(--pp-volume-border-top-color-tablet, var(--pp-volume-border-top-color-desktop, var(--pp-volume-border-color-mobile, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))))));border-right-color:transparent;border-right-color:var(--pp-volume-border-right-color-mobile, var(--pp-volume-border-right-color-tablet, var(--pp-volume-border-right-color-desktop, var(--pp-volume-border-color-mobile, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))))));border-bottom-color:transparent;border-bottom-color:var(--pp-volume-border-bottom-color-mobile, var(--pp-volume-border-bottom-color-tablet, var(--pp-volume-border-bottom-color-desktop, var(--pp-volume-border-color-mobile, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))))));border-left-color:transparent;border-left-color:var(--pp-volume-border-left-color-mobile, var(--pp-volume-border-left-color-tablet, var(--pp-volume-border-left-color-desktop, var(--pp-volume-border-color-mobile, var(--pp-volume-border-color-tablet, var(--pp-volume-border-color-desktop, transparent))))));border-top-left-radius:0;border-top-left-radius:var(--pp-volume-border-radius-top-left-mobile, var(--pp-volume-border-radius-top-left-tablet, var(--pp-volume-border-radius-top-left-desktop, var(--pp-volume-border-radius-mobile, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))))));border-top-right-radius:0;border-top-right-radius:var(--pp-volume-border-radius-top-right-mobile, var(--pp-volume-border-radius-top-right-tablet, var(--pp-volume-border-radius-top-right-desktop, var(--pp-volume-border-radius-mobile, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))))));border-bottom-left-radius:0;border-bottom-left-radius:var(--pp-volume-border-radius-bottom-left-mobile, var(--pp-volume-border-radius-bottom-left-tablet, var(--pp-volume-border-radius-bottom-left-desktop, var(--pp-volume-border-radius-mobile, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))))));border-bottom-right-radius:0;border-bottom-right-radius:var(--pp-volume-border-radius-bottom-right-mobile, var(--pp-volume-border-radius-bottom-right-tablet, var(--pp-volume-border-radius-bottom-right-desktop, var(--pp-volume-border-radius-mobile, var(--pp-volume-border-radius-tablet, var(--pp-volume-border-radius-desktop, 0))))));box-shadow:none;box-shadow:var(--pp-volume-box-shadow-mobile, var(--pp-volume-box-shadow-tablet, var(--pp-volume-box-shadow-desktop, none)))}.volume-button.has-custom-height{height:auto !important;height:var(--pp-volume-height-mobile, var(--pp-volume-height-tablet, var(--pp-volume-height-desktop, auto))) !important}.volume-button.has-custom-max-width{max-width:none !important;max-width:var(--pp-volume-max-width-mobile, var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, none))) !important}.volume-button.has-custom-max-height{max-height:none !important;max-height:var(--pp-volume-max-height-mobile, var(--pp-volume-max-height-tablet, var(--pp-volume-max-height-desktop, none))) !important}.volume-control-container.has-responsive-colors{background-color:rgba(0,0,0,0) !important}.volume-control-container.has-responsive-colors .volume-button{background-color:transparent !important;background-color:var(--pp-volume-color-background-mobile, var(--pp-volume-color-background-tablet, var(--pp-volume-color-background-desktop, transparent))) !important;color:currentColor !important;color:var(--pp-volume-color-icon-mobile, var(--pp-volume-color-icon-tablet, var(--pp-volume-color-icon-desktop, currentColor))) !important}.volume-control-container.has-responsive-colors .volume-button:hover,.volume-control-container.has-responsive-colors .volume-button[data-slider-visible=true]{background-color:rgba(0, 0, 0, 0.05) !important;background-color:var(--pp-volume-color-background-hover-mobile, var(--pp-volume-color-background-hover-tablet, var(--pp-volume-color-background-hover-desktop, rgba(0, 0, 0, 0.05)))) !important;color:currentColor !important;color:var(--pp-volume-color-icon-hover-mobile, var(--pp-volume-color-icon-hover-tablet, var(--pp-volume-color-icon-hover-desktop, currentColor))) !important}.volume-control-container.has-responsive-colors .volume-slider-container{background:transparent;background:var(--pp-volume-color-background-hover-mobile, var(--pp-volume-color-background-hover-tablet, var(--pp-volume-color-background-hover-desktop, transparent)))}.volume-control-container.has-responsive-colors .volume-slider-container[data-visible=true]{background-color:rgb(242, 242, 242) !important;background-color:var(--pp-volume-color-background-hover-mobile, var(--pp-volume-color-background-hover-tablet, var(--pp-volume-color-background-hover-desktop, var(--pp-volume-color-background-mobile, var(--pp-volume-color-background-tablet, var(--pp-volume-color-background-desktop, rgb(242, 242, 242))))))) !important}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, currentColor 0%, currentColor 100%, #d1d5db 100%);background:linear-gradient(to right, var(--pp-volume-color-slider-track-filled-mobile, var(--pp-volume-color-slider-track-filled-tablet, var(--pp-volume-color-slider-track-filled-desktop, currentColor))) 0%, var(--pp-volume-color-slider-track-filled-mobile, var(--pp-volume-color-slider-track-filled-tablet, var(--pp-volume-color-slider-track-filled-desktop, currentColor))) var(--range-progress, 100%), var(--pp-volume-color-slider-track-empty-mobile, var(--pp-volume-color-slider-track-empty-tablet, var(--pp-volume-color-slider-track-empty-desktop, #d1d5db))) var(--range-progress, 100%))}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-webkit-slider-thumb{background:currentColor;background:var(--pp-volume-color-slider-handle-mobile, var(--pp-volume-color-slider-handle-tablet, var(--pp-volume-color-slider-handle-desktop, currentColor)))}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-track{background:#d1d5db;background:var(--pp-volume-color-slider-track-empty-mobile, var(--pp-volume-color-slider-track-empty-tablet, var(--pp-volume-color-slider-track-empty-desktop, #d1d5db)))}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-progress{background:currentColor;background:var(--pp-volume-color-slider-track-filled-mobile, var(--pp-volume-color-slider-track-filled-tablet, var(--pp-volume-color-slider-track-filled-desktop, currentColor)))}.volume-control-container.has-responsive-colors .volume-slider-container input[type=range]::-moz-range-thumb{background:currentColor;background:var(--pp-volume-color-slider-handle-mobile, var(--pp-volume-color-slider-handle-tablet, var(--pp-volume-color-slider-handle-desktop, currentColor)))}.volume-control-container[data-slider-direction=up] .volume-slider-container,.volume-control-container[data-slider-direction=down] .volume-slider-container{width:var(--pp-volume-width-mobile, var(--pp-volume-width-tablet, var(--pp-volume-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2))));min-width:var(--pp-volume-min-width-mobile, var(--pp-volume-min-width-tablet, var(--pp-volume-min-width-desktop, calc(var(--icon-size) + var(--button-padding) * 2))));max-width:none;max-width:var(--pp-volume-max-width-mobile, var(--pp-volume-max-width-tablet, var(--pp-volume-max-width-desktop, none)));height:calc(var(--slider-width) + 20px)}.volume-control-container[data-slider-direction=left] .volume-slider-container,.volume-control-container[data-slider-direction=right] .volume-slider-container{width:calc(var(--slider-width) + 20px);min-width:calc(var(--slider-width) + 20px);max-width:calc(var(--slider-width) + 20px);height:var(--pp-volume-height-mobile, var(--pp-volume-height-tablet, var(--pp-volume-height-desktop, calc(var(--icon-size) + var(--button-padding) * 2))))}}