.music-toggle{--button-bg: rgba(20, 20, 20, .85);--button-fg: var(--base-100);--button-hover-bg: var(--base-500);--button-hover-fg: var(--base-100);--button-ease-power: cubic-bezier(.22, 1, .36, 1);position:fixed;bottom:1.5rem;right:1.5rem;display:inline-flex;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;border:1px solid rgba(242,238,218,.15);border-radius:.375rem;overflow:hidden;color:var(--button-fg);cursor:pointer;pointer-events:auto;outline:none;background-color:transparent;transition:color .3s var(--button-ease-power),border-color .3s var(--button-ease-power);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200}.music-toggle__bg{position:absolute;inset:0;display:block;pointer-events:none}.music-toggle__fill{position:absolute;inset:0;border-radius:.375rem;background-color:var(--button-hover-bg);transform:translateY(100%);transition:transform .35s var(--button-ease-power);z-index:1}.music-toggle__base{position:absolute;inset:0;border-radius:.375rem;background-color:var(--button-bg);transform:scale(1);transition:transform .35s var(--button-ease-power);z-index:0}.music-toggle--on{color:var(--button-hover-fg);border-color:transparent}.music-toggle--on .music-toggle__fill{transform:translateY(0)}.music-toggle--on .music-toggle__base{transform:scale(.9)}.music-toggle-inner{position:relative;display:flex;justify-content:center;align-items:center;z-index:2}.music-toggle-canvas{display:block}