.banner.hero-banner{position:relative}@media screen and (max-width:767px){.banner.hero-banner [data-item] .box{transform:translate3d(0,-50%,0)}}@media screen and (min-width:768px){.banner.hero-banner [data-item] .box{transform:translate3d(0,-20px,0);transition:transform .5s}}@media screen and (min-width:768px){.banner.hero-banner [data-item] [data-hide]{transition:opacity .4s,visibility .4s;opacity:0;visibility:hidden}}@media screen and (min-width:768px){.banner.hero-banner [data-item]:hover .box{transform:translate3d(0,-50%,0)}}@media screen and (min-width:768px){.banner.hero-banner [data-item]:hover [data-hide]{opacity:1;visibility:visible}}
[data-mute-element]{position:absolute;z-index:10;left:0;bottom:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:99999px;background-color:rgba(0,0,0,.4);margin-bottom:10px;margin-left:10px;transition:background-color .3s}@media (min-width:768px){[data-mute-element]{width:50px;height:50px;margin-bottom:20px;margin-left:20px}}@media (min-width:1024px){[data-mute-element]{width:60px;height:60px;margin-bottom:30px;margin-left:30px}}[data-mute-element]:hover{background-color:rgba(0,0,0,.5)}[data-mute-element] svg{width:18px}@media (min-width:768px){[data-mute-element] svg{width:22px}}@media (min-width:1024px){[data-mute-element] svg{width:30px}}[data-mute-element] svg:last-child{position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:0;visibility:hidden}[data-mute-element].on svg:first-child{opacity:0;visibility:hidden}[data-mute-element].on svg:last-child{opacity:1;visibility:visible}