.field-hero-module__EqVGFq__root {
    --hero-accent: var(--color-pk-brand-500);
    contain: paint;
    color: var(--color-pk-content-primary);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-mask-composite: source-in;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 7% 93%, #0000 100%), linear-gradient(#0000 0%, #000 8% 92%, #0000 100%);
    mask-image: linear-gradient(90deg, #0000 0%, #000 7% 93%, #0000 100%), linear-gradient(#0000 0%, #000 8% 92%, #0000 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}

.field-hero-module__EqVGFq__svg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    translate: 0 clamp(-6.6vh, 10vw - 102.4px, 0px)
}

.field-hero-module__EqVGFq__streaks {
    will-change: transform
}

.field-hero-module__EqVGFq__line {
    fill: none;
    stroke: color-mix(in srgb, currentColor 7%, var(--color-pk-surface));
    stroke-width: 1.3px;
    stroke-linecap: round
}

.field-hero-module__EqVGFq__strong {
    fill: none;
    stroke: color-mix(in srgb, currentColor 10%, var(--color-pk-surface));
    stroke-width: 1.6px;
    stroke-linecap: round;
    stroke-linejoin: round
}

.field-hero-module__EqVGFq__tick {
    fill: none;
    stroke: color-mix(in srgb, currentColor 12%, var(--color-pk-surface));
    stroke-width: 1.2px;
    stroke-linecap: round
}

.field-hero-module__EqVGFq__plank {
    fill: none;
    stroke: color-mix(in srgb, currentColor 3.5%, var(--color-pk-surface));
    stroke-width: 1px
}

.field-hero-module__EqVGFq__net {
    fill: none;
    stroke: color-mix(in srgb, currentColor 5%, var(--color-pk-surface));
    stroke-width: .6px
}

.field-hero-module__EqVGFq__post {
    fill: none;
    stroke: color-mix(in srgb, currentColor 13%, var(--color-pk-surface));
    stroke-width: 2.6px;
    stroke-linecap: round;
    stroke-linejoin: round
}

.field-hero-module__EqVGFq__rim {
    fill: none;
    stroke: color-mix(in srgb, currentColor 14%, var(--color-pk-surface));
    stroke-width: 1.4px
}

.field-hero-module__EqVGFq__solid {
    fill: var(--color-pk-surface);
    stroke: color-mix(in srgb, currentColor 7%, var(--color-pk-surface));
    stroke-width: 1.3px;
    stroke-linejoin: round
}

.field-hero-module__EqVGFq__veil {
    fill: color-mix(in srgb, var(--color-pk-surface) 60%, transparent)
}

.field-hero-module__EqVGFq__mark {
    fill: color-mix(in srgb, currentColor 18%, transparent)
}

.field-hero-module__EqVGFq__dashed {
    stroke-dasharray: 5 6
}

.field-hero-module__EqVGFq__fill {
    fill: var(--color-pk-surface)
}

.field-hero-module__EqVGFq__comet {
    filter: blur(.6px);
    animation-name: field-hero-module__EqVGFq__hub-hero-comet;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.field-hero-module__EqVGFq__root[data-motion=paused] .field-hero-module__EqVGFq__comet {
    animation-play-state: paused
}

@keyframes field-hero-module__EqVGFq__hub-hero-comet {
    0% {
        transform: translate(0)
    }
    to {
        transform: translateX(var(--travel))
    }
}

@media (prefers-reduced-motion:reduce) {
    .field-hero-module__EqVGFq__comet {
        transform: translateX(var(--still));
        opacity: .5;
        animation: none
    }
}

@font-face {
    font-family: instrumentSansCondensed;
    src: url(../media/InstrumentSans_CondensedSemiBold-s.2op2wly1tekap.woff2)format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: instrumentSansCondensed;
    src: url(../media/InstrumentSansPM_CondensedBold-s.2tw33x3v8wwo5.woff2)format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: instrumentSansCondensed Fallback;
    src: local(Arial);
    ascent-override: 114.12%;
    descent-override: 29.41%;
    line-gap-override: 0.0%;
    size-adjust: 85.0%
}

.instrumentsanscondensed_ac215a5f-module__aTDwta__className {
    font-family: instrumentSansCondensed, instrumentSansCondensed Fallback
}

.worlds-hero-module__ielQIW__root {
    --worlds-accent: var(--color-pk-brand-500);
    contain: paint;
    color: var(--color-pk-content-primary);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-mask-composite: source-in;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 7% 93%, #0000 100%), linear-gradient(#0000 0%, #000 8% 92%, #0000 100%);
    mask-image: linear-gradient(90deg, #0000 0%, #000 7% 93%, #0000 100%), linear-gradient(#0000 0%, #000 8% 92%, #0000 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}

.worlds-hero-module__ielQIW__svg {
    width: 100%;
    height: 100%;
    display: block
}

.worlds-hero-module__ielQIW__streaks {
    will-change: transform;
    position: absolute;
    inset: 0
}

.worlds-hero-module__ielQIW__layer {
    transform-box: view-box;
    transform-origin: 600px 430px;
    transform: translateY(calc(var(--worlds-lift, 0px) * var(--worlds-layer, 0))) scale(calc(1 + var(--worlds-spread, 0) * var(--worlds-layer, 0)));
    transition: transform .7s cubic-bezier(.22, 1, .36, 1);
    transition-delay: calc(var(--worlds-stagger, 0s) * var(--worlds-layer, 0))
}

.worlds-hero-module__ielQIW__line {
    fill: none;
    stroke: color-mix(in srgb, currentColor var(--worlds-line-mix, 7%), var(--worlds-line-base, var(--color-pk-surface)));
    stroke-width: 1.3px;
    stroke-linecap: round
}

.worlds-hero-module__ielQIW__strong {
    fill: none;
    stroke: color-mix(in srgb, currentColor var(--worlds-strong-mix, 10%), var(--worlds-line-base, var(--color-pk-surface)));
    stroke-width: 1.6px;
    stroke-linecap: round;
    stroke-linejoin: round
}

.worlds-hero-module__ielQIW__tick {
    stroke: color-mix(in srgb, currentColor var(--worlds-tick-mix, 12%), var(--worlds-line-base, var(--color-pk-surface)));
    stroke-width: 1.2px;
    stroke-linecap: round
}

.worlds-hero-module__ielQIW__streak {
    fill: none;
    stroke: var(--worlds-accent);
    stroke-width: 1.5px;
    stroke-linecap: round;
    stroke-dasharray: .2 .8;
    opacity: .85;
    animation: 5s linear infinite worlds-hero-module__ielQIW__worlds-streak
}

.worlds-hero-module__ielQIW__svg {
    translate: 0 clamp(-6.6vh, 10vw - 102.4px, 0px)
}

.worlds-hero-module__ielQIW__root[data-motion=paused] .worlds-hero-module__ielQIW__streak {
    animation-play-state: paused
}

@keyframes worlds-hero-module__ielQIW__worlds-streak {
    0% {
        stroke-dashoffset: 1px
    }
    to {
        stroke-dashoffset: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .worlds-hero-module__ielQIW__streak {
        opacity: .4;
        animation: none
    }
}

.worlds-finals-trip-badge-module__us0JlW__glyph {
    display: inline-flex;
    position: relative
}

.worlds-finals-trip-badge-module__us0JlW__shine {
    color: var(--color-pk-fixed-white);
    pointer-events: none;
    -webkit-mask-image: linear-gradient(110deg, #0000 0%, #0003 25%, #000000bf 45%, #000 50%, #000000bf 55%, #0003 75%, #0000 100%);
    mask-image: linear-gradient(110deg, #0000 0%, #0003 25%, #000000bf 45%, #000 50%, #000000bf 55%, #0003 75%, #0000 100%);
    -webkit-mask-size: 72px 100%;
    mask-size: 72px 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: calc(var(--shine-x) - 72px) 0;
    -webkit-mask-position: calc(var(--shine-x) - 72px) 0;
    mask-position: calc(var(--shine-x) - 72px) 0;
    animation: .8s cubic-bezier(.45, 0, .55, 1) 2s both worlds-finals-trip-badge-module__us0JlW__worlds-glyph-shine;
    position: absolute;
    inset: 0
}

.worlds-finals-trip-badge-module__us0JlW__iconShine {
    --shine-x: 0px
}

.worlds-finals-trip-badge-module__us0JlW__labelShine {
    --shine-x: -26px
}

@keyframes worlds-finals-trip-badge-module__us0JlW__worlds-glyph-shine {
    to {
        -webkit-mask-position: calc(var(--shine-x) + 150px) 0;
        -webkit-mask-position: calc(var(--shine-x) + 150px) 0;
        mask-position: calc(var(--shine-x) + 150px) 0
    }
}

.worlds-finals-trip-badge-module__us0JlW__pill {
    position: relative;
    overflow: hidden
}

.worlds-finals-trip-badge-module__us0JlW__pill:after {
    content: "";
    pointer-events: none;
    filter: blur(6px);
    background: linear-gradient(105deg, #0000 25%, #ffffff14 38%, #ffffff38 50%, #ffffff14 62%, #0000 75%);
    animation: .8s cubic-bezier(.45, 0, .55, 1) 2s both worlds-finals-trip-badge-module__us0JlW__worlds-pill-shine;
    display: none;
    position: absolute;
    inset: -4px 0;
    transform: translate(-75%)
}

@keyframes worlds-finals-trip-badge-module__us0JlW__worlds-pill-shine {
    to {
        transform: translate(75%)
    }
}

[data-theme=dark] .worlds-finals-trip-badge-module__us0JlW__shine {
    display: none
}

[data-theme=dark] .worlds-finals-trip-badge-module__us0JlW__pill:after {
    display: block
}

@media (prefers-reduced-motion:reduce) {
    .worlds-finals-trip-badge-module__us0JlW__shine,
    .worlds-finals-trip-badge-module__us0JlW__pill:after {
        animation: none;
        display: none
    }
}

@keyframes animations-legacy-module___hjErG__fade-in {
    0% {
        opacity: 0
    }
}

@keyframes animations-legacy-module___hjErG__fade-translate-in {
    0% {
        opacity: 0;
        transform: translateY(4px)
    }
}

@keyframes animations-legacy-module___hjErG__fade-translate-out {
    to {
        opacity: 0;
        transform: translateY(4px)
    }
}

@keyframes animations-legacy-module___hjErG__fade-out {
    to {
        opacity: 0
    }
}

.animations-legacy-module___hjErG__chartEnter {
    animation: .15s ease-out backwards animations-legacy-module___hjErG__fade-in
}

.animations-legacy-module___hjErG__tooltipEnter {
    animation: .12s ease-out both animations-legacy-module___hjErG__fade-in
}

.animations-legacy-module___hjErG__cardEnter {
    animation: .1s ease-out both animations-legacy-module___hjErG__fade-translate-in
}

.animations-legacy-module___hjErG__cardExit {
    pointer-events: none;
    animation: 80ms ease-out both animations-legacy-module___hjErG__fade-translate-out
}

.animations-legacy-module___hjErG__cardItemEnter {
    animation: .15s ease-out both animations-legacy-module___hjErG__fade-in
}

.animations-legacy-module___hjErG__cardItemExit {
    pointer-events: none;
    animation: .15s ease-out both animations-legacy-module___hjErG__fade-out;
    position: absolute;
    inset: 0
}

.animations-legacy-module___hjErG__outcomeLabel {
    opacity: 0;
    grid-template-rows: 0fr;
    transition: grid-template-rows .125s cubic-bezier(.26, .08, .25, 1), opacity 75ms cubic-bezier(.26, .08, .25, 1);
    display: grid
}

.animations-legacy-module___hjErG__outcomeLabelVisible {
    opacity: 1;
    grid-template-rows: 1fr;
    transition: grid-template-rows .125s cubic-bezier(.26, .08, .25, 1), opacity 50ms cubic-bezier(.26, .08, .25, 1) .1s
}

.animations-legacy-module___hjErG__outcomeLabelContent {
    min-height: 0;
    overflow: hidden
}

@media (prefers-reduced-motion:reduce) {
    .animations-legacy-module___hjErG__chartEnter,
    .animations-legacy-module___hjErG__tooltipEnter,
    .animations-legacy-module___hjErG__cardEnter,
    .animations-legacy-module___hjErG__cardItemEnter {
        opacity: 1;
        animation: none;
        transform: none
    }
    .animations-legacy-module___hjErG__cardExit,
    .animations-legacy-module___hjErG__cardItemExit {
        opacity: 0;
        animation: none;
        transform: none
    }
    .animations-legacy-module___hjErG__outcomeLabel,
    .animations-legacy-module___hjErG__outcomeLabelVisible {
        transition: none
    }
}

.combo-stack-module__Ks7D2G__tile {
    transform-origin: 50%
}

.combo-stack-module__Ks7D2G__hoverTarget:hover .combo-stack-module__Ks7D2G__tile {
    animation: .45s ease-in-out combo-stack-module__Ks7D2G__comboWiggle
}

@media (prefers-reduced-motion:reduce) {
    .combo-stack-module__Ks7D2G__hoverTarget:hover .combo-stack-module__Ks7D2G__tile {
        animation: none
    }
}

@keyframes combo-stack-module__Ks7D2G__comboWiggle {
    0% {
        transform: rotate(0)
    }
    30% {
        transform: rotate(-7deg)translateY(-.5px)
    }
    60% {
        transform: rotate(5deg)
    }
    85% {
        transform: rotate(-3deg)
    }
    to {
        transform: rotate(0)
    }
}

.transaction-button-module__uzNlXq__content {
    animation: .2s transaction-button-module__uzNlXq__transaction-content-fade-in
}

@keyframes transaction-button-module__uzNlXq__transaction-content-fade-in {
    0% {
        opacity: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .transaction-button-module__uzNlXq__content {
        animation: none
    }
}

.animations-module__sxo0aG__sharesEnter {
    animation: .3s cubic-bezier(.25, 1, .5, 1) both animations-module__sxo0aG__shares-enter
}

.animations-module__sxo0aG__sharesExit {
    animation: .3s cubic-bezier(.25, 1, .5, 1) both animations-module__sxo0aG__shares-exit
}

.animations-module__sxo0aG__fadeEnter {
    animation: .3s both animations-module__sxo0aG__fade-in
}

.animations-module__sxo0aG__fadeExit {
    animation: .3s both animations-module__sxo0aG__fade-out
}

@keyframes animations-module__sxo0aG__shares-enter {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }
}

@keyframes animations-module__sxo0aG__shares-exit {
    to {
        opacity: 0;
        transform: translateY(-10px)
    }
}

@keyframes animations-module__sxo0aG__fade-in {
    0% {
        opacity: 0
    }
}

@keyframes animations-module__sxo0aG__fade-out {
    to {
        opacity: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .animations-module__sxo0aG__sharesEnter,
    .animations-module__sxo0aG__sharesExit,
    .animations-module__sxo0aG__fadeEnter,
    .animations-module__sxo0aG__fadeExit {
        animation-duration: 1ms
    }
}

@font-face {
    font-family: inter;
    src: url(../media/InterVariable-s.p.1aygxr7adi9hb.woff2)format("woff2");
    font-display: swap;
    font-weight: 100 900;
    font-style: normal
}

@font-face {
    font-family: inter Fallback;
    src: local(Arial);
    ascent-override: 89.79%;
    descent-override: 22.36%;
    line-gap-override: 0.0%;
    size-adjust: 107.89%
}

.inter_cf5be074-module__ZO7NYW__className {
    font-family: inter, inter Fallback;
    font-style: normal
}

.inter_cf5be074-module__ZO7NYW__variable {
    --font-inter: "inter", "inter Fallback"
}

@font-face {
    font-family: interMedium;
    src: url(../media/InterVariable-s.1aygxr7adi9hb.woff2)format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: interMedium Fallback;
    src: local(Arial);
    ascent-override: 89.79%;
    descent-override: 22.36%;
    line-gap-override: 0.0%;
    size-adjust: 107.89%
}

.intermedium_5db8184f-module__iHJRDG__className {
    font-family: interMedium, interMedium Fallback;
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: openSauce;
    src: url(../media/OpenSauceOne_Regular-s.00k21ulu5-xem.woff2)format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: openSauce;
    src: url(../media/OpenSauceOne_Medium-s.0la99f4snd655.woff2)format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: openSauce;
    src: url(../media/OpenSauceOne_SemiBold-s.3xo6znlrxa9hr.woff2)format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: openSauce;
    src: url(../media/OpenSauceOne_Bold-s.0la020ehtwap5.woff2)format("woff2");
    font-display: swap;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: openSauce Fallback;
    src: local(Arial);
    ascent-override: 90.93%;
    descent-override: 21.55%;
    line-gap-override: 0.0%;
    size-adjust: 109.98%
}

.opensauce_a2e97fbb-module__Okd3_a__className {
    font-family: openSauce, openSauce Fallback
}

.opensauce_a2e97fbb-module__Okd3_a__variable {
    --font-sauce: "openSauce", "openSauce Fallback"
}

.perps-asset-chart-module__IM_0qq__sideOrderBook {
    opacity: 0;
    width: 0;
    transition-duration: var(--side-order-book-duration);
    margin-left: 0;
    transition-property: width, margin-left, opacity;
    transition-timing-function: ease-in-out
}

.perps-asset-chart-module__IM_0qq__sideOrderBookOpen {
    width: var(--side-order-book-width);
    margin-left: var(--side-order-book-gap);
    opacity: 1
}

@media (prefers-reduced-motion:reduce) {
    .perps-asset-chart-module__IM_0qq__sideOrderBook {
        transition-duration: .01ms
    }
}

.worlds-games-row-card-module__5_Ffnq__card {
    background: radial-gradient(120% 90% at 50% 0, #0ac8b98c 0%, #0000 70%), linear-gradient(160deg, #0397ab 0%, #005a82 55%, #0a323c 100%)
}

.worlds-games-row-card-module__5_Ffnq__logo {
    opacity: .45;
    background: var(--color-pk-fixed-white);
    --worlds-logo: url(/images/esports/lol-worlds-logo.svg);
    width: 72px;
    height: 72px;
    -webkit-mask: var(--worlds-logo) center / contain no-repeat;
    -webkit-mask: var(--worlds-logo) center / contain no-repeat;
    mask: var(--worlds-logo) center / contain no-repeat;
    transition: scale .3s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%
}

@media (prefers-reduced-motion:no-preference) {
    .worlds-games-row-card-module__5_Ffnq__card:hover .worlds-games-row-card-module__5_Ffnq__logo {
        scale: 1.1
    }
}

@property --worlds-line-mix {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 7%
}

@property --worlds-strong-mix {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 10%
}

@property --worlds-tick-mix {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 12%
}

.worlds-rich-card-module__TJV00q__card {
    --worlds-line-base: transparent;
    --worlds-line-mix: 5.5%;
    --worlds-strong-mix: 8%;
    --worlds-tick-mix: 10%
}

.worlds-rich-card-module__TJV00q__art,
.worlds-rich-card-module__TJV00q__logo,
.worlds-rich-card-module__TJV00q__caption {
    transition: transform .6s cubic-bezier(.26, .08, .25, 1)
}

.worlds-rich-card-module__TJV00q__art {
    transform-origin: 50% 70%;
    transition: transform .8s cubic-bezier(.22, 1, .36, 1), --worlds-line-mix .4s ease-out, --worlds-strong-mix .4s ease-out, --worlds-tick-mix .4s ease-out;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(#000 20%, #0000 100%);
    mask-image: linear-gradient(#000 20%, #0000 100%)
}

.worlds-rich-card-module__TJV00q__logo {
    z-index: 10;
    --worlds-logo: url(/images/esports/lol-worlds-logo.svg);
    background: var(--color-pk-content-primary);
    width: 38px;
    height: 38px;
    -webkit-mask: var(--worlds-logo) center / contain no-repeat;
    -webkit-mask: var(--worlds-logo) center / contain no-repeat;
    mask: var(--worlds-logo) center / contain no-repeat;
    position: absolute;
    top: 20px;
    left: 20px
}

.worlds-rich-card-module__TJV00q__card:hover .worlds-rich-card-module__TJV00q__art {
    --worlds-line-mix: 9%;
    --worlds-strong-mix: 13%;
    --worlds-tick-mix: 16%
}

@media (prefers-reduced-motion:no-preference) {
    .worlds-rich-card-module__TJV00q__card:hover .worlds-rich-card-module__TJV00q__art {
        --worlds-lift: -7px;
        --worlds-spread: .012;
        --worlds-stagger: 35ms;
        transform: perspective(900px)rotateX(14deg)scale(1.08)
    }
    .worlds-rich-card-module__TJV00q__card:hover .worlds-rich-card-module__TJV00q__logo {
        transform: translate(-2px, -2px)scale(1.1)
    }
    .worlds-rich-card-module__TJV00q__card:hover .worlds-rich-card-module__TJV00q__caption {
        transform: translateY(-4px)
    }
}

.FirstDownHero-module__tWziwG__root {
    contain: paint;
    color: var(--color-pk-content-primary);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-mask-composite: source-in;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(90deg, #0000 0%, #000 7% 93%, #0000 100%), linear-gradient(#0000 0%, #000 8% 92%, #0000 100%);
    mask-image: linear-gradient(90deg, #0000 0%, #000 7% 93%, #0000 100%), linear-gradient(#0000 0%, #000 8% 92%, #0000 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}

.FirstDownHero-module__tWziwG__field {
    width: 100%;
    height: 100%;
    display: block
}

.FirstDownHero-module__tWziwG__yard {
    fill: none;
    stroke: color-mix(in srgb, currentColor 7%, var(--color-pk-surface));
    stroke-width: 1.3px;
    stroke-linecap: round
}

.FirstDownHero-module__tWziwG__goal {
    stroke: color-mix(in srgb, currentColor 10%, var(--color-pk-surface));
    stroke-width: 1.6px
}

.FirstDownHero-module__tWziwG__hash {
    stroke: color-mix(in srgb, currentColor 12%, var(--color-pk-surface));
    stroke-width: 1.2px;
    stroke-linecap: round
}

.FirstDownHero-module__tWziwG__number {
    fill: currentColor;
    fill-opacity: .09;
    letter-spacing: 1.5px;
    font-weight: 500
}

.FirstDownHero-module__tWziwG__streak {
    fill: none;
    stroke: var(--color-pk-brand-500);
    stroke-width: 1.5px;
    stroke-linecap: round;
    stroke-dasharray: .2 .8;
    opacity: .85;
    filter: blur(.7px);
    animation: 5s linear infinite FirstDownHero-module__tWziwG__nfl-first-down-streak
}

.FirstDownHero-module__tWziwG__streak:nth-child(2) {
    animation-delay: -2.4s
}

.FirstDownHero-module__tWziwG__streak:nth-child(3) {
    animation-delay: -1.2s
}

.FirstDownHero-module__tWziwG__streak:nth-child(4) {
    animation-delay: -3.6s
}

.FirstDownHero-module__tWziwG__mark {
    aspect-ratio: 138/168;
    width: 4.6%;
    color: color-mix(in srgb, var(--color-pk-content-primary) 18%, transparent);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)scaleY(.8)
}

.FirstDownHero-module__tWziwG__markIcon {
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width:767px) {
    .FirstDownHero-module__tWziwG__root {
        transform: translateY(-22%)
    }
}

@keyframes FirstDownHero-module__tWziwG__nfl-first-down-streak {
    0% {
        stroke-dashoffset: 1px
    }
    to {
        stroke-dashoffset: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .FirstDownHero-module__tWziwG__streak {
        opacity: .4;
        animation: none
    }
}

.bracket-fades-module__nPRRka__tradePanelContent {
    animation: 45ms linear bracket-fades-module__nPRRka__bracket-content-fade-in
}

.bracket-fades-module__nPRRka__searchContent {
    animation: .15s bracket-fades-module__nPRRka__bracket-content-fade-in
}

@keyframes bracket-fades-module__nPRRka__bracket-content-fade-in {
    0% {
        opacity: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .bracket-fades-module__nPRRka__tradePanelContent,
    .bracket-fades-module__nPRRka__searchContent {
        animation: none
    }
}

@property --build-your-map-callout-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 90deg
}

.build-your-map-callout-module__NfqPJW__callout {
    --build-your-map-callout-width: 360;
    background: linear-gradient(90deg, #2258f826, #d4013226) padding-box, linear-gradient(var(--color-pk-gray-100), var(--color-pk-gray-100)) padding-box, linear-gradient(var(--build-your-map-callout-angle), var(--color-pk-brand-500), var(--color-pk-red-500)) border-box;
    box-shadow: var(--shadow-pk-minimal);
    border: 1px solid #0000;
    transition-property: scale, box-shadow, --build-your-map-callout-angle;
    transition-duration: .16s;
    transition-timing-function: cubic-bezier(.2, .75, .25, 1)
}

@media (hover:hover) and (pointer:fine) {
    .build-your-map-callout-module__NfqPJW__callout:hover {
        box-shadow: var(--shadow-pk-middle);
        transition-duration: .4s
    }
}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    .build-your-map-callout-module__NfqPJW__callout:hover {
        --build-your-map-callout-angle: 150deg;
        scale: calc(1 + 4 / var(--build-your-map-callout-width))
    }
}

.seat-meter-module__cQGKtG__fill {
    background-image: linear-gradient(var(--seat-meter-fill-to), var(--seat-meter-fill-to));
    background-position: bottom;
    background-repeat: no-repeat;
    animation: .18s cubic-bezier(.33, 1, .68, 1) backwards seat-meter-module__cQGKtG__fill
}

@keyframes seat-meter-module__cQGKtG__fill {
    0% {
        background-color: var(--seat-meter-fill-from);
        background-size: 100% 0%
    }
    to {
        background-color: var(--seat-meter-fill-from);
        background-size: 100% 100%
    }
}

.seat-meter-module__cQGKtG__landing {
    --seat-meter-leap-ms: .64s;
    --seat-meter-impact: calc(var(--seat-meter-leap-ms) * .55);
    z-index: 1
}

.seat-meter-module__cQGKtG__hold {
    animation: seat-meter-module__cQGKtG__hold var(--seat-meter-impact) step-end
}

@keyframes seat-meter-module__cQGKtG__hold {
    0%,
    to {
        background-color: var(--color-pk-red-500)
    }
}

.seat-meter-module__cQGKtG__leap {
    --seat-meter-leap-rise: -16px;
    --seat-meter-leap-tilt: calc(10deg * var(--seat-meter-leap-direction, 1));
    z-index: 1;
    border-radius: inherit;
    transform-origin: 50% 100%;
    pointer-events: none;
    animation: seat-meter-module__cQGKtG__leap-travel var(--seat-meter-leap-ms) both, seat-meter-module__cQGKtG__leap-arc var(--seat-meter-leap-ms) both, seat-meter-module__cQGKtG__leap-lean var(--seat-meter-leap-ms) linear both, seat-meter-module__cQGKtG__leap-squash var(--seat-meter-leap-ms) both, seat-meter-module__cQGKtG__leap-fade var(--seat-meter-leap-ms) linear both;
    position: absolute;
    inset: 0
}

@keyframes seat-meter-module__cQGKtG__leap-travel {
    0%,
    8% {
        translate: var(--seat-meter-leap-from) 0;
        animation-timing-function: cubic-bezier(.45, 0, .4, 1)
    }
    55%,
    to {
        translate: 0
    }
}

@keyframes seat-meter-module__cQGKtG__leap-arc {
    0% {
        animation-timing-function: cubic-bezier(.333, 0, .667, .333);
        transform: translateY(0)
    }
    8% {
        animation-timing-function: cubic-bezier(.16, 1, .3, 1);
        transform: translateY(1px)
    }
    40% {
        transform: translateY(var(--seat-meter-leap-rise));
        animation-timing-function: cubic-bezier(.45, 0, .4, 1)
    }
    55%,
    to {
        transform: translateY(0)
    }
}

@keyframes seat-meter-module__cQGKtG__leap-lean {
    0% {
        rotate: none
    }
    8% {
        rotate: calc(var(--seat-meter-leap-tilt) * -.4)
    }
    24% {
        rotate: var(--seat-meter-leap-tilt)
    }
    36% {
        rotate: calc(var(--seat-meter-leap-tilt) * .3)
    }
    46%,
    to {
        rotate: none
    }
}

@keyframes seat-meter-module__cQGKtG__leap-squash {
    0% {
        animation-timing-function: cubic-bezier(.333, 0, .667, .333);
        scale: 1
    }
    8% {
        animation-timing-function: cubic-bezier(.333, .667, .667, 1);
        scale: 1.06 .9
    }
    20% {
        animation-timing-function: ease-in-out;
        scale: .94 1.08
    }
    40%,
    55% {
        animation-timing-function: cubic-bezier(.333, .667, .667, 1);
        scale: 1
    }
    64% {
        animation-timing-function: cubic-bezier(.33, 1, .68, 1);
        scale: 1.04 .93
    }
    84%,
    to {
        scale: 1
    }
}

@keyframes seat-meter-module__cQGKtG__leap-fade {
    0%,
    94% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .seat-meter-module__cQGKtG__fill,
    .seat-meter-module__cQGKtG__hold {
        animation: none
    }
    .seat-meter-module__cQGKtG__leap {
        display: none
    }
}

.perps-motion-module__8CuEhW__orderContent {
    animation: .2s cubic-bezier(.26, .08, .25, 1) both perps-motion-module__8CuEhW__orderContentIn
}

@keyframes perps-motion-module__8CuEhW__orderContentIn {
    0% {
        opacity: 0;
        transform: scale(.98)
    }
}

@media (prefers-reduced-motion:reduce) {
    .perps-motion-module__8CuEhW__orderContent {
        animation: none
    }
}