@keyframes container-rotate{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.ExampleSection-Container{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;width:100%}div:focus{outline:none}.ExampleSection-content{gap:.2rem}@media only screen and (-webkit-min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-device-pixel-ratio:2)and (min-width:601px),only screen and (min-resolution:192dpi)and (min-width:601px),only screen and (min-resolution:2dppx)and (min-width:601px),only screen and (min-width:601px){.ExampleSection-content{display:grid;grid-template-columns:repeat(2,1fr);height:30rem}}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.ExampleSection-content{display:flex;flex-direction:row;height:12rem;justify-content:flex-start;align-items:stretch;box-sizing:border-box;overflow-x:auto;padding:0 1rem}}.ExampleSection-content::-webkit-scrollbar{display:none}.ExampleSection-item{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}@media only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:600px),only screen and (max-width:600px),only screen and (min-device-pixel-ratio:2)and (max-width:600px),only screen and (min-resolution:192dpi)and (max-width:600px),only screen and (min-resolution:2dppx)and (max-width:600px){.ExampleSection-item{height:100%;aspect-ratio:1.5;width:15rem}}.ExampleSection-image{position:absolute;width:100%;height:100%;object-fit:cover}.ExampleSection-play{position:absolute;width:2rem}.BeforeAfter-container{height:1.5rem;margin:1rem 1rem 0;background-color:#222;position:absolute;bottom:.8rem;width:10rem}.BeforeAfter-container,.BeforeAfter-option{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:.4rem}.BeforeAfter-option{width:50%;height:100%;font-family:var(--sequel-65);font-size:.6rem;color:#dbff00;cursor:pointer}.BeforeAfter-option-before{left:0}.BeforeAfter-option-after{right:0}.BeforeAfter-option-selected{cursor:auto;color:#000;background-color:#dbff00}