{"version":3,"sources":["plugins/volume/styles/data:;charset=utf-8,/*%20Volume%20Slider%20*/%0A%0A/*%20Custom%20volume%20slider%20*/%0A.volume-slider%20%7B%0A%20%20position:%20relative;%0A%20%20width:%20100px;%0A%20%20min-width:%20100px;%0A%20%20height:%2024px;%0A%20%20display:%20flex;%0A%20%20align-items:%20center;%0A%20%20cursor:%20pointer;%0A%20%20margin:%200%2012px;%0A%0A%20%20user-select:%20none;%0A%7D%0A%0A.volume-track%20%7B%0A%20%20position:%20absolute;%0A%20%20left:%200;%0A%20%20top:%2050%25;%0A%20%20transform:%20translateY(-50%25);%0A%20%20width:%20100%25;%0A%20%20height:%204px;%0A%20%20background:%20%23ddd;%0A%20%20border-radius:%202px;%0A%7D%0A%0A.volume-fill%20%7B%0A%20%20position:%20absolute;%0A%20%20left:%200;%0A%20%20top:%200;%0A%20%20height:%20100%25;%0A%20%20background:%20var(--primary-color);%0A%20%20border-radius:%202px;%0A%20%20width:%20100%25;%0A%7D%0A%0A.volume-handle%20%7B%0A%20%20position:%20absolute;%0A%20%20top:%2050%25;%0A%20%20left:%20100%25;%0A%20%20width:%2016px;%0A%20%20height:%2016px;%0A%20%20background:%20white;%0A%20%20border:%202px%20solid%20var(--primary-color);%0A%20%20border-radius:%2050%25;%0A%20%20transform:%20translate(-50%25,%20-50%25);%0A%20%20cursor:%20grab;%0A%20%20box-shadow:%200%201px%203px%20rgba(0,%200,%200,%200.2);%0A%7D%0A%0A.volume-handle:hover%20%7B%0A%20%20transform:%20translate(-50%25,%20-50%25)%20scale(1.2);%0A%20%20background:%20var(--primary-color);%0A%7D%0A%0A.volume-handle.active%20%7B%0A%20%20cursor:%20grabbing;%0A%20%20background:%20var(--primary-color);%0A%7D%0A%0A.volume-label%20%7B%0A%20%20font-family:%20monospace,%20-apple-system,%20sans-serif;%0A%20%20font-size:%2012px;%0A%20%20color:%20%23555;%0A%20%20text-align:%20right;%0A%20%20min-width:%2040px;%0A%20%20width:%2040px;%0A%20%20text-align:%20center;%0A%0A%20%20user-select:%20none;%0A%7D%0A"],"names":[],"mappings":"AAAA;AAEA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA","sourcesContent":["/* Volume Slider */\n\n/* Custom volume slider */\n.volume-slider {\n  position: relative;\n  width: 100px;\n  min-width: 100px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  margin: 0 12px;\n\n  user-select: none;\n}\n\n.volume-track {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  height: 4px;\n  background: #ddd;\n  border-radius: 2px;\n}\n\n.volume-fill {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  background: var(--primary-color);\n  border-radius: 2px;\n  width: 100%;\n}\n\n.volume-handle {\n  position: absolute;\n  top: 50%;\n  left: 100%;\n  width: 16px;\n  height: 16px;\n  background: white;\n  border: 2px solid var(--primary-color);\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  cursor: grab;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.volume-handle:hover {\n  transform: translate(-50%, -50%) scale(1.2);\n  background: var(--primary-color);\n}\n\n.volume-handle.active {\n  cursor: grabbing;\n  background: var(--primary-color);\n}\n\n.volume-label {\n  font-family: monospace, -apple-system, sans-serif;\n  font-size: 12px;\n  color: #555;\n  text-align: right;\n  min-width: 40px;\n  width: 40px;\n  text-align: center;\n\n  user-select: none;\n}\n"],"file":"volume-slider.css"}