@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk&display=swap");*{margin:0;padding:0}body{font-family:Hanken Grotesk,sans-serif;font-size:14px}video{flex-grow:1;max-width:800px}@media (max-width:768px){video{width:100%}}.videoWrapper{display:flex;flex-wrap:wrap}.videoWrapper .videoList{padding:1rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between}.videoWrapper ul{list-style:none}.videoWrapper ul li{margin-bottom:1rem}.videoWrapper button{background:none;border:none;cursor:pointer;padding:5px 0;margin:0;outline:none;color:#333;width:100%;text-align:left;font:inherit}.videoWrapper button:focus{outline:none}.videoWrapper button:hover{text-decoration:underline}.videoWrapper button.active{opacity:1}.videoWrapper button.active:before{content:"";display:inline-block;width:15px;fill:red;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23000' d='M6 4l10 6-10 6z'/%3E%3C/svg%3E");background-size:15px 15px;position:absolute;margin-left:-4px;transform:translateY(2px)}.videoWrapper .pauzed button.active:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23000' d='M6 4h4v12H6zm6 0h4v12h-4z'/%3E%3C/svg%3E")}.mb2{margin-bottom:2rem}.mb1{margin-bottom:1rem}.mb05{margin-bottom:.5rem}.toggle{cursor:pointer;display:inline-block}.toggle-switch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:32px;position:relative;vertical-align:middle;transition:background-color .25s;scale:.5;transform-origin:left}.toggle-switch:after,.toggle-switch:before{content:""}.toggle-switch:before{display:block;background:linear-gradient(180deg,#fff 0,#eee);border-radius:50%;width:24px;height:24px;position:absolute;top:4px;left:4px;transition:left .25s}.toggle:hover .toggle-switch:before{background:linear-gradient(180deg,#fff 0,#fff)}.toggle-checkbox:checked+.toggle-switch{background:#56c080}.toggle-checkbox:checked+.toggle-switch:before{left:30px}.toggle-checkbox{position:absolute;visibility:hidden}.toggle-label{margin-left:-25px;position:relative;top:1px}