.media-player.svelte-ls2v7m{padding:var(--space-6);border-radius:var(--border-radius-xl);margin-bottom:var(--space-8);transition:all var(--duration-normal) var(--ease-out);outline:none;position:relative}.media-player.svelte-ls2v7m:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) calc(var(--opacity-5) * 100%),transparent) 0%,transparent 50%,color-mix(in srgb,var(--color-accent) calc(var(--opacity-5) * 100%),transparent) 100%);border-radius:var(--border-radius-xl);pointer-events:none;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.media-player.svelte-ls2v7m:hover:before{opacity:1}.player-header.svelte-ls2v7m{margin-bottom:var(--space-4)}.player-title.svelte-ls2v7m{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.error-message.svelte-ls2v7m{background:color-mix(in srgb,var(--color-danger) calc(var(--opacity-5) * 100%),transparent);border:var(--border-width-thin) solid var(--color-danger);border-radius:var(--border-radius);padding:var(--space-4);margin-bottom:var(--space-4);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.media-container.svelte-ls2v7m{position:relative;margin-bottom:var(--space-6);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-surface-alt)}.media-element.svelte-ls2v7m{width:100%;height:auto;display:block;background:var(--color-black)}audio.media-element.svelte-ls2v7m{display:none}.audio-visualization.svelte-ls2v7m{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) calc(var(--opacity-5) * 100%),transparent),color-mix(in srgb,var(--color-accent) calc(var(--opacity-very-low) * 100%),transparent));min-height:120px;border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.audio-visualization.svelte-ls2v7m:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,color-mix(in srgb,var(--color-white) calc(var(--opacity-5) * 100%),transparent) 0%,transparent 50%),radial-gradient(circle at 75% 75%,color-mix(in srgb,var(--color-highlight) calc(var(--opacity-5) * 100%),transparent) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,color-mix(in srgb,var(--color-accent) calc(var(--opacity-very-low) * 100%),transparent) 70%);pointer-events:none}.audio-visualization.svelte-ls2v7m:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 40px color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent)}.waveform.svelte-ls2v7m{display:flex;align-items:end;gap:3px;margin-bottom:var(--space-3);height:30px}.wave-bar.svelte-ls2v7m{width:var(--space-1);background:linear-gradient(to top,var(--color-primary),var(--color-accent));border-radius:var(--border-radius-full);animation:svelte-ls2v7m-wave var(--duration-slower) var(--ease-in-out) infinite;opacity:.7;transition:all var(--duration-normal) var(--ease-out)}.audio-visualization.svelte-ls2v7m:hover .wave-bar:where(.svelte-ls2v7m){opacity:1;animation-duration:var(--duration-slow)}@keyframes svelte-ls2v7m-wave{0%,to{transform:scaleY(.3);opacity:.5}50%{transform:scaleY(1);opacity:1}}.audio-icon-container.svelte-ls2v7m{position:relative;margin-bottom:var(--space-2);z-index:2}.audio-icon-backdrop.svelte-ls2v7m{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent) 0%,color-mix(in srgb,var(--color-accent) calc(var(--opacity-5) * 100%),transparent) 70%,transparent 100%);border-radius:var(--border-radius-full);animation:svelte-ls2v7m-pulse 3s ease-in-out infinite}.audio-icon.svelte-ls2v7m{position:relative;color:var(--color-primary);background:color-mix(in srgb,var(--color-white) calc(var(--opacity-90) * 100%),transparent);border-radius:var(--border-radius-full);padding:var(--space-2);-webkit-backdrop-filter:blur(var(--glass-blur-amount));backdrop-filter:blur(var(--glass-blur-amount));border:var(--border-width-thin) solid color-mix(in srgb,var(--color-primary) calc(var(--opacity-20) * 100%),transparent);transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm),0 0 20px color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent)}.audio-icon.svelte-ls2v7m:hover{transform:scale(1.1);color:var(--color-accent);box-shadow:var(--shadow-lg),0 0 30px color-mix(in srgb,var(--color-accent) calc(var(--opacity-20) * 100%),transparent)}@keyframes svelte-ls2v7m-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.audio-content.svelte-ls2v7m{text-align:center;z-index:2;position:relative}.audio-title.svelte-ls2v7m{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0;line-height:var(--line-height-tight)}.audio-description.svelte-ls2v7m{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-width:400px;margin:0 auto;font-weight:var(--font-weight-medium)}.audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m){color:var(--color-primary);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:all var(--duration-fast) var(--ease-out)}.audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m):hover{color:var(--color-accent);text-decoration:underline;text-shadow:0 1px 3px color-mix(in srgb,var(--color-black) 80%,transparent);transform:translateY(-1px)}html.dark .audio-description.svelte-ls2v7m{color:var(--color-white);text-shadow:0 1px 3px color-mix(in srgb,var(--color-black) 70%,transparent)}html.dark .audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m){color:var(--color-white);text-shadow:0 1px 3px color-mix(in srgb,var(--color-black) 80%,transparent)}html.dark .audio-description.svelte-ls2v7m a:where(.svelte-ls2v7m):hover{color:var(--color-accent);text-shadow:0 1px 4px color-mix(in srgb,var(--color-black) 90%,transparent)}.particles.svelte-ls2v7m{position:absolute;inset:0;pointer-events:none;z-index:1}.particle.svelte-ls2v7m{position:absolute;width:6px;height:6px;background:radial-gradient(circle,var(--color-highlight),transparent);border-radius:var(--border-radius-full);animation:svelte-ls2v7m-float linear infinite;opacity:.6}@keyframes svelte-ls2v7m-float{0%{transform:translateY(100%) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-20px) rotate(360deg);opacity:0}}.loading-overlay.svelte-ls2v7m{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-black) calc(var(--opacity-50) * 100%),transparent);-webkit-backdrop-filter:blur(var(--glass-blur-amount));backdrop-filter:blur(var(--glass-blur-amount));border-radius:var(--border-radius-lg)}.loading-spinner.svelte-ls2v7m{width:var(--space-10);height:var(--space-10);border:var(--border-width-thick) solid color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent);border-top:var(--border-width-thick) solid var(--color-primary);border-left:var(--border-width-thick) solid var(--color-primary);border-bottom:var(--border-width-thick) solid color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent);border-right:var(--border-width-thick) solid color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent);border-radius:var(--border-radius-full);animation:svelte-ls2v7m-spin var(--duration-slow) linear infinite}@keyframes svelte-ls2v7m-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-controls.svelte-ls2v7m{position:relative;background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-95) * 100%),transparent);-webkit-backdrop-filter:blur(var(--glass-blur-fallback));backdrop-filter:blur(var(--glass-blur-fallback));border:var(--border-width-thin) solid color-mix(in srgb,var(--color-border) calc(var(--opacity-20) * 100%),transparent);border-radius:var(--border-radius-lg);padding:var(--space-3);margin:var(--space-1) 0 0 0;box-shadow:0 4px 20px color-mix(in srgb,var(--color-black) calc(var(--opacity-5) * 100%),transparent),0 1px 3px color-mix(in srgb,var(--color-black) calc(var(--opacity-10) * 100%),transparent),inset 0 1px color-mix(in srgb,var(--color-white) calc(var(--opacity-10) * 100%),transparent);transition:all var(--duration-normal) var(--ease-out)}.player-controls.svelte-ls2v7m:before{content:"";position:absolute;top:0;left:var(--space-6);right:var(--space-6);height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-accent) calc(var(--opacity-20) * 100%),transparent) 50%,transparent 100%)}.player-controls.svelte-ls2v7m:hover{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-98) * 100%),transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--color-black) calc(var(--opacity-10) * 100%),transparent),0 2px 8px color-mix(in srgb,var(--color-black) calc(var(--opacity-15) * 100%),transparent),inset 0 1px color-mix(in srgb,var(--color-white) calc(var(--opacity-15) * 100%),transparent)}.progress-container.svelte-ls2v7m{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.progress-bar.svelte-ls2v7m{position:relative;height:6px;background:color-mix(in srgb,var(--color-text) calc(var(--opacity-10) * 100%),transparent);border-radius:var(--border-radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);overflow:hidden;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--color-black) calc(var(--opacity-10) * 100%),transparent)}.progress-bar.svelte-ls2v7m:hover{height:8px;background:color-mix(in srgb,var(--color-text) calc(var(--opacity-15) * 100%),transparent);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--color-black) calc(var(--opacity-15) * 100%),transparent),0 2px 8px color-mix(in srgb,var(--color-primary) calc(var(--opacity-20) * 100%),transparent)}.progress-fill.svelte-ls2v7m{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--border-radius-full);transition:width var(--duration-instant) ease;box-shadow:0 0 8px color-mix(in srgb,var(--color-primary) calc(var(--opacity-30) * 100%),transparent),inset 0 1px color-mix(in srgb,var(--color-white) calc(var(--opacity-20) * 100%),transparent)}.progress-thumb.svelte-ls2v7m{position:absolute;top:50%;width:var(--space-4);height:var(--space-4);background:var(--color-primary);border:var(--border-width-medium) solid var(--color-white);border-radius:var(--border-radius-full);transform:translate(-50%,-50%);opacity:0;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm),0 0 0 4px color-mix(in srgb,var(--color-primary) calc(var(--opacity-20) * 100%),transparent)}.progress-bar.svelte-ls2v7m:hover .progress-thumb:where(.svelte-ls2v7m){opacity:1;transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--shadow-primary),0 0 0 6px color-mix(in srgb,var(--color-primary) calc(var(--opacity-30) * 100%),transparent)}.time-display.svelte-ls2v7m{display:flex;justify-content:space-between;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-light);letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-medium);line-height:1;opacity:.8;transition:opacity var(--duration-normal) var(--ease-out)}.progress-container.svelte-ls2v7m:hover .time-display:where(.svelte-ls2v7m){opacity:1;color:var(--color-text)}.control-buttons.svelte-ls2v7m{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-2) 0}.control-btn{min-width:44px!important;min-height:44px!important;cursor:pointer!important;background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-90) * 100%),transparent)!important;-webkit-backdrop-filter:blur(var(--glass-blur-fallback))!important;backdrop-filter:blur(var(--glass-blur-fallback))!important;border:var(--border-width-thin) solid color-mix(in srgb,var(--color-border) calc(var(--opacity-30) * 100%),transparent)!important;border-radius:var(--border-radius-lg)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--color-black) calc(var(--opacity-5) * 100%),transparent),inset 0 1px color-mix(in srgb,var(--color-white) calc(var(--opacity-15) * 100%),transparent)!important;transition:all var(--duration-normal) var(--ease-out)!important}.control-btn:hover{border-color:color-mix(in srgb,var(--color-primary) calc(var(--opacity-40) * 100%),transparent)!important;transform:translateY(-1px) scale(1.02)!important;box-shadow:0 4px 16px color-mix(in srgb,var(--color-black) calc(var(--opacity-10) * 100%),transparent),0 2px 8px color-mix(in srgb,var(--color-primary) calc(var(--opacity-20) * 100%),transparent),inset 0 1px color-mix(in srgb,var(--color-white) calc(var(--opacity-20) * 100%),transparent)!important}.control-btn:active{transform:translateY(0) scale(.98)!important}.control-icon.svelte-ls2v7m{display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:color var(--duration-fast) var(--ease-out)}.control-icon--fixed.svelte-ls2v7m{width:var(--space-5);height:var(--space-5)}.control-icon--muted.svelte-ls2v7m{color:var(--color-danger)}.control-btn:hover .control-icon.svelte-ls2v7m{color:var(--color-primary)}.control-btn:hover .control-icon--muted.svelte-ls2v7m{color:var(--color-danger)}.volume-controls.svelte-ls2v7m{display:flex;align-items:center;gap:var(--space-3);background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-50) * 100%),transparent);border:var(--border-width-thin) solid color-mix(in srgb,var(--color-border) calc(var(--opacity-20) * 100%),transparent);border-radius:var(--border-radius-lg);padding:var(--space-2) var(--space-3);-webkit-backdrop-filter:blur(var(--glass-blur-amount));backdrop-filter:blur(var(--glass-blur-amount));box-shadow:inset 0 1px color-mix(in srgb,var(--color-white) calc(var(--opacity-10) * 100%),transparent);transition:all var(--duration-normal) var(--ease-out)}.volume-controls.svelte-ls2v7m:hover{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-70) * 100%),transparent);border-color:color-mix(in srgb,var(--color-accent) calc(var(--opacity-30) * 100%),transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-white) calc(var(--opacity-15) * 100%),transparent),0 2px 8px color-mix(in srgb,var(--color-accent) calc(var(--opacity-10) * 100%),transparent)}.volume-slider-container.svelte-ls2v7m{display:flex;align-items:center;padding:var(--space-1)}.volume-slider.svelte-ls2v7m{width:var(--space-20);height:6px;border:var(--border-width-thin) solid color-mix(in srgb,var(--color-border) calc(var(--opacity-20) * 100%),transparent);border-radius:var(--border-radius-full);outline:none;appearance:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--color-black) calc(var(--opacity-10) * 100%),transparent),0 1px 2px color-mix(in srgb,var(--color-white) calc(var(--opacity-10) * 100%),transparent)}.volume-slider.svelte-ls2v7m:hover{border-color:color-mix(in srgb,var(--color-primary) calc(var(--opacity-40) * 100%),transparent);box-shadow:inset 0 1px 3px color-mix(in srgb,var(--color-black) calc(var(--opacity-15) * 100%),transparent),0 2px 4px color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent),0 1px 2px color-mix(in srgb,var(--color-white) calc(var(--opacity-15) * 100%),transparent);transform:scaleY(1.2)}.volume-slider.svelte-ls2v7m::-webkit-slider-thumb{appearance:none;width:var(--space-4);height:var(--space-4);background:var(--color-primary);border-radius:var(--border-radius-full);cursor:pointer;border:var(--border-width-medium) solid var(--color-white);box-shadow:0 2px 4px color-mix(in srgb,var(--color-black) calc(var(--opacity-20) * 100%),transparent),0 0 0 2px color-mix(in srgb,var(--color-primary) calc(var(--opacity-20) * 100%),transparent);transition:all var(--duration-normal) var(--ease-out)}.volume-slider.svelte-ls2v7m::-webkit-slider-thumb:hover{background:var(--color-accent);transform:scale(1.1);box-shadow:0 4px 8px color-mix(in srgb,var(--color-black) calc(var(--opacity-30) * 100%),transparent),0 0 0 3px color-mix(in srgb,var(--color-accent) calc(var(--opacity-30) * 100%),transparent)}.volume-slider.svelte-ls2v7m::-moz-range-thumb{width:var(--space-4);height:var(--space-4);background:var(--color-primary);border-radius:var(--border-radius-full);cursor:pointer;border:var(--border-width-medium) solid var(--color-white);box-shadow:0 2px 4px color-mix(in srgb,var(--color-black) calc(var(--opacity-20) * 100%),transparent),0 0 0 2px color-mix(in srgb,var(--color-primary) calc(var(--opacity-20) * 100%),transparent);transition:all var(--duration-normal) var(--ease-out)}.volume-slider.svelte-ls2v7m::-moz-range-thumb:hover{background:var(--color-accent);transform:scale(1.1);box-shadow:0 4px 8px color-mix(in srgb,var(--color-black) calc(var(--opacity-30) * 100%),transparent),0 0 0 3px color-mix(in srgb,var(--color-accent) calc(var(--opacity-30) * 100%),transparent)}@media(max-width:640px){.media-player.svelte-ls2v7m,.player-controls.svelte-ls2v7m{padding:var(--space-4)}.control-buttons.svelte-ls2v7m{flex-wrap:wrap;gap:var(--space-4)}.volume-controls.svelte-ls2v7m{order:1;width:100%;justify-content:center;margin-top:var(--space-3)}.volume-slider.svelte-ls2v7m{width:var(--space-32)}.audio-visualization.svelte-ls2v7m{padding:var(--space-8);min-height:240px}.waveform.svelte-ls2v7m{margin-bottom:var(--space-6)}.audio-title.svelte-ls2v7m{font-size:var(--font-size-lg)}.audio-description.svelte-ls2v7m{font-size:var(--font-size-xs)}.control-btn{min-width:48px!important;min-height:48px!important}}@media(min-width:768px){.volume-slider.svelte-ls2v7m{width:var(--space-24)}.control-buttons.svelte-ls2v7m{gap:var(--space-8)}.player-controls.svelte-ls2v7m{padding:var(--space-6)}.progress-container.svelte-ls2v7m{margin-bottom:var(--space-5)}}@media(min-width:1024px){.volume-slider.svelte-ls2v7m{width:var(--space-28)}.control-buttons.svelte-ls2v7m{gap:var(--space-10)}.control-btn:hover{transform:translateY(-2px) scale(1.05)!important}}@media(prefers-reduced-motion:reduce){.media-player.svelte-ls2v7m,.progress-bar.svelte-ls2v7m,.progress-fill.svelte-ls2v7m,.progress-thumb.svelte-ls2v7m,.loading-spinner.svelte-ls2v7m,.wave-bar.svelte-ls2v7m,.audio-icon-backdrop.svelte-ls2v7m,.particle.svelte-ls2v7m,.audio-visualization.svelte-ls2v7m,.audio-icon.svelte-ls2v7m,.volume-slider.svelte-ls2v7m,.volume-slider.svelte-ls2v7m::-webkit-slider-thumb,.volume-slider.svelte-ls2v7m::-moz-range-thumb{transition:none;animation:none}.media-player.svelte-ls2v7m{opacity:1;transform:none}.wave-bar.svelte-ls2v7m{transform:scaleY(.6);opacity:.7}.audio-visualization.svelte-ls2v7m:hover,.audio-icon.svelte-ls2v7m:hover{transform:none}}.media-player.svelte-ls2v7m:focus-visible{outline:var(--border-width-medium) solid var(--color-highlight);outline-offset:var(--space-1)}.progress-bar.svelte-ls2v7m:focus-visible{outline:var(--border-width-medium) solid var(--color-highlight);outline-offset:var(--space-1)}@media(prefers-contrast:high){.progress-bar.svelte-ls2v7m{background:color-mix(in srgb,var(--color-text) calc(var(--opacity-50) * 100%),transparent)}.progress-fill.svelte-ls2v7m{background:var(--color-text-emphasis)}.audio-visualization.svelte-ls2v7m{background:var(--color-surface-alt);border:var(--border-width-thin) solid var(--color-border)}}html.dark .media-player.svelte-ls2v7m:before{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent) 0%,transparent 50%,color-mix(in srgb,var(--color-accent) calc(var(--opacity-10) * 100%),transparent) 100%)}html.dark .player-controls.svelte-ls2v7m{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-90) * 100%),transparent);border-color:color-mix(in srgb,var(--color-border) calc(var(--opacity-30) * 100%),transparent)}html.dark .player-controls.svelte-ls2v7m:hover{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-95) * 100%),transparent)}html.dark .audio-visualization.svelte-ls2v7m{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) calc(var(--opacity-10) * 100%),transparent),color-mix(in srgb,var(--color-accent) calc(var(--opacity-10) * 100%),transparent))}html.dark .audio-visualization.svelte-ls2v7m:before{background:radial-gradient(circle at 25% 25%,color-mix(in srgb,var(--color-accent) calc(var(--opacity-5) * 100%),transparent) 0%,transparent 60%),radial-gradient(circle at 75% 75%,color-mix(in srgb,var(--color-highlight) calc(var(--opacity-10) * 100%),transparent) 0%,transparent 60%),linear-gradient(45deg,transparent 30%,color-mix(in srgb,var(--color-primary) calc(var(--opacity-very-low) * 100%),transparent) 70%)}html.dark .audio-icon.svelte-ls2v7m{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-90) * 100%),transparent);border-color:color-mix(in srgb,var(--color-accent) calc(var(--opacity-30) * 100%),transparent)}html.dark .progress-fill.svelte-ls2v7m{background:linear-gradient(90deg,var(--color-accent),var(--color-highlight))}html.dark .control-btn{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-80) * 100%),transparent)!important;border-color:color-mix(in srgb,var(--color-border) calc(var(--opacity-40) * 100%),transparent)!important}html.dark .control-btn:hover{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-95) * 100%),transparent)!important;border-color:color-mix(in srgb,var(--color-accent) calc(var(--opacity-50) * 100%),transparent)!important}html.dark .volume-controls.svelte-ls2v7m{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-60) * 100%),transparent);border-color:color-mix(in srgb,var(--color-border) calc(var(--opacity-30) * 100%),transparent)}html.dark .volume-controls.svelte-ls2v7m:hover{background:color-mix(in srgb,var(--color-surface) calc(var(--opacity-80) * 100%),transparent);border-color:color-mix(in srgb,var(--color-accent) calc(var(--opacity-40) * 100%),transparent)}