.rap-container{border-radius:9999px;--tw-bg-opacity: 1;background-color:hsl(var(--background) / var(--tw-bg-opacity, 1));z-index:100;width:100%;height:49px;display:flex;justify-content:space-between;align-items:center;padding-left:12px;padding-right:12px;-moz-user-select:none;user-select:none;-webkit-user-select:none;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.rap-container:focus{outline:none}.rap-container .rap-current-time,.rap-container .rap-total-time{min-width:40px}.rap-container .rap-total-time{text-align:right}.rap-container .rap-pp-button{cursor:pointer;margin-right:12px}.rap-container .rap-slider{flex-grow:1;background-color:hsl(var(--secondary));cursor:pointer;position:relative}.rap-container .rap-slider .rap-progress{background-color:hsl(var(--primary));border-radius:inherit;position:absolute;pointer-events:none}.rap-container .rap-slider .rap-progress .rap-pin{height:16px;width:16px;border-radius:8px;background-color:hsl(var(--primary));position:absolute;pointer-events:all}.rap-container .rap-controls{font-size:.75rem;line-height:1rem;letter-spacing:0;line-height:18px;display:flex;flex-grow:1;justify-content:space-between;align-items:center}.rap-container .rap-controls .rap-slider{margin-left:12px;margin-right:12px;border-radius:2px;height:4px}.rap-container .rap-controls .rap-slider .rap-progress{width:0;height:100%}.rap-container .rap-controls .rap-slider .rap-progress .rap-pin{right:-8px;top:-6px}.rap-container .rap-controls span{cursor:default}.rap-container .rap-volume{position:relative;z-index:1}.rap-container .rap-volume .rap-volume-btn{cursor:pointer}.rap-container .rap-volume .rap-volume-controls{width:30px;height:135px;border-radius:7px;position:absolute;left:-3px;bottom:52px;flex-direction:column;align-items:center;display:flex;z-index:0}.rap-container .rap-volume .rap-hidden{display:none}.rap-container .rap-volume .rap-vol-placement-top{position:absolute;left:0;top:32px}.rap-container .rap-volume .rap-vol-placement-bottom{position:absolute;left:0;top:230px}.rap-container .rap-volume .rap-volume-controls .rap-slider{margin-top:12px;margin-bottom:12px;width:6px;border-radius:3px}.rap-container .rap-volume .rap-volume-controls .rap-slider .rap-progress{bottom:0;height:100%;width:6px}.rap-container .rap-volume .rap-volume-controls .rap-slider .rap-progress .rap-pin{left:-5px;top:-8px}.rap-container svg{display:block}.rap-backdrop{position:fixed;width:100vw;height:100vh;top:0;left:0}