/* durability: canonical; scoped homepage steps player. */
/* Release Elementor clipping and the old portrait block height for the landscape player. */
.elementor.elementor-211 .elementor-element.sportbot-home-steps-section{overflow:visible;min-height:0}
.sportbot-steps{width:100%;max-width:1040px;flex:none;margin-top:0}
.sportbot-steps,.sportbot-steps *{box-sizing:border-box}
.sportbot-steps button{font:inherit;text-transform:none;box-shadow:none}
.sportbot-steps .titles h2{color:#fff}

.sportbot-steps{--steps-title-space:62px;position:relative;height:calc(180svh + var(--steps-height,752px))}
.sportbot-steps .stage{position:sticky;top:var(--steps-header-height,90px);min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--steps-title-space);padding:var(--steps-title-space) 0 0}
.sportbot-steps .stage>.elementor-widget-heading{margin:0!important}
.sportbot-steps .composition{width:min(100%,1040px,calc((100svh - var(--steps-header-height,90px) - var(--steps-title-space)*2 - var(--steps-heading-height,43px) - 32px)*16/9));margin:0 auto}
.sportbot-steps .screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;border-radius:18px;box-shadow:0 18px 45px -25px #1115}
.sportbot-steps .screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;pointer-events:none;transform:translateZ(0)}
.sportbot-steps .screen video.active{opacity:1;z-index:1}
.sportbot-steps .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;pointer-events:none;transition:opacity .55s ease}
.sportbot-steps .poster.active{opacity:1}
.sportbot-steps .shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.8) 100%)}
.sportbot-steps .overlay{position:absolute;z-index:3;left:32px;right:24px;bottom:14px;color:#fff}
.sportbot-steps .titles{display:grid}
.sportbot-steps .titles h2{grid-area:1/1;margin:0;font-size:42px;font-weight:600;line-height:1.12;letter-spacing:-1.2px;opacity:0;transform:translateY(9px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,.85,.25,1);pointer-events:none}
.sportbot-steps .titles h2.active{opacity:1;transform:none}
.sportbot-steps .controls{display:flex;align-items:center;gap:16px;margin-top:20px}
.sportbot-steps .icon-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#fff;transition:background .2s;cursor:pointer}
.sportbot-steps .icon-button:hover{background:#ffffff1c}
.sportbot-steps .icon-button svg{display:block;width:22px;height:22px}
.sportbot-steps .icon-button:focus-visible,.sportbot-steps .chapter:focus-visible{outline:2px solid white;outline-offset:0}
.sportbot-steps .chapters{display:flex;align-items:center;flex:1;gap:8px;min-width:0}
.sportbot-steps .chapter{position:relative;flex:1;min-width:0;height:44px;border:0;padding:0;background:transparent;cursor:pointer}
.sportbot-steps .chapter:before,.sportbot-steps .chapter span{position:absolute;left:0;right:0;top:21px;height:3px;border-radius:3px;content:'';background:#ffffff45}
.sportbot-steps .chapter span{background:#fff;transform:scaleX(0);transform-origin:left}
.sportbot-steps .chapter[aria-pressed=true]:before{background:#ffffff70}
.sportbot-steps .chapter:hover:before{background:#ffffff90}
.sportbot-steps .error{position:absolute;z-index:5;inset:16px 16px auto;border-radius:8px;background:#fff;padding:12px;font-size:13px}
.sportbot-steps .error:empty{display:none}


@media(min-width:1800px){.sportbot-steps .composition{max-width:1160px}
}

@media(max-width:1024px){.sportbot-steps{--steps-title-space:55px}
.sportbot-steps .stage{min-height:calc(100svh - var(--steps-header-height,90px));padding:var(--steps-title-space) 0}
.sportbot-steps .composition{width:min(100%,900px,calc((100svh - var(--steps-header-height,90px) - var(--steps-title-space)*3 - var(--steps-heading-height,43px) - 32px)*16/9))}
.sportbot-steps .titles h2{font-size:36px}
.sportbot-steps .overlay{left:26px;right:18px}
}

@media(max-width:600px){.sportbot-steps{--steps-title-space:34px}
.sportbot-steps .screen{border-radius:12px}
.sportbot-steps .overlay{left:16px;right:12px;bottom:4px}
.sportbot-steps .titles h2{font-size:23px;line-height:1.1;letter-spacing:-.65px}
.sportbot-steps .controls{gap:6px;margin-top:6px}
.sportbot-steps .chapters{gap:5px}
.sportbot-steps .chapter:before,.sportbot-steps .chapter span{height:2px}
.sportbot-steps .icon-button{padding:11px}
.sportbot-steps .shade{background:linear-gradient(180deg,transparent 12%,rgba(0,0,0,.08) 35%,rgba(0,0,0,.86) 100%)}
}

@media(max-height:620px) and (orientation:landscape){.sportbot-steps{height:auto}
.sportbot-steps .stage{position:relative;top:0;min-height:0;padding:0}
.sportbot-steps .composition{width:min(100%,860px)}
}

@media(prefers-reduced-motion:reduce){.sportbot-steps{height:auto}
.sportbot-steps .stage{position:relative;top:0;min-height:0;padding:0}
.sportbot-steps .composition{width:min(100%,1040px)}
.sportbot-steps *,.sportbot-steps *:before,.sportbot-steps *:after{transition:none!important;scroll-behavior:auto!important}
}