:root{--color-theme-primary-100: #41419F;--color-theme-primary-80: #4A9ABF;--color-theme-primary-60: #6CB3C9;--color-theme-primary-40: #8DC1D3;--color-theme-primary-20: #B0D0DE;--color-theme-primary-10: #D3E0E8;--color-theme-secondary-100: #FFA500;--color-theme-secondary-80: #FFB732;--color-theme-secondary-60: #FFC966;--color-theme-secondary-40: #FFD88A;--color-theme-secondary-20: #FFE9B0;--color-theme-secondary-10: #FFF9D6;--header-height-varible: clamp(3rem, 7vw, 4rem)}.music-box{position:fixed;bottom:20px;right:20px;z-index:1;background-color:#fff3;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.music-toggle{background:none;border:none;cursor:pointer;outline:none;font-size:18px;color:#000000b3;transition:color .3s ease}.music-icon-play,.music-icon-pause{display:none}.music-icon-play{display:block;color:#fff}.music-box.playing .music-icon-play{display:none}.music-box.playing .music-icon-pause{display:block}.music-box.playing{background-color:#0003}.music-box.playing .music-toggle{color:#fffc}.music-box:hover{transform:scale(1.05)}.music-volume{z-index:1000;position:absolute;bottom:50px;right:0;width:40px;height:100px;background-color:#ffffff1a;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.music-volume-slider{width:4px;height:70px;background-color:#fff3;border-radius:2px;position:relative;cursor:pointer}.music-volume-level{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;border-radius:2px;height:50%}.music-volume-handle{width:12px;height:12px;background-color:#fff;border-radius:50%;position:absolute;left:50%;transform:translate(-50%);cursor:pointer}