/* Lane images identify positions. Green, amber, and red borders identify route status. */
.discord-role-picker article{--discord-role-tone:#d9e4eb;position:relative;border-top:3px solid var(--discord-role-tone)}
.discord-role-picker article.is-top{--discord-role-tone:#71d9a3}.discord-role-picker article.is-jungle{--discord-role-tone:#d5a653}.discord-role-picker article.is-middle{--discord-role-tone:#aa8bea}.discord-role-picker article.is-bottom{--discord-role-tone:#ed718a}.discord-role-picker article.is-support{--discord-role-tone:#55dce9}
.discord-role-lane-icon{display:grid;width:58px;height:58px;margin:20px 0 13px;place-items:center;border:1px solid color-mix(in srgb,var(--discord-role-tone) 62%,#28343e);border-radius:7px;background:color-mix(in srgb,var(--discord-role-tone) 10%,#08111a);box-shadow:inset 0 0 22px color-mix(in srgb,var(--discord-role-tone) 8%,transparent)}
.discord-role-lane-icon img{display:block;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--discord-role-tone) 28%,transparent))}
.champion-role-map-grid article.is-recommended{--fit-color:#4fe6a6}.champion-role-map-grid article.is-possible{--fit-color:#e4ad48}.champion-role-map-grid article.is-avoid{--fit-color:#ed637d}
.champion-role-map-heading>.champion-role-icon{border-color:color-mix(in srgb,var(--fit-color,#6f8192) 72%,#26343e);background:color-mix(in srgb,var(--fit-color,#6f8192) 9%,#071018);box-shadow:inset 0 0 18px color-mix(in srgb,var(--fit-color,#6f8192) 7%,transparent),0 8px 18px rgba(0,0,0,.18)}
.champion-role-map-heading>.champion-role-icon img{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--fit-color,#6f8192) 24%,transparent))}
.champion-role-map-grid article.is-current .champion-role-icon{border-color:var(--fit-color,#6f8192);box-shadow:0 0 0 2px color-mix(in srgb,var(--fit-color,#6f8192) 17%,transparent),0 0 20px color-mix(in srgb,var(--fit-color,#6f8192) 18%,transparent)}
.guide-main .selected-role-verdict.recommended,.guide-main .role-fit-card.recommended{--fit-status-color:#4fe6a6}.guide-main .selected-role-verdict.possible,.guide-main .role-fit-card.possible{--fit-status-color:#e4ad48}.guide-main .selected-role-verdict.avoid,.guide-main .role-fit-card.avoid{--fit-status-color:#ed637d}
.guide-main .selected-role-verdict .guide-lane-icon,.guide-main .role-fit-card .role-fit-icon{border-color:color-mix(in srgb,var(--fit-status-color,#6f8192) 72%,#263845);background:color-mix(in srgb,var(--fit-status-color,#6f8192) 10%,#071018);box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 18px color-mix(in srgb,var(--fit-status-color,#6f8192) 11%,transparent)}
.guide-main .selected-role-verdict .guide-lane-icon img,.guide-main .role-fit-card .role-fit-icon img{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--fit-status-color,#6f8192) 30%,transparent))}
