html{scroll-behavior:smooth}body,html{color:#000;font-size:16px;line-height:16px}body{overflow-x:hidden}*,::after,::before{box-sizing:border-box}.product-education-video{position:relative;padding-top:56.25%}.product-education-video__preview{position:absolute;width:100%;height:100%;top:0;left:0;background:var(--background) no-repeat;background-size:cover;background-position:center;z-index:12}.product-education-video__player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11}@media screen and (max-width:450px){.product-education-video{max-width:100%}}.product-education-video__player:hover~.player-navigation.playing{opacity:1}.player-navigation{position:absolute;bottom:-1px;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 21px;z-index:12;opacity:0;transition:opacity .3s ease}.player-navigation:hover{opacity:1}.player-navigation.playing{background:rgba(255,255,255,.7)}@media screen and (max-width:450px){.player-navigation{bottom:-34.53px;padding:5px 0;background:#fff!important}}.player-navigation__mute,.player-navigation__pause-button,.player-navigation__play-button{cursor:pointer;justify-content:center;align-items:center}@media screen and (max-width:450px){.player-navigation__mute,.player-navigation__pause-button,.player-navigation__play-button{justify-content:flex-start}}.player-navigation__play-button{display:flex;width:24px;height:24px}@media screen and (max-width:450px){.player-navigation__play-button{width:18px}}.player-navigation__pause-button{display:none}.player-navigation__pause-button svg{width:24px;height:24px}@media screen and (max-width:450px){.player-navigation__pause-button{margin-left:-6px}}.player-navigation__mute{display:flex;justify-content:center}.player-navigation__mute>svg>g>path:nth-child(2),.player-navigation__mute>svg>g>path:nth-child(3),.player-navigation__mute>svg>g>path:nth-child(4){display:none}.player-navigation__mute.muted>svg>g>path{display:block}.player-navigation__play-wrapper{height:100%}.player-navigation__progress-bar{margin:0 35px 0 40px;height:2px;width:100%;background:#fff}.player-navigation__progress-bar--current-position{width:0;height:2px;background:#000}@media screen and (max-width:450px){.player-navigation__progress-bar{margin:0 15px;display:block;background:#dadada}}@media (max-width:992px){.player-navigation__mute svg{width:8px}}