.proof--pythagoras{flex-direction:column}.proof--pythagoras .proof__drag-container{box-shadow:none;height:200px;margin:12rem auto;min-height:200px;min-width:200px;width:200px}.proof--pythagoras .proofSVG{height:200px;width:200px}.proof--pythagoras .proof__drag-container:before{content:"";height:200px;left:0;position:absolute;top:0;width:200px}.proof--pythagoras .picker-circle{border:1px solid blue;border-radius:50%;cursor:move;height:24px;left:-12px;position:absolute;top:-12px;-webkit-touch-callout:none;user-select:none;width:24px;z-index:2}.proof--pythagoras .point-letter{left:6px;position:absolute;top:-24px}.proof--pythagoras .letter-c{left:-16px;top:100%}.proof--pythagoras #pickerB{bottom:-12px;left:auto;right:-12px;top:auto}.proof--pythagoras #pickerB .point-letter{left:20px;top:20px}.proof--pythagoras #pickerC{left:28px}.proof--pythagoras #pickerC .point-letter{left:-20px;top:20px}.proof--pythagoras .calculated-lines>label{position:absolute;white-space:nowrap}.proof--pythagoras #ab{left:100%;top:50%;transform:translate(1.5rem,-50%)}.proof--pythagoras #ca{right:100%;top:50%;transform:translate(-1.5rem,-50%)}.proof--pythagoras #bc{left:50%;top:100%;transform:translate(-50%,1.5rem)}.proof--pythagoras .square{box-shadow:0 0 1px 0 #333;color:#fff;height:300px;margin:2rem auto 15rem;padding:37.5px;position:relative;width:300px}.proof--pythagoras .square .triangle{box-sizing:border-box;display:block;position:absolute;z-index:2}.proof--pythagoras .square .triangle.bottom-0.right-0,.proof--pythagoras .square .triangle.top-0.left-0{border-bottom:200px solid;border-left:100px solid;height:200px;width:100px}.proof--pythagoras .square .triangle.bottom-0.left-0,.proof--pythagoras .square .triangle.top-0.right-0{border-bottom:100px solid;border-right:200px solid;height:100px;width:200px}.proof--pythagoras .square .triangle.top-0.left-0{border-color:transparent limegreen;transform-origin:top right}.proof--pythagoras .square .triangle.top-0.right-0{border-color:transparent tomato}.proof--pythagoras .square .triangle.bottom-0.left-0{border-color:dodgerblue transparent;transform-origin:bottom right}.proof--pythagoras .square .triangle.bottom-0.right-0{border-color:gold transparent}.proof--pythagoras .square .sides{align-items:center;background:#fafafa;display:flex;justify-content:center;position:absolute}.proof--pythagoras .square .sides.opposites{background:purple;height:100px;right:66.667%;top:0;width:0}.proof--pythagoras .square .sides.adjacents{background:brown;height:200px;right:33.33%;top:33.33%;width:0}.proof--pythagoras .square .sides.hypotenuse{background:grey;height:225px;opacity:1;transform:rotate(26.4deg);width:225px}.proof--pythagoras .square .sides.hypotenuse span{transform:rotate(-26.4deg)}.proof--pythagoras .square .sides.hypotenuse.active,.proof--pythagoras .square .sides.hypotenuse.active span{transform:none}.proof--pythagoras .square .equal,.proof--pythagoras .square .plus{color:#333;font-size:2em;left:30%;opacity:0;position:absolute;top:140%}.proof--pythagoras .square .equal{left:77%}.proof--pythagoras #AnimePlayer{height:36px}.tlanimejs-player{padding:0 3px;box-sizing:border-box;background-color:#313131;border-radius:25px;box-shadow:0 3px 6px rgba(126,126,126,.3)}.tlanimejs-player .tlanimejs-btns{display:flex;flex-flow:row wrap;height:45px;padding:0 9px;box-sizing:border-box;align-items:center;position:relative}.tlanimejs-btn{cursor:pointer;transition:all .3s ease;margin-inline-end:.25rem}.tlanimejs-btn .svg-btn-color{transition:fill .3s linear}.tlanimejs-btn .svg-btn-color:hover{fill:skyblue}.tlanimejs-btn .svg-btn-color.active{fill:#8dc4db;transition:all .3s ease}.tlanimejs-progress{-webkit-appearance:none;appearance:none;max-width:100%;cursor:pointer;outline:none;overflow:hidden;border-radius:9px}.tlanimejs-progress::-webkit-slider-runnable-track{height:12px;background:#ccc;border-radius:15px}.tlanimejs-progress::-moz-range-track{height:15px;background:#ccc;border-radius:15px}.tlanimejs-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:12px;width:12px;background-color:#fff;border-radius:50%;border:2px solid #333;box-shadow:-407px 0 0 400px #8dc4db}.tlanimejs-progress::-moz-range-thumb{height:9px;width:9px;background-color:#fff;border-radius:50%;border:1px solid #666;box-shadow:-407px 0 0 400px #8dc4db}