.video-container{position:relative;width:100%;padding-bottom:56.25%}.video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.knot-transform{margin:1rem 0;width:100%;height:250px;filter:drop-shadow(1px 1px 2px #1117)}.knot-transform.theorem{height:150px}.knot-transform.theorem-visual{height:350px}.knot{padding:.5rem;width:100%;height:250px}.side-by-side{display:flex;flex-direction:row;justify-content:center}.side-by-side>.knot{width:50%}.top-down{display:flex;flex-direction:column;justify-content:flex-start}.solution{max-height:3rem;overflow:hidden;padding:0 !important;display:flex;flex-flow:column nowrap;justify-content:flex-start;transition:max-height .5s ease-in-out}.solution .header{height:3rem;padding:0 0 auto 0}.solution .body{background-color:#fafaf7;margin:0}.solution:has(.collapse-button input[type="checkbox"]:checked){max-height:500px}.collapse-button{padding:0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;cursor:pointer}.collapse-button .material-symbols-outlined{font-size:3rem;font-weight:900}.collapse-button .expand:has(~ input[type="checkbox"]:not(:checked)){display:none;visibility:hidden}.collapse-button .collapse:has(~ input[type="checkbox"]:checked){display:none;visibility:hidden}.collapse-button input[type="checkbox"]{display:none;visibility:hidden}@media only screen and (max-width:950px){.side-by-side{flex-direction:column;justify-content:flex-start}.side-by-side>.knot{width:100%}}