@use 'bootstrap-variables';@use 'bootstrap-mixins';.player{--player-border-radius:32px;--player-padding:8px;--player-base-color:var(--color-accent-navy);--player-border:3px solid var(--player-base-color);padding:var(--player-padding);border:var(--player-border);border-radius:var(--player-border-radius);display:flex;flex-direction:column;color:var(--player-base-color);&.is-dim{filter:grayscale(100%);opacity:.5;transition:filter .2s ease,opacity .2s ease}}.player.player--view-all{padding:0;border:none;overflow:hidden;position:relative;@include mobile{padding-bottom:0}&>a{height:100%;padding:0}footer{padding:20px;position:absolute;bottom:0;width:100%}svg{position:absolute;top:1.5rem;right:1.5rem;z-index:1;transition:.25s ease all}&:hover{svg{top:1.25rem;right:1.25rem}}img{height:100%;object-fit:cover;height:100%;object-fit:cover;position:absolute;top:0;left:0}.btn{width:100%;background-color:transparent;z-index:1}}.player__image{width:100%;height:auto;aspect-ratio:1;position:relative;overflow:hidden;border-radius:calc(var(--player-border-radius) - var(--player-padding));background:linear-gradient(0deg,#002065e0,#002065e0),url(https://knoxchallenger.m3sites.com/wp-content/uploads/2025/08/megamenu-bg-min.jpg);background-size:cover}.player__image img{width:100% !important;height:100% !important;position:absolute;inset:0;margin-bottom:0 !important;object-fit:contain}.player__header{margin-top:1.5rem;margin-bottom:1.25rem;flex-grow:1}.player__name{font-size:1.25rem;text-align:center;font-weight:500;line-height:1;margin-bottom:.5rem}.player__rankings{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.player__ranking{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem .6rem;background-color:var(--color-grey-200);border-radius:1rem;justify-content:space-between;gap:.25rem}.player__label{font-family:var(--font-family-heading);font-size:8px;text-transform:uppercase;letter-spacing:.05ch;text-align:center;line-height:1;font-weight:700;color:rgba(3,53,99,.5)}.player__value{font-family:var(--font-family-heading);font-weight:600;font-size:1.15rem;line-height:1}.player__footer{margin-top:.75rem}.player__link{width:100%;font-weight:800 !important}.player__country{display:flex;align-items:center;justify-content:center;gap:6px}.player__country img{width:20px !important;height:20px !important;object-fit:cover;border-radius:100vw;outline:2px solid var(--player-base-color);outline-offset:-2px}.player__country span{font-family:var(--font-family-heading);font-size:14px;text-transform:uppercase;font-weight:600;opacity:.75}