.opt-test-card{color:#fff;background-color:#19211f;border:1px solid #43514e;border-radius:8px;margin:0 0 28px;padding:24px;transition-property:background-color,border-color,box-shadow,transform;transition-duration:.25s,.25s,.25s,.25s;transition-timing-function:ease,ease,ease,ease;box-shadow:0 8px 24px #0000002e}.opt-test-card:hover{background-color:#1e2826;border-color:#53625e;box-shadow:0 12px 30px #0000003d}.opt-test-copy{z-index:1;width:100%;display:block;position:relative}.opt-test-copy h3{color:#fff;letter-spacing:-.01em;margin:0 0 6px;padding:0;font-size:18px;font-style:normal;font-weight:600;line-height:1.3}.opt-test-copy p{color:#b8c0be;letter-spacing:0;margin:0;font-size:14px;font-style:normal;font-weight:400;line-height:1.6}.opt-animation-stage{background-color:#111716;border:1px solid #35403e;border-radius:6px;width:100%;height:100px;margin:20px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0003}.opt-animation-track{opacity:1;background-color:#35403e;height:2px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.opt-animation-track:before{content:"";background-color:#ffffff0a;width:100%;height:1px;position:absolute;top:-1px;left:0}.opt-animation-ball{will-change:left,transform;background-color:#f05a28;border-radius:50%;width:42px;min-width:42px;height:42px;min-height:42px;animation-name:vergecloudMove;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-play-state:running;animation-delay:0s;animation-fill-mode:both;position:absolute;top:29px;left:20px;box-shadow:0 0 0 7px #f05a2812,0 0 30px #f05a2847}.opt-animation-ball.fast{animation-duration:.7s}.opt-animation-ball.paused{animation-play-state:paused}@keyframes vergecloudMove{0%{left:20px;transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.04)}50%{transform:rotate(180deg)scale(.96)}75%{transform:rotate(270deg)scale(1.04)}to{left:calc(100% - 62px);transform:rotate(360deg)scale(1)}}.opt-test-actions{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:16px;width:100%;margin:0;display:flex}.opt-test-button{color:#111;cursor:pointer;background-color:#f05a28;border-width:0;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:10px 16px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;line-height:1;transition-property:background-color,transform,filter,box-shadow;transition-duration:.18s,.18s,.18s,.18s;transition-timing-function:ease,ease,ease,ease;display:inline-flex}.opt-test-button:hover{filter:brightness(1.05);background-color:#ff6b37;box-shadow:0 6px 18px #f05a2833}.opt-test-button:active{transform:scale(.97)}.opt-test-button:focus{outline:none}.opt-test-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.opt-test-status{color:#9dd6b1;min-width:170px;font-size:13px;font-weight:500;line-height:1.4;display:inline-block}.opt-test-counter{color:#fff;background-color:#ffffff0a;border:1px solid #43514e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:inline-flex}.opt-test-card[data-state=ready],.opt-test-card[data-state=fast],.opt-test-card[data-state=paused],.opt-test-card[data-state=normal]{opacity:1}.opt-test-card .opt-test-copy strong{color:#fff;font-weight:700}.opt-test-card .opt-test-copy em{color:#d7ddda;font-style:italic}.opt-test-card .opt-test-copy code{color:#fff;background-color:#ffffff0f;border-radius:4px;padding:2px 6px;display:inline-block}.opt-animation-stage.active{border-color:#53625e}.opt-animation-stage.inactive{border-color:#35403e}@media screen and (width<=1000px){.opt-test-card{padding:22px}.opt-animation-stage{height:95px}}@media screen and (width<=800px){.opt-test-actions{flex-flow:wrap}.opt-test-status{min-width:auto}}@media screen and (width<=600px){.opt-test-card{padding:18px}.opt-animation-stage{height:90px}.opt-test-actions{flex-direction:column;align-items:flex-start}.opt-test-button{width:100%}}