body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}.steps-container{display:flex;flex-direction:row;min-height:30px}.steps-item{visibility:hidden}.steps-item,.steps-item-active{width:25%;display:inline;text-align:center}.steps-item-active{color:#00d4ff}.steps-item:first-child{text-align:left}.steps-item:last-child{text-align:right}.vertical-slider{height:380px;width:25%}.example-slider{width:420px;margin:auto;background:#ddd}.example-mark{width:16px;height:16px;border:2px solid #000;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle;margin:0;bottom:calc(50% - 9px)}.example-mark.example-mark-active{border:2px solid #00d4ff;background-color:#fff}.example-mark.example-mark-completed{border:2px solid #fff;background-color:#00d4ff}.example-thumb{font-size:.9em;text-align:center;background-color:#000;color:#fff;cursor:pointer;box-sizing:border-box}.example-thumb.active{background-color:grey}.example-track{height:4px;position:relative;background:#ddd}.example-track.example-track-0{background:#00d4ff}