@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap);body{margin:0}*{box-sizing:border-box}.container{margin:0 auto;width:100%;padding:10px}@media (min-width:1240px){.container{width:1200px}}.pointer{cursor:pointer}.plyr__controls{background:linear-gradient(transparent 10%,rgba(0,0,0,.7))!important}#app{font-family:Barlow,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app #logo{left:20px;width:50px}.lang-container{position:absolute;z-index:10;right:30px;top:30px}.lang-container .lang{display:flex;flex-flow:column;align-items:center;transition:.2s}.lang-container .lang:hover .select{display:block}.lang-container .lang .selected{display:flex;justify-content:center;align-items:center;background:#00a375;color:#fff;transition:.2s;box-shadow:0 0 0 0 hsla(0,0%,82.7%,0)}.lang-container .lang .selected:hover{box-shadow:0 0 17px 5px hsla(0,0%,82.7%,.7)}.lang-container .lang .select{display:none;transition:.2s;background:#fff;color:#00a375;margin-top:1px;border:1px solid #d3d3d3;box-shadow:0 0 0 0 hsla(0,0%,82.7%,0)}.lang-container .lang .select:hover{background:#00a375;color:#fff;box-shadow:0 0 17px 5px hsla(0,0%,82.7%,.7)}.lang-container .lang .select,.lang-container .lang .selected{padding:5px;font-weight:600;border-radius:2px}#logo{padding:2px;height:50px;position:absolute;top:0;left:100px}
