#tsp-stories :is(h1#fantasy-football, :is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage) {
    scroll-margin-top: 90px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-team-label {
    display: block;
    margin: 8px 0 4px;
    font-weight: 800;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage :is(h2, h3, h4, label, summary, strong) {
    color: #f2f7fa;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-tools-first] .tsp-u-tabs {
    margin-block: 8px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-tools-first] .tsp-u-tabs button {
    min-height: 44px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-roster-review {
    margin-block: 6px 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-tools-first] .tsp-u-player {
    margin-block: 12px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-tools-first] .tsp-u-depth-footer {
    margin-block: 10px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-tools-first] [hidden] {
    display: none !important;
}

@media (max-width: 760px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-u-title {
        align-items: start;
        gap: 5px;
        flex-wrap: wrap;
    }
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-finder {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    align-items: start;
    gap: 10px 16px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-finder :is(input, select) {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid #7292a3;
    border-radius: 4px;
    background: #fff;
    color: #10232e;
    font: inherit;
    font-size: 16px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-finder :focus-visible {
    outline: 2px solid #ffda26;
    outline-offset: 3px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-search-status {
    margin: 6px 0;
    color: #d0e0e7;
    font-size: 13px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-search-status:empty {
    display: none;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-search-results {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #537382;
    border-radius: 4px;
    background: #122c3b;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-search-results li + li {
    border-top: 1px solid #537382;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-search-result {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 2px 10px;
    width: 100%;
    min-height: 44px;
    border: 0;
    padding: 8px 10px;
    background: transparent;
    color: #e0edf3;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-search-result:hover {
    background: #214759;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-search-result span {
    font-size: 13px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-player-index] .tsp-u-player {
    padding: 12px;
    background: #102734;
    border-left: 3px solid #ffda26;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-player-index] .tsp-u-player h3 {
    scroll-margin-top: 94px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-player-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 6px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-player-facts > div {
    padding: 8px;
    border: 1px solid #395869;
    border-radius: 4px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-player-facts dt {
    color: #ffdf4a;
    font-size: 12px;
    font-weight: 800;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-player-facts dd {
    margin: 2px 0 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-availability-note {
    color: #d0e0e7;
    font-size: 13px;
    margin: 4px 0 10px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-workload {
    border-top: 1px solid #395869;
    margin-top: 10px;
    padding-top: 9px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-workload :is(h4, p) {
    margin: 0 0 4px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-player-sources summary {
    min-height: 44px;
    padding: 10px 0;
    color: #ffdf4a;
    cursor: pointer;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-player-sources a {
    display: block;
    margin-block: 6px;
}

#tsp-stories .tsp-ff-story-chart {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 44px;
    margin-top: 4px;
    color: #132331;
    font-size: 13px;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 640px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) .tsp-ff-finder {
        grid-template-columns: minmax(0, 1fr);
        gap: 3px;
    }
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-player-index] .tsp-u-list-player > span:not(.tsp-player-list-portrait) {
    flex: 1;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-player-index] .tsp-u-list-player small {
    max-width: 46%;
    color: #d0e0e7;
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-player-index]:not([data-fd-modern-formation]) .tsp-u-player
:is(.tsp-ff-player-facts dd:not(.tsp-u-muted), .tsp-ff-workload p:not(.tsp-u-muted), .tsp-ff-player-sources p:not(.tsp-u-muted)) {
    color: #eaf1f6 !important;
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-player-index] .tsp-ff-player-sources a {
    color: #ffdf4a !important;
    text-decoration: underline;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) a.tsp-ff-search-result {
    text-decoration: none;
    box-sizing: border-box;
    color: #e0edf3 !important;
}

/* The field is the team overview. Player details open on demand. */
:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage:has([data-fd-modern-formation]) {
    --ff-ink: #182723;
    --ff-muted: #4e6259;
    --ff-line: #d9e1da;
    --ff-paper: #fcfbf7;
    --ff-yellow: #ffdb35;
    padding: clamp(8px, 1.1vw, 16px) !important;
    background: var(--ff-paper) !important;
    border-color: var(--ff-line) !important;
    color: var(--ff-ink);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage:has([data-fd-modern-formation]) :is(h2, h3, h4, label, summary, strong) {
    color: var(--ff-ink);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage:has([data-fd-modern-formation]) .tsp-u-muted {
    color: var(--ff-muted);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage:has([data-fd-modern-formation]) .tsp-u-title {
    align-items: center;
    gap: 4px 12px;
    margin-bottom: 3px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage:has([data-fd-modern-formation]) .tsp-u-title h2 {
    margin: 0;
    font-size: clamp(19px, 2.2vw, 27px);
    line-height: 1.15;
    letter-spacing: -.025em;
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) :has(> [data-fd-modern-formation]) .tsp-u-title a {
    color: #245740 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-finder {
    gap: 4px 12px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-team-label {
    margin: 4px 0 2px;
    font-size: 12px;
    line-height: 1.2;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-finder :is(input, select) {
    padding: 6px 9px;
    border-color: #adbbb0;
    border-radius: 6px;
    background: #fff;
    color: var(--ff-ink);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-search-status {
    color: var(--ff-muted);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-search-results {
    border-color: var(--ff-line);
    background: #fff;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-search-results li + li {
    border-color: var(--ff-line);
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-search-result {
    color: var(--ff-ink) !important;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-search-result:hover {
    background: #eaf0e9;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-tabs {
    padding: 0;
    gap: 0;
    margin: 4px 0 7px;
    border: 0;
    border-bottom: 1px solid #cad6cc;
    border-radius: 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-tabs button {
    padding: 5px 8px;
    background: transparent;
    color: #41584c;
    box-shadow: inset 0 -3px transparent;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-tabs button[aria-pressed="true"] {
    background: #edf3eb;
    color: #1b382a;
    box-shadow: inset 0 -3px #2a6847;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-formation {
    min-width: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ff-ink);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-header {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-header > img {
    width: 37px;
    height: 33px;
    object-fit: contain;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-team h3 {
    margin: 0;
    font-size: clamp(18px, 2.2vw, 26px);
    line-height: 1.06;
    letter-spacing: -.025em;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-kicker {
    margin: 0 0 2px;
    color: #4a6458;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    line-height: 1.2;
    text-transform: uppercase;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-note {
    margin: 5px 0 8px;
    color: var(--ff-muted);
    font-size: 12px;
    line-height: 1.35;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pitch {
    --ff-skill-photo: clamp(52px, 5.5vw, 77px);
    --ff-line-photo: clamp(34px, 3.55vw, 51px);
    --ff-front: 12%;
    --ff-middle: 42%;
    --ff-back: 67%;
    position: relative;
    isolation: isolate;
    width: 100%;
    min-width: 0;
    min-height: 0 !important;
    height: clamp(320px, 27vw, 368px);
    overflow: hidden;
    border: 1px solid #3b6b52;
    border-radius: 9px;
    box-sizing: border-box;
    background:
        linear-gradient(100deg, #09241988, transparent 32% 68%, #09241988),
        repeating-linear-gradient(0deg, #c9ead831 0 1px, transparent 1px 20%),
        repeating-linear-gradient(0deg, #174332 0 20%, #1d4c39 20% 40%);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pitch::before {
    position: absolute;
    z-index: -1;
    inset: 0 2.3%;
    border-inline: 1px solid #deefe275;
    background: repeating-linear-gradient(0deg, #bedac589 0 1px, transparent 1px 6.66%) left 38% top / 12px 100% no-repeat,
        repeating-linear-gradient(0deg, #bedac589 0 1px, transparent 1px 6.66%) right 38% top / 12px 100% no-repeat;
    content: "";
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin {
    --ff-photo: var(--ff-skill-photo);
    position: absolute;
    top: var(--ff-pin-y, var(--ff-front));
    left: var(--ff-pin-x);
    z-index: 0;
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 2px;
    width: 12%;
    min-width: 0;
    min-height: 44px;
    padding: 0 1px 2px !important;
    transform: translateX(-50%);
    border: 0 !important;
    border-radius: 6px;
    box-shadow: none;
    background: transparent;
    color: #f7fff9;
    font: inherit;
    cursor: pointer;
    touch-action: manipulation;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-lineman {
    --ff-photo: var(--ff-line-photo);
    width: 7.7%;
    padding-top: calc(var(--ff-skill-photo) - var(--ff-line-photo)) !important;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-x { --ff-pin-x: 10%; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-lt { --ff-pin-x: 34%; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-lg { --ff-pin-x: 42%; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-c { --ff-pin-x: 50%; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-rg { --ff-pin-x: 58%; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-rt { --ff-pin-x: 66%; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-te { --ff-pin-x: 77%; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-z { --ff-pin-x: 19%; --ff-pin-y: var(--ff-middle); }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-qb { --ff-pin-x: 50%; --ff-pin-y: var(--ff-middle); }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-slot { --ff-pin-x: 90%; --ff-pin-y: var(--ff-middle); }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-rb { --ff-pin-x: 63%; --ff-pin-y: var(--ff-back); }

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin .tsp-player-pin-portrait,
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-vacant::before {
    position: relative;
    display: block;
    width: min(100%, var(--ff-photo));
    height: auto;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 1;
    box-sizing: border-box;
    border: 1px solid #f5fff9c4;
    border-radius: 50%;
    background: #d7e5dc;
    box-shadow: 0 2px 5px #03170f90;
    transition: box-shadow .18s ease, transform .18s ease;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin .tsp-player-pin-portrait img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin .tsp-player-pin-portrait img:is(
    [src*=".espncdn.com/i/headshots/"][src*="/players/full/"],
    [src^="/media/headshots/"][src*="/players/full/"],
    [src*=".espncdn.com/combiner/"][src*="%2Fheadshots%2F"][src*="scale=crop"]
) {
    object-fit: cover;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin .tsp-portrait-initials {
    color: #234637;
    font-size: clamp(10px, 1.15vw, 17px);
    line-height: 1;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage [data-fd-modern-formation] .tsp-ff-pin strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: clamp(10px, 1.1vw, 14px);
    line-height: 1.13;
    text-overflow: ellipsis;
    text-shadow: 0 1px 3px #001b10;
    white-space: nowrap;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage [data-fd-modern-formation] .tsp-ff-lineman strong {
    font-size: clamp(9px, .93vw, 12px);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin-position {
    color: #d6eadc;
    font-size: clamp(9px, .85vw, 11px);
    font-weight: 800;
    line-height: 1;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin:is(:hover, :focus-visible, .is-selected) {
    z-index: 1;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin:is(:hover, :focus-visible) .tsp-player-pin-portrait {
    box-shadow: 0 0 0 2px #f5fffac0, 0 2px 5px #03170f90;
    transform: scale(1.04);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin.is-selected .tsp-player-pin-portrait {
    box-shadow: 0 0 0 2px #163a2a, 0 0 0 4px var(--ff-yellow);
    transform: scale(1.055);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin.is-selected .tsp-ff-pin-position {
    color: var(--ff-yellow);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin:is([data-tone="good"], [data-tone="caution"], [data-tone="out"])::after {
    position: absolute;
    top: calc(var(--ff-skill-photo) - var(--ff-photo) * .2);
    left: calc(50% + var(--ff-photo) * .33);
    width: 8px;
    height: 8px;
    border: 1px solid #123126;
    border-radius: 50%;
    background: var(--ff-health);
    content: "";
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin[data-tone="good"] { --ff-health: #8ad89c; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin[data-tone="caution"] { --ff-health: #f2bf58; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin[data-tone="out"] { --ff-health: #f47770; }

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-vacant {
    cursor: default;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-vacant::before {
    border: 1px dashed #bddac3a3;
    background: #0c332670;
    box-shadow: none;
    content: "";
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 16px;
    padding-top: 6px;
    color: var(--ff-muted);
    font-size: 11px;
    line-height: 1.4;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-footer :is(p, details) {
    margin: 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-footer details {
    border: 0;
    background: transparent;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-footer details[open] {
    flex-basis: 100%;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-footer summary {
    min-height: 30px;
    padding: 6px 0;
    cursor: pointer;
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] :is(.tsp-ff-field-footer, .tsp-ff-player-dialog) a {
    color: #245740 !important;
}

/* The depth chart is one ruled board, with position groups in reading order. */
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board {
    display: block;
    min-width: 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-title {
    margin: 8px 0 9px;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.2;
    letter-spacing: -.025em;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-grid {
    --ff-depth-rule: #dce3df;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-block: 1px solid var(--ff-depth-rule);
    background: #fff;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-column {
    --ff-depth-position-ink: #3e5250;
    --ff-depth-position-paper: #edf3ef;
    min-width: 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-column + .tsp-ff-depth-column {
    border-inline-start: 1px solid var(--ff-depth-rule);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-column[data-position="QB"] {
    --ff-depth-position-ink: #8f3049;
    --ff-depth-position-paper: #faebef;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-column[data-position="RB"] {
    --ff-depth-position-ink: #235c46;
    --ff-depth-position-paper: #e6f3ec;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-column[data-position="WR"] {
    --ff-depth-position-ink: #284e86;
    --ff-depth-position-paper: #e9f0fb;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-column[data-position="TE"] {
    --ff-depth-position-ink: #805016;
    --ff-depth-position-paper: #faf0e0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-column[data-position="K"] {
    --ff-depth-position-ink: #4b5273;
    --ff-depth-position-paper: #eff0f7;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage .tsp-ff-depth-column > .tsp-ff-depth-position {
    margin: 0;
    padding: 8px 10px;
    border-bottom: 1px solid var(--ff-depth-rule);
    background: var(--ff-depth-position-paper);
    color: var(--ff-depth-position-ink);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .04em;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-slot {
    margin: 0;
    padding: 7px 10px 2px;
    color: #50615a;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .055em;
    text-transform: uppercase;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] :is(.tsp-ff-depth-rows, .tsp-ff-depth-empty) + .tsp-ff-depth-slot {
    margin-top: 3px;
    padding-top: 7px;
    border-top: 1px solid var(--ff-depth-rule);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-rows {
    margin: 0;
    padding: 0 0 0 25px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-unranked {
    list-style: none;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-rows li::marker {
    color: #627269;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    min-width: 0;
    min-height: 30px;
    padding: 4px 8px 4px 1px;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    background: transparent;
    color: var(--ff-ink);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    touch-action: manipulation;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player:hover {
    background: #eff4f0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player.is-selected {
    background: #fff5ce;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player:focus-visible {
    outline: 2px solid #286145;
    outline-offset: -2px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player-portrait {
    position: relative;
    display: grid;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    overflow: hidden;
    place-items: center;
    border-radius: 5px;
    background: #e6eee8;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player-portrait .tsp-portrait-initials {
    color: #355548;
    font-size: 8px;
    line-height: 1;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] :is(.tsp-ff-depth-player-portrait, .tsp-ff-player-panel .tsp-player-mini-portrait) img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] :is(.tsp-ff-depth-player-portrait, .tsp-ff-player-panel .tsp-player-mini-portrait) img:is(
    [src*=".espncdn.com/i/headshots/"][src*="/players/full/"],
    [src^="/media/headshots/"][src*="/players/full/"],
    [src*=".espncdn.com/combiner/"][src*="%2Fheadshots%2F"][src*="scale=crop"]
) {
    object-fit: cover;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-jersey {
    color: #65716b;
    font-size: 10px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player-status {
    flex: 0 0 auto;
    padding: 1px 4px;
    border-radius: 3px;
    background: #edf0ed;
    color: #4e6259;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player[data-tone="caution"] .tsp-ff-depth-player-status {
    background: #fff0cb;
    color: #774610;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player[data-tone="out"] .tsp-ff-depth-player-status {
    background: #f8e5e4;
    color: #8b322f;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-chart-only {
    cursor: default;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-chart-only:hover {
    background: transparent;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-empty {
    margin: 0;
    padding: 8px 10px;
    color: var(--ff-muted);
    font-size: 12px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-extra > summary {
    display: list-item;
    min-height: 40px;
    padding: 10px 2px;
    box-sizing: border-box;
    color: #2d5944;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    cursor: pointer;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-extra > .tsp-ff-depth-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
}

@media (max-width: 720px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "qb rb"
            "wr te"
            "wr k";
        grid-template-rows: auto auto 1fr;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > .tsp-ff-depth-column {
        border-inline-start: 0;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > [data-position="QB"] { grid-area: qb; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > [data-position="RB"] { grid-area: rb; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > [data-position="WR"] { grid-area: wr; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > [data-position="TE"] { grid-area: te; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > [data-position="K"] { grid-area: k; }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > :is([data-position="RB"], [data-position="TE"], [data-position="K"]) {
        border-inline-start: 1px solid var(--ff-depth-rule);
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-board > .tsp-ff-depth-grid > :is([data-position="WR"], [data-position="TE"], [data-position="K"]) {
        border-top: 1px solid var(--ff-depth-rule);
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-rows {
        padding-inline-start: 20px;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-depth-player {
        gap: 4px;
        min-height: 34px;
        padding-inline-end: 5px;
        font-size: 12px;
    }
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connected-dialog {
    --ff-dialog-pad: clamp(16px, 2vw, 24px);
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: var(--ff-ink);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connected-dialog::backdrop {
    background: #0f201743;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-connector {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
    filter: drop-shadow(0 1px 1.5px #14201ab0);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-connector path {
    fill: none;
    stroke: #ffdb35;
    stroke-width: 2.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connector-start {
    fill: #3d2f1052;
    stroke: #ffe36a;
    stroke-width: 2.2px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connector-end {
    fill: #ffdb35;
    stroke: #6a5014;
    stroke-width: 1.4px;
    filter: drop-shadow(0 0 2px #ffe884ce);
}

@media (prefers-reduced-motion: no-preference) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-connector.is-connected path[pathLength="1"] {
        stroke-dasharray: 1;
        animation: tsp-ff-connector-in .24s ease-out;
    }
}

@keyframes tsp-ff-connector-in {
    from { stroke-dashoffset: 1; }
    to { stroke-dashoffset: 0; }
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-panel {
    position: absolute;
    z-index: 1;
    inset-block-start: 50%;
    inset-inline-end: var(--ff-dialog-pad);
    display: flex;
    flex-direction: column;
    width: min(700px, 45vw);
    height: min(730px, calc(100dvh - 2 * var(--ff-dialog-pad)));
    min-width: 0;
    overflow: hidden;
    transform: translateY(-50%);
    border: 1px solid #cbd8cf;
    border-radius: 13px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 14px 48px #071b1552;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-panel:has(> .tsp-ff-player-panel) {
    width: min(420px, 47vw);
    height: auto;
    max-height: min(620px, calc(100dvh - 2 * var(--ff-dialog-pad)));
}

@media (min-width: 721px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connected-dialog[data-side="left"] .tsp-ff-dialog-panel {
        inset-inline-start: var(--ff-dialog-pad);
        inset-inline-end: auto;
    }
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-bar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 46px;
    padding: 0 8px 0 13px;
    border-bottom: 1px solid var(--ff-line);
    background: #fcfbf7;
    color: var(--ff-ink);
    font-size: 13px;
    font-weight: 800;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage .tsp-ff-dialog-bar > .tsp-ff-dialog-label {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-actions .tsp-ff-field-depth,
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-close {
    flex: 0 0 auto;
    min-width: 52px;
    min-height: 36px;
    margin-inline-start: auto;
    padding: 4px 9px;
    border: 1px solid #cbd7cc;
    border-radius: 6px;
    background: #fff;
    color: var(--ff-ink);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-fantasy-frame {
    display: block;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    border: 0;
    background: #fff;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-panel > .tsp-ff-player-panel {
    overflow: auto;
    overscroll-behavior: contain;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-player.tsp-ff-player-panel {
    margin: 0;
    padding: 16px 18px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--ff-ink);
    box-shadow: none;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel .tsp-u-player-identity {
    align-items: center;
    gap: 10px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel .tsp-player-mini-portrait {
    --ff-panel-portrait-size: clamp(86px, 26vw, 125px);
    width: var(--ff-panel-portrait-size);
    height: var(--ff-panel-portrait-size);
    flex-basis: var(--ff-panel-portrait-size);
    border-radius: 14px;
    background: #e4eee7;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel .tsp-portrait-initials {
    color: #28533f;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel h3 {
    font-size: clamp(19px, 3vw, 25px);
    letter-spacing: -.025em;
    line-height: 1.09;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-role-line {
    margin: 10px 0 5px;
    color: var(--ff-muted);
    font-size: 13px;
    line-height: 1.35;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-status {
    display: inline-block;
    margin: 0 0 4px;
    padding: 3px 8px;
    border-radius: 20px;
    background: #e9ede6;
    color: #3c5146;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-status[data-tone="good"] { background: #e0f0df; color: #205735; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-status[data-tone="caution"] { background: #fff0c8; color: #734510; }
:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-status[data-tone="out"] { background: #f9e4e1; color: #8c302e; }

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel .tsp-ff-workload {
    margin-top: 12px;
    padding-top: 9px;
    border-color: var(--ff-line);
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel
:is(.tsp-ff-workload p, .tsp-ff-player-sources p, .tsp-ff-availability-note) {
    color: var(--ff-muted) !important;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-game-label {
    font-size: 12px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-game-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(62px, 1fr));
    gap: 0;
    margin: 7px 0;
    padding: 8px 0;
    border-block: 1px solid var(--ff-line);
    font-variant-numeric: tabular-nums;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-game-stats > div {
    display: flex;
    flex-direction: column-reverse;
    gap: 2px;
    padding: 2px 5px;
    text-align: center;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-game-stats dt {
    color: var(--ff-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.25;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-game-stats dd {
    margin: 0;
    color: var(--ff-ink);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.1;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-game-stats > div:first-child dd {
    color: #1a5a3b;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel .tsp-ff-player-sources {
    margin-top: 5px;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-panel .tsp-ff-player-sources summary {
    min-height: 36px;
    padding: 7px 0;
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 11px;
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-actions :is(.tsp-ff-profile-link, .tsp-ff-field-depth) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 6px 12px;
    border: 1px solid #b6c4b9;
    border-radius: 6px;
    background: #f6f9f5;
    color: var(--ff-ink) !important;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

#tsp-stories :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-field-actions .tsp-ff-profile-link {
    border-color: #deb700;
    background: var(--ff-yellow);
}

:is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-player-dialog :is(button, a):focus-visible {
    outline: 2px solid #25734a;
    outline-offset: 2px;
}

@media (max-width: 720px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pitch {
        --ff-skill-photo: clamp(38px, 9.5vw, 57px);
        --ff-line-photo: clamp(28px, 7.35vw, 44px);
        --ff-front: 16%;
        --ff-middle: 45%;
        --ff-back: 72%;
        height: clamp(228px, 57vw, 316px);
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin {
        width: 13.4%;
        padding-inline: 0 !important;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-x { --ff-pin-x: 7.15%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-lt { --ff-pin-x: 21.43%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-lg { --ff-pin-x: 35.71%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-rg { --ff-pin-x: 64.29%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-rt { --ff-pin-x: 78.57%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-te { --ff-pin-x: 92.85%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-z { --ff-pin-x: 12%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-slot { --ff-pin-x: 88%; }
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-u-spot-rb { --ff-pin-x: 65%; }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin:focus-visible {
        outline-offset: -1px;
    }
}

@media (min-width: 390px) and (max-width: 720px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin {
        width: max(44px, 13.4%);
    }
}

@media (max-width: 720px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) #depth-usage .tsp-ff-dialog-bar > .tsp-ff-dialog-label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-bar {
        justify-content: flex-end;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connected-dialog[data-side="left"] .tsp-ff-dialog-bar {
        justify-content: flex-start;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-dialog-close {
        margin-inline-start: 0;
    }

    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connected-dialog .tsp-ff-dialog-panel {
        inset: auto 0 0;
        width: 100%;
        height: 67dvh;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        transform: none;
        border-inline: 0;
        border-bottom: 0;
        border-radius: 14px 14px 0 0;
    }
}

@media (max-width: 720px) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-connected-dialog .tsp-ff-dialog-panel:has(> .tsp-ff-player-panel) {
        width: 100%;
        height: auto;
        max-height: 67dvh;
    }
}

@media (prefers-reduced-motion: reduce) {
    :is(#fantasy-football-tools, #fantasy-hockey-tools) [data-fd-modern-formation] .tsp-ff-pin .tsp-player-pin-portrait {
        transition: none;
    }
}