.vn-bgm{position:relative;background:#f2f0f0;z-index:1}.vn-bgm__inner{margin-inline:auto}.vn-bgm__row{--vn-bgm-right-pad: clamp(8px, 1vw, 12px);display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-block:6px;padding-inline-end:var(--vn-bgm-right-pad);color:var(--color-foreground, #0A155B);font:500 12px/1.2 var(--font-heading-family, inherit);letter-spacing:.12em;width:100%}@media (max-width: 768px){.vn-bgm__row{transform:scale(.78);transform-origin:right center}}.vn-bgm__icon{display:inline-block;margin-right:0;fill:currentColor}.vn-bgm__viz{display:inline-block;width:40px;height:12px;margin-left:-8px}.headBgm__list{display:flex;gap:14px;margin:0;padding:0;list-style:none}.vn-bgm__sep{opacity:.35;line-height:1;display:inline-block;margin:0}.headBgm__off{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;inline-size:clamp(2.8em,3ch + .8em,3.6em);margin-left:0;margin-right:var(--vn-bgm-right-pad);text-align:center;padding-inline:0}.headBgm__btn,.headBgm__off{position:relative;background:none;border:0;padding:0 4px;cursor:pointer;color:inherit;opacity:.55;transition:opacity .2s ease;font:inherit;letter-spacing:.12em;line-height:1.1;min-width:2.2em}.headBgm__btn.is-active{opacity:1}.headBgm__off.is-active{opacity:.55}.headBgm__off:not(.is-active){opacity:1}.headBgm__btn:after,.headBgm__off:after{content:"";position:absolute;left:0;right:0;bottom:-.05em;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}.headBgm__btn:hover:after,.headBgm__btn:focus-visible:after,.headBgm__off:hover:after,.headBgm__off:focus-visible:after{transform:scaleX(1)}.headBgm__btn.is-active:after{transform:scaleX(1)}@media (prefers-reduced-motion: reduce){.vn-bgm__row{transition:none}}svg .vn-bgm__viz path[id^=audioWave-]{vector-effect:non-scaling-stroke}.vn-bgm{--vn-bgm-active: #303030;--vn-bgm-inactive: #9c9c9c}.vn-bgm__icon{color:#303030!important}.vn-bgm__wave path{stroke:#303030!important;stroke-width:2;fill:none;stroke-linecap:round}.vn-bgm .vn-bgm__viz path,.vn-bgm svg path[id^=audioWave-]{stroke:#303030!important;stroke-width:2;fill:none;stroke-linecap:round}.headBgm__btn,.headBgm__off{color:var(--vn-bgm-inactive)!important}.headBgm__btn.is-active,.headBgm__off.is-on{color:var(--vn-bgm-active)!important}
/*# sourceMappingURL=/cdn/shop/t/64/assets/vn-bgm.css.map */