[data-component=button-mute][data-v-569155e9]{--icon-color:var(--buttonMute-color,var(--color-creme-100));--transition-timing:.45s;--transition-ease:cubic-bezier(.19,1,.22,1);position:relative;display:flex;align-items:center;justify-content:center;width:clamp(52px,48.412px + 100vw * .0092,64px);height:clamp(33px,29.724px + 100vw * .0084,44px);cursor:pointer;pointer-events:none}[data-component=button-mute][data-v-569155e9]:before{content:"";position:absolute;left:-20px;top:-20px;width:calc(100% + 40px);height:calc(100% + 40px)}[data-component=button-mute] .bg[data-v-569155e9]{position:absolute;inset:0;display:block;background:#25252500;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border-radius:clamp(42px,65.343px + 100vw * -.0137,60px);transition:background-color .25s cubic-bezier(.19,1,.22,1),backdrop-filter .25s cubic-bezier(.19,1,.22,1),scale var(--transition-timing) var(--transition-ease)}[data-component=button-mute] .icon-container[data-v-569155e9]{position:relative;z-index:1;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;opacity:0;transform:translateY(4px);transition:opacity .75s cubic-bezier(.19,1,.22,1),transform .75s cubic-bezier(.19,1,.22,1)}[data-component=button-mute] .icon-container[data-v-569155e9] .mute{position:relative;transition:transform 1s cubic-bezier(.19,1,.22,1)}[data-component=button-mute] .icon-container[data-v-569155e9] .unmute-icon{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}[data-component=button-mute] .icon-container[data-v-569155e9] .mute-icon{opacity:0;transform:translate(-4px) scale(.9);transition:opacity .3s ease,transform .3s ease}[data-component=button-mute].-visible[data-v-569155e9]{pointer-events:auto}[data-component=button-mute].-visible .bg[data-v-569155e9]{background:#25252566;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-component=button-mute].-visible .icon-container[data-v-569155e9]{opacity:1;transform:translateY(0)}[data-component=button-mute].-muted .icon-container[data-v-569155e9] .mute-icon{opacity:1;transform:translate(0) scale(1)}[data-component=button-mute].-muted .icon-container[data-v-569155e9] .unmute-icon{opacity:0;transform:translate(-4px) scale(.9)}@media only screen and (min-width:2000px){[data-component=button-mute][data-v-569155e9]{width:3.2vw;height:2.2vw}[data-component=button-mute] .bg[data-v-569155e9]{border-radius:2.1vw}}