:root {
    --padding-screen-40: 40px;
    --padding-screen-24: 24px;
    --padding-screen-xs: 20px;
    --padding-screen-s: 16px;
    --padding-screen-m: 24px;
    --padding-screen-l: 40px;
    
}


body {
    background: #0a0a0a url(/img/bg-asset.svg) no-repeat; background-size: 2781px 1324px; background-position: -1918px -209px;
    background: #0a0a0a url(/img/bg-asset.svg) no-repeat; background-size: auto 160vh; background-position: -231.8vh -20.9vh;
    padding:0; margin:0;
    font-family: Satoshi, Arial, sans-serif; font-size: 16px; line-height: 1.3; font-weight: 300; color:#f7f7f7;
}

a {text-decoration: none; color:#ffffff;}
a:hover {text-decoration: underline;}
:is(.page_content, .pg_content_right, .settings_content_shell, .legal-document-page__body, .rich-text-editor__content, main) a:not(:where(.btn, .nav-link, .dropdown-item, .page-link, .settings_menu_link, .fantasy-menu-item, .watch-game-link, [role="button"], [role="tab"], .page_header a, nav a, [role="navigation"] a, [role="menu"] a, .player-profile-menu a, .player-team-profile-menu a, .notification_inbox_actions a, #footer a)) {color: #df41a7;}
:is(.page_content, .pg_content_right, .settings_content_shell, .legal-document-page__body, .rich-text-editor__content, main) a:not(:where(.btn, .nav-link, .dropdown-item, .page-link, .settings_menu_link, .fantasy-menu-item, .watch-game-link, [role="button"], [role="tab"], .page_header a, nav a, [role="navigation"] a, [role="menu"] a, .player-profile-menu a, .player-team-profile-menu a, .notification_inbox_actions a, #footer a)):hover {color: #EB2F12;}
.wp-site-blocks a:not(:where(.page_header a, nav a, footer a, #footer a, .wp-block-navigation a, .wp-block-button__link, .btn, [role="button"], [role="navigation"] a, [role="menu"] a)) {color: #df41a7;}
h1 {color:#ffffff; line-height: 1; font-family: "PPNeueYork", Arial, sans-serif; font-size: 32px; font-weight:600; margin:0; text-transform: uppercase;}
h2 {color:#ffffff; line-height: 1; font-family: "PPNeueYork", Arial, sans-serif; font-size: 20px; font-weight:400; margin:0; text-transform: uppercase;}
h3 {color:#ffffff; line-height: 1.3; font-family: "PPNeueYork", Arial, sans-serif; font-size: 18px; font-weight:400; margin:0; text-transform: uppercase;}
ul, ol {list-style: none;margin: 0;padding: 0;}

.gap-8 {gap:8px;}
.gap-16 {gap:16px;}
.gap-24 {gap:24px;}
.gap-40 {gap:40px;}
.gap-48 {gap:48px;}
.gap-xs {gap:8px;}
.gap-s {gap:16px;}
.gap-m {gap:24px;}
.gap-l {gap:40px;}
.gap-xl {gap:48px;}
.mt-m {margin-top:24px;}
.rounded-8 {border-radius:8px;}
.rounded-16 {border-radius:16px;}
.rounded-32 {border-radius:32px;}
.hero_tag {border: 1px solid; border-radius: 20px; padding: 3px 5px; text-transform: uppercase; font-size: 12px; line-height: 1; font-family: Geist, Arial, san-serif;}
.tag-color-1 {border-color: #03FFA3; color: #03FFA3;}
.tag-color-2 {border-color: #F3F101; color: #F3F101;}
.tag-color-3 {border-color: #8C83FF; color: #8C83FF;}
.tag-color-4 {border-color: #EFAEFF; color: #EFAEFF;}
.bg_lightgrey {background-color:rgb(255,255,255,0.05);}
.bg_darkgrey {background-color: #171717;}
.btn {border-radius: 4px!important;}
.btn.next {background-color: #FFFFFF; color:#0A0A0A;}
.btn.next:hover {background-color: #DDDDDD;}

.bg_hero {background-size:cover!important; background-position: center!important; width: 100%; height: calc(0.7 * (100% - 1 * 16px));}
.hero1 {background: url(/img/hero1.jpg) no-repeat;}
.hero2 {background: url(/img/hero2.jpg) no-repeat;}
.hero3 {background: url(/img/hero3.jpg) no-repeat;}
.hero4 {background: url(/img/hero4.jpg) no-repeat;}
.label {font-family: Geist; font-size: 12px; text-transform: uppercase;}
    
.page_container, .wp-site-blocks {width:100%; min-height:100vh;max-width: 1440px;margin: auto; overflow-x:hidden;}
.player .page_container {padding: var(--padding-screen-m);}
.welcome .page_content, .register .page_content  {min-height: calc(100vh - 72px);}
.register .page_content {padding: 80px 0 40px 0;}
.auth_signin .page_container, .auth_signin .page_content {min-height:0;}
.auth_signin .page_content {padding-top:0; padding-bottom:0;}
.page_navigation {width:100%; padding: var(--padding-screen-l);}
.onboarding .page_navigation {width:100%; padding: var(--padding-screen-l); display:flex; justify-content: space-between; box-sizing: border-box; }
.player .page_navigation {width:100%; padding: 0;}
.welcome .page_content {padding: var(--padding-screen-l);}
.player .page_content {padding: 0; height:783px;}

.logo_wordmark {display:block; height: 32px; width:145px; background: url(/img/logo-light-wordmark.png) no-repeat; background-size: 100% 100%!important; }


.pg_nav_back {background: #333333 url(/img/arrow-left.svg) no-repeat center; background-size: 20px 20px; width:40px; height:40px; border-radius:20px}
.pg_nav_close {background: #333333 url(/img/close.svg) no-repeat center; background-size: 20px 20px; width:40px; height:40px; border-radius:20px}
.pg_nav_settings {background: #333333 url(/img/settings.svg) no-repeat center; background-size: 20px 20px; width:40px; height:40px; border-radius:20px}
.pl_nav_menu {background: #333333 url(/img/player_menu.svg) no-repeat center; background-size: 20px 20px; width:40px; height:40px; border-radius:20px; z-index: 9; position:absolute; right:10px; top: calc(50% - 20px);}
.btn_close {background: #333333 url(/img/close.svg) no-repeat center; background-size: 20px 20px; width:36px; height:36px; border-radius:18px}


.welcome .pg_content_left {width: calc(0.6 * (100vw - 3 * var(--padding-screen-40))); }
.welcome .pg_content_right {width: calc(0.4 * (100vw - 3 * var(--padding-screen-40))); }
.pg_section {padding: 40px 24px;}
.pg_player_3_column {display: flex;}
.pg_player_3_column .ewrc_player {width: 684px; height: 385px; overflow:hidden;}


/* player large */
.player .ewrc_player.large {width: calc(1440px - 2 * var(--padding-screen-m)); height:auto; aspect-ratio: 16 / 9; position:absolute; top:0; left:0;}
.ewrc_player .video-fill-contain {width:100%; height: 100%; object-fit:cover; display: block;}
.player .ewrc_player .video-js {width:100%; height:100%; display:block; background:#000000;}
.player .ewrc_player .video-js .vjs-tech {object-fit: contain;}
.player .ewrc_player .video-js .vjs-poster {background-size: contain;}
.ewrc_player .video_thumbnail {width:100%; height:100%; background-size:cover!important; background-position:center!important; display:block;}
.player-menu {width:380px; height:fit-content; position:absolute; top:10px; right:-380px; background-color: #171717; z-index:99;}
.pl-menu-header {padding: 16px; border-bottom: 1px solid #404040; display: flex; justify-content: space-between; align-items: center;}
.pl-menu-header ul {display: flex; gap:8px; width:80%; overflow-x: auto;}
.pl-menu-header ul li {height: 36px; border-radius: 18px; padding: 0 16px; display: flex; justify-content: center; align-items: center; color:#ffffff; background-color:#262626; font-size: 16px; font-weight:400; line-height: 1;}
.pl-menu-header ul li.selected {color: #0A0A0A; background-color:#F5F5F5;}
.pl-menu-content {padding: 16px; display:flex; gap:16px; flex-direction: column; }
.pl_nav_menu {cursor: pointer;}
.player-menu {position: absolute; right: -390px; top: 10px; transition: right 1s ease; will-change: right; }
.player-menu.is-open {right: 10px;}
.game-item {background-color: #262626; padding: 8px; box-sizing: border-box; width:100%; display: flex; color:#ffffff; align-items: center; border-radius:8px;}
.game-item .team-home, .game-item .team-away {width:40%; height:100%; font-size: 12px; display: flex; justify-content: space-between; align-items: center; gap:8px; flex-direction:column;}
.game-item .score {display: flex; flex-direction: column; align-items: center; width:20%; font-size: 20px; font-family: "Space Grotesk", Arial, sans-serif;}
.game-item .score span {font-size: 14px; color: #03FFA3; font-family: "Geist", Arial, sans-serif;}
.game-item .score .watch-game-link {display: inline-flex; align-items: center; justify-content: center; min-height: 24px; margin-top: 8px; padding: 4px 10px; border: 1px solid #03FFA3; border-radius: 999px; color: #03FFA3; font-size: 11px; font-weight: 600; letter-spacing: 0.08em; line-height: 1; text-decoration: none; white-space: nowrap;}
.game-item .score .watch-game-link:hover {background: #03FFA3; color: #0A0A0A; text-decoration: none;}
.info-section {border-radius: 12px; background: #171717; width:100%}
.info-section .section-top {display: flex; gap:8px; align-items: center; padding: 16px; border-bottom:1px solid #262626; box-sizing: border-box; color:#FFFFFF;}
.info-section .section-content {padding:16px; display: flex; gap:16px;}
.list-matches {display: flex; gap:16px; flex-wrap: wrap;}
.list-matches .game-item {width: calc((100% - 16px) / 2);}
.match-schedule .team {width:45%; justify-content: space-between;}
.match-schedule .team.home-team {text-align: right;}
.match-schedule .team.away-team {text-align: left;}
.see-more-link {color: #df41a7; text-decoration: none; font-size: 14px; cursor: pointer;}
.see-more-link:hover {text-decoration: underline; color: #EB2F12;}
.game-stats-item {padding-bottom: 16px; border-bottom: 1px solid #404040;}
.game-stats-item:last-of-type {padding-bottom: 0px; border-bottom: 0px;}
.game-stats-name {color: #f7f7f7; text-align: center;}
.game-stats-values {display: flex; align-items: center;}
.game-stats-values .team-home-value, .game-stats-values .team-away-value {width:20%; text-align: center; color:#ffffff;}
.game-stats-values .stats-bars {width:60%; height:8px;display: flex; border-radius:2px; overflow: hidden;}
.team-home-bar {background-color: #4820F9; height:8px;}
.team-away-bar {background-color: #03FFA3; height:8px;}
.page_navigation .competiotion {font-size: 14px;}
.user_profile_identity {flex: 1;}
.user_profile_actions {display: flex; flex-direction:column;gap:8px; align-items: end; justify-content: flex-end; flex-shrink:0;}

.register_container {width:400px; border-radius: 16px; border: 1px solid #404040; background-color: #171717;}
.reg_container_top {padding: 20px 0; text-align:center; border-bottom: 1px solid #404040;}
.reg_container_content {padding: var(--padding-screen-40);}
.register-choose-favourites-container {width:640px; padding: 0 24px; min-height: 100%;}
.register .search-input {padding-left:40px;}
.search-icon {position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url("/img/search-icon.svg") no-repeat center / contain; pointer-events: none;}
.choose-item {width:80px; text-align: center;}
.icon {width:80px; height:80px; border-radius:16px; background-color: rgb(255,255,255,0.08)!important;  background-repeat: no-repeat!important; position:relative; display:flex; justify-content: center; align-items: center;}
.choose-teams .icon {background-position:center!important; background-size: 56px 56px!important;}
.choose-players .icon {background-position: top center!important; background-size: 200% auto!important;}
.choose-item:not(.selected) .icon:hover {border: 2px solid #03FFA3; box-sizing:border-box;}
.choose-item.selected .icon {border: 2px solid #03FFA3;box-sizing:border-box;}
.choose-item.selected .icon::after {content:"";position:absolute; background:url(/img/icon_check.svg) no-repeat; right:-8px; top:-8px; width:20px; height:20px;}
.all-clubs .name {font-size: 12px; color:#ffffff;margin-top:5px;}
.all-clubs .icons-list {gap:48px;}

.team-members-add-form {width: 50%; max-width: 600px; margin: 0 auto;}

@media (max-width: 900px) {
    .team-members-add-form {width: 100%; max-width: 100%;}
}


.form_container {display:flex; font-family: Geist; margin-bottom: 25px;}
.register_container .form_container {flex-direction: column; width:100%;}
.form_container label {font-size: 12px; text-transform: uppercase; padding-left:5px; margin-bottom: 3px;}
.form_container input {width:100%; height:40px; border: 1px solid #404040; background-color: #262626; padding: 0 12px; border-radius:4px; box-shadow: none; outline: none; color:#ffffff;}
.user_type_container {background-color: #171717; border-radius: 6px; padding: 4px;}
.user_type_container .btn {color:#737373; width:140px;}
.onboarding_register_summary {display:flex; flex-direction: column; gap:8px; min-height: 40px; border: 1px solid #404040; background: #262626; border-radius: 4px; padding: 12px; color:#ffffff;}
.onboarding_register_summary strong {font-size: 14px; font-weight: 600;}
.onboarding_register_summary span {font-size: 14px; color:#f7f7f7;}
.btn_login[disabled], .btn_login[aria-disabled='true'] {opacity: 0.45; cursor:not-allowed;}

.hr {height:1px; width:100%; position:relative; background-color: #404040; text-align: center;}
.hr-vertical {height:100%; width:1px; background-color: #404040;}

.register .hr {margin: 30px 0;}
.hr_txt {position: absolute; top:-13px; left:calc(50% - 10px); color:#404040; font-size: 16px; background-color: #171717; padding: 0 5px;}
.action_buttons {display: flex; gap:20px;}
.action_buttons .btn_login {width: calc((100% - 20px) / 2); background-color: #262626; padding: 0 12px; border-radius:4px; text-align: center; color: #ffffff; box-shadow: none; outline: none; border: 0px; height:40px; display: flex; justify-content: center; align-items: center; gap:10px;}
.auth_provider_buttons {flex-direction:column; gap:12px;}
.auth_provider_buttons .btn_login {width:100%;}
.action_buttons .btn_login.google .icon {background: url(/img/google-icon.svg) no-repeat center; background-size: 24px 24px; width:24px; height:24px;}
.action_buttons .btn_login.apple .icon {background: url(/img/apple-icon.svg) no-repeat center; background-size: 24px 24px;  width:24px; height:24px;}
.action_buttons .btn_login.facebook .icon {background: url(/img/facebook-icon.svg) no-repeat center; background-size: 24px 24px; width:24px; height:24px;}
.action_buttons .btn_login.linkedin .icon {background: url(/img/linkedin-icon.svg) no-repeat center; background-size: 24px 24px; width:24px; height:24px;}

.container-800 {width:min(800px, 100%); margin:auto;}
.container-480 {width:min(480px, 100%); margin:auto;}
.onboarding .page_content {padding-bottom: 56px;}
.onboarding_step_content {display:flex; flex-direction: column; gap:24px;}
.onboarding_step_heading {display:flex; flex-direction: column; gap:0;}
.onboarding_progress_shell {display:flex; flex-direction: column; gap:16px;}
.onboarding_navigation {display:flex; justify-content: space-between; align-items: center; gap:16px; padding-top: 24px; padding-bottom: 16px;}
.onboarding_nav_back_button {border:0;}
.onboarding_nav_actions {display:flex; gap:16px; align-items: center;}
.onboarding_notice {width:min(800px, 100%); margin:0 auto; border-radius: 12px; padding: 16px 18px; border: 1px solid #404040; color:#ffffff;}
.onboarding_notice-error {background: rgba(248, 113, 113, 0.14); border-color: rgba(248, 113, 113, 0.45);}
.onboarding_notice-success {background: rgba(3, 255, 163, 0.08); border-color: rgba(3, 255, 163, 0.4);}
.onboarding_two_col {display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:24px;}
.onboarding_photo_row {display:flex; align-items: center; gap:24px;}
.onboarding_photo_actions {display:flex; gap:12px; flex-wrap: wrap;}
.avatar_player {width: 76px; height: 76px; border-radius: 8px; overflow:hidden; background: #262626;}
.avatar_player img {width: 100%; height: 100%; object-fit: cover;}
.onboarding_avatar_large {width: 96px; height: 96px; border-radius: 16px;}
.onboarding_avatar_button {display:block; padding:0; border:0; line-height:0; cursor:pointer; background:#262626;}
.onboarding_avatar_button img {display:block; width:100%; height:100%; object-fit:cover;}
.onboarding_avatar_button:disabled {cursor:default;}
.onboarding_avatar_placeholder {width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#737373; font-size: 13px; text-transform: uppercase;}
.onboarding_upload_dropzone {width:min(280px, 100%); min-height:240px; border: 2px dashed #404040; border-radius: 12px; background: #262626; color:#f7f7f7; display:flex; flex-direction: column; justify-content:center; align-items:center; gap:12px; text-align:center; padding:24px;}
.onboarding_upload_dropzone .message_white {color:#ffffff;}
.btn-upload {background-color: #262626; color:#ffffff; border-radius: 4px; min-width: 128px; height:40px; display: inline-flex; justify-content: center; align-items: center; }
.account_type_card {width:388px; display:block; color:inherit; text-decoration:none;}
.account_type_card .card_content {background-color: #262626; padding: 24px; text-align:left; font-size: 14px; height: 75px; overflow-y:hidden;}
.account_type_card .card_top_player {height:258px; border-radius: 8px 8px 0 0; background: url(/img/niceimg_player.jpg) no-repeat; background-size: cover; background-position: center;}
.account_type_card .card_top_coach {height:258px; border-radius: 8px 8px 0 0; background: url(/img/niceimg_coach.jpg) no-repeat; background-size: cover; background-position: center;}
.onboarding .clubs_list_item, .settings .clubs_list_item {background-color: #171717; border-radius: 8px; padding: 16px; border: 1px solid #262626; }
.onboarding .club_details, .settings .club_details {width:100%;}
.onboarding .club_period, .settings .club_period {font-size: 14px; color: #f7f7f7}
.onboarding .coach_name, .settings .coach_name {font-size: 12px; color: #737373}
.onboarding .fi, .settings .fi { width: 36px; line-height: 24px; border-radius: 2px;}
.onboarding .form_container, .settings .form_container {flex-direction:column; width:100%; margin-bottom: 0px;}
.wishlist_filters .form_container {width: auto;}
.overlayer-800 {width:min(800px, 100%); border-radius: 16px; border: 1px solid #404040; background-color: #171717; overflow:hidden;}
.overlayer_top {padding: 20px 0; text-align:center; border-bottom: 1px solid #404040;}
.overlayer_content {padding: var(--padding-screen-24); gap:24px; display:flex; flex-direction: column;}
.overlayer_content.hr_top {border-top: 1px solid #404040;}
.onboarding_experience_list {display:flex; flex-direction: column; gap:24px;}
.onboarding_experience_card {margin: 0 auto;}
.onboarding_experience_summary {margin: 0 auto; width: 100%;}
.onboarding_experience_summary_text {display:flex; flex-direction: column; gap:4px;}
.onboarding_experience_summary_meta {color:#f7f7f7;}
.onboarding_toggle_row {display:flex; align-items:center; justify-content: space-between; gap:16px; color:#ffffff;}
.custom_toggle { appearance: none; width: 44px; height: 24px; border-radius: 999px; background-color: #2b2b2b; position: relative; cursor: pointer; transition: background-color 0.2s ease; }
.custom_toggle::after {content:''; position:absolute; top:2px; left:2px; width:20px; height:20px; border-radius: 50%; background:#ffffff; transition: transform 0.2s ease;}
.custom_toggle:checked {background-color: #03FFA3;}
.custom_toggle:checked::after {transform: translateX(20px); background:#0a0a0a;}
.onboarding_chip_grid {display:flex; flex-wrap: wrap; gap:8px;}
.onboarding_chip {border: 1px solid #404040; background: #262626; color:#ffffff; border-radius: 999px; padding: 8px 12px; font-size: 12px;}
.onboarding_chip.is-selected {border-color:#03FFA3; color:#03FFA3;}
.onboarding_overlay_shell {position: fixed; inset: 0; z-index: 2000; display:flex; align-items:center; justify-content:center; padding:24px;}
.onboarding_overlay_backdrop {position:absolute; inset:0; background: rgba(10, 10, 10, 0.82); backdrop-filter: blur(6px);}
.onboarding_photo_preview_dialog {position:relative; z-index:1; width:fit-content; max-width:min(800px, 100%); max-height:calc(100vh - 48px);}
.onboarding_photo_preview_image {display:block; width:auto; height:auto; max-width:100%; max-height:calc(100vh - 48px); border-radius:8px; object-fit:contain;}
.onboarding_photo_preview_close {position:absolute; z-index:2; top:20px; right:20px;}
.onboarding_experience_overlay {position: relative; z-index: 1; max-height: calc(100vh - 48px); overflow-y: auto;}
.legal_consent_dialog {position:relative; z-index:1; width:min(720px, 100%); max-height:calc(100vh - 48px); display:flex; flex-direction:column; overflow:hidden; border:1px solid #404040; border-radius:8px; background:#171717; color:#ffffff;}
.legal_consent_header {padding:24px; border-bottom:1px solid #404040;}
.legal_consent_header h1 {margin:0; font-size:28px;}
.legal_consent_header p {margin:12px 0 0; color:#c7c7c7;}
.legal_consent_options {display:flex; flex-direction:column; gap:12px; padding:24px;}
.legal_consent_option {display:flex; align-items:flex-start; gap:12px; padding:16px; border:1px solid #404040; border-radius:8px; background:#262626;}
.legal_consent_option .ewrc_checkbox {flex:0 0 18px; margin-top:3px;}
.legal_consent_link {border:0; background:transparent; color:#03FFA3; padding:0; font:inherit; text-decoration:underline; text-underline-offset:3px;}
.legal_consent_link:hover {color:#ffffff;}
.legal_consent_actions {display:flex; justify-content:flex-end; padding:0 24px 24px;}
.legal_consent_actions .btn {min-width:160px;}
.legal_consent_actions .btn:disabled {cursor:not-allowed; opacity:.45;}
.legal_consent_back {display:inline-flex; align-items:center; gap:8px; margin:0 0 20px; padding:0; border:0; background:transparent; color:#ffffff; font:inherit;}
.legal_consent_back:hover {color:#03FFA3;}
.legal_consent_document {min-height:240px; padding:24px; overflow-y:auto;}
.legal_consent_status {padding:32px 0; color:#c7c7c7; text-align:center;}
.legal_consent_document .legal-document-page__body {color:#ffffff;}
.legal_consent_document .legal-document-page__body img {max-width:100%; height:auto;}
.legal-document-page__body table {display:block; width:100%; margin:20px 0; overflow-x:auto; border-collapse:collapse;}
.legal-document-page__body th,.legal-document-page__body td {min-width:120px; padding:10px 12px; border:1px solid #737373; text-align:left; vertical-align:top;}
.legal-document-page__body th {background:#eeeeee; color:#171717; font-weight:700;}
.legal_consent_document .legal-document-page__body th {background:#353535; color:#ffffff;}

.contact-page__main {width:min(100% - 48px, 920px); margin:0 auto; padding:64px 0 88px;}
.contact-page__heading {display:flex; flex-direction:column; align-items:flex-start; gap:12px; width: min(100%, 680px); margin: auto;}
.contact-page__heading h1 {font-size:48px;}
.contact-page__eyebrow {color:#03FFA3; font-size:12px; font-weight:700; text-transform:uppercase;}
.contact-page__form-wrap {width:min(100%, 680px); margin:auto; padding-top:40px;}
.contact-page__form {display:flex; flex-direction:column; gap:24px;}
.contact-page__topic-row {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px;}
.contact-page__field {display:flex; flex-direction:column; gap:8px;}
.contact-page__field label {color:#f5f5f5; font-size:14px; font-weight:600;}
.contact-page__field .form-control,.contact-page__field .form-select {min-height:48px; padding:11px 14px; border:1px solid #525252; border-radius:4px; background-color:#171717; color:#ffffff; box-shadow:none;}
.contact-page__field textarea.form-control {min-height:176px; resize:vertical;}
.contact-page__field .form-control::placeholder {color:#737373;}
.contact-page__field .form-control:focus,.contact-page__field .form-select:focus {border-color:#03FFA3; box-shadow:0 0 0 2px rgb(3 255 163 / 18%);}
.contact-page__field .form-control:disabled,.contact-page__field .form-select:disabled {background-color:#262626; color:#737373; opacity:1;}
.contact-page__submit {align-self:flex-end; min-width:120px; min-height:44px; padding:10px 24px; font-weight:700;}
.contact-page__submit:disabled {background:#525252; color:#f7f7f7;}
.contact-page__status {margin:0; color:#f7f7f7;}
.contact-page__error {margin:0; padding:12px 14px; border-left:3px solid #dc3545; background:#261416; color:#ffb8be;}
.contact-page__success {padding:32px 0; border-top:3px solid #03FFA3; border-bottom:1px solid #404040;}
.contact-page__success h2 {margin-bottom:12px; font-size:28px;}
.contact-page__success p {margin:0; color:#d4d4d4; overflow-wrap:anywhere;}
.position_input_container {width:100%; min-height:40px; border: 1px solid #404040; background-color: #262626; padding: 8px 12px; border-radius:4px; display:flex; gap:8px; flex-wrap: wrap; align-items:center;}
.position_input_container input {border:0; background:transparent; color:#ffffff; padding:0; min-width: 220px; flex: 1 1 220px; height:auto;}
.position_input_container input::placeholder {color:#737373;}
.selection_item {background:#171717; color:#ffffff; gap:8px; padding: 6px 10px; border:1px solid #404040;}
.selection_item_remove {filter: invert(1) grayscale(1); opacity:0.8; width: 12px; height: 12px; padding:0; box-shadow:none;}
.selection_item_remove:hover {opacity:1;}
.onboarding .progress_bar {width:100%; height: 4px; background-color: #262626; border-radius: 2px; margin-top: 8px; display:flex;}
.onboarding .progress_bar.full {background-color: #03FFA3;}
.onboarding .progress_bar.active {background: linear-gradient(90deg, #03FFA3 0%, #262626 50%);}
.onboarding .col .active {color:#ffffff;}
.form_container .warning {background: #1A0A6B; color:#ffffff; font-size: 14px; padding:16px; display:flex; gap:16px; border-radius: 8px; border: 1px solid #31159D;}
.form_container select {width: 100%; height: 40px; border: 1px solid #404040; background-color: #262626; padding: 0 12px; border-radius: 4px; box-shadow: none; outline: none; color: #ffffff; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%23737373' d='M3.2 5.5 8 10.3l4.8-4.8 1.2 1.2-6 6-6-6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px;}
.form_container textarea {width:100%; min-height:120px; border: 1px solid #404040; background-color: #262626; padding: 12px; border-radius:4px; box-shadow: none; outline: none; color:#ffffff;}
.form_container .sm {font-size: 12px; padding-left:5px; margin-top: 3px;}
.photo_footage_item {width:100%; aspect-ratio: 1/1; border-radius: 8px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; border: 1px solid #404040; background-color:#171717;}
.onboarding_photo_grid {display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:8px; width:100%;}
.photo_footage_item .delete_photo {position:absolute; top:8px; right:8px; width:24px; height:24px; border:0; background: rgba(10,10,10,0.75) url(/img/close.svg) no-repeat center; background-size: 16px 16px; border-radius:12px;}
.photo_footage_item.add_new {display:flex; justify-content: center; align-items: center; border: 2px dashed #404040; background: #262626 url(/img/icon_plus_circle.svg) no-repeat center; background-size: 36px 36px;}
.fun_facts_container {width:100%;}
.fun_facts_item {width: 100%; aspect-ratio: 1 / 1.2; position: relative; padding:16px; border-radius: 12px; overflow: hidden; border: 0;}
.fun_facts_item h1 {color:#0a0a0a; margin-bottom: 10px;}
.fun_facts_input {width: 100%; height: calc(100% - 40px); border: none; background: transparent; color: #000000; font-size: 14px; resize: none; outline: none;}
.fun_facts_item::before {content: ''; position: absolute; inset: 0; z-index: 1; padding: 3px; border-radius: inherit; background: linear-gradient(81.84deg, rgba(255,255,255,0.6) 25.89%, #ffff72 59.46%, #ff6e6a 66.17%, #7b7fff 70.75%, #6effff 76.86%, rgba(255,255,255,0.6) 89.37%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;}
.fun_facts_item > * {position: relative; z-index: 2;}
.fun_facts_item.first {background: linear-gradient(291.49deg, #efaeff 10.84%, #53eafd 89.16%);}
.fun_facts_item.second {background: linear-gradient(247.96deg, #efaeff 10.96%, #f3f101 89.04%);}
.fun_facts_item.third {background: linear-gradient(300.54deg, #03ffa3 12.09%, #53eafd 87.91%);}
.settings_page_content {align-items: stretch; min-height: calc(100vh - 72px);}
.settings .pg_menu_left {width:240px; border-right: 1px solid #262626; min-height:calc(100vh - 72px); flex: 0 0 240px;}
.settings_sidebar_toggle {display:none;}
.settings_content_shell {width:min(800px, 100%); display:flex; flex-direction: column; gap:24px;}
.notification_settings_page {padding-bottom:24px;}
.notification_settings_page h1 {font-size:32px;}
.notification_settings_page .settings_category_heading p {margin:0; color:#f7f7f7;}
.notification_settings_section {overflow:hidden; border:1px solid #333; border-radius:8px; background:#111;}
.notification_settings_section_header {min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; border-bottom:1px solid #333;}
.notification_settings_section_header h2 {margin:0; font-size:18px;}
.notification_text_button,.notification_load_more {display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; background:transparent; color:#df41a7; font-size:13px; font-weight:650;}
.notification_text_button:disabled {color:#666;}
.notification_inbox_list {min-height:64px;}
.notification_inbox_item {display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; padding:16px; border-bottom:1px solid #292929;}
.notification_inbox_item.unread {border-left:3px solid #03FFA3; background:#14201c;}
.notification_inbox_item:last-child {border-bottom:0;}
.notification_inbox_copy {min-width:0;}
.notification_inbox_meta {display:flex; align-items:center; gap:10px; margin-bottom:6px; color:#737373; font-size:11px; text-transform:uppercase;}
.notification_inbox_meta span {color:#df41a7; font-weight:700;}
.notification_inbox_item h3 {margin:0 0 6px; font-size:16px; line-height:22px; overflow-wrap:anywhere;}
.notification_inbox_item p {margin:0; color:#b8b8b8; font-size:14px; line-height:20px; overflow-wrap:anywhere;}
.notification_inbox_actions {display:flex; gap:4px; align-items:flex-start;}
.notification_inbox_actions button,.notification_inbox_actions a {width:36px; height:36px; display:flex; align-items:center; justify-content:center; padding:0; border:0px; border-radius:6px; background:transparent; color:#d4d4d4;}
.notification_inbox_actions button:hover,.notification_inbox_actions a:hover {border-color:#737373; color:#ffffff;}
.notification_load_more {width:100%; min-height:44px; border-top:1px solid #333;}
.notification_load_more:disabled {color:#666; cursor:wait;}
.notification_stack--settings > .notification_stack_toggle {padding:16px; background:#111;}
.notification_stack--settings > .notification_stack_toggle.unread {border-left-color:#03FFA3; background:#14201c;}
.notification_stack--settings > .notification_stack_toggle strong {font-size:16px; line-height:22px;}
.notification_stack--settings > .notification_stack_toggle .notification_stack_preview {font-size:14px; line-height:20px;}
.notification_stack--settings .notification_stack_more {color:#03FFA3;}
.notification_stack--settings .notification_stack_toggle:focus-visible {outline-color:#03FFA3;}
.notification_settings_empty,.notification_settings_error {margin:0; padding:24px 16px; color:#f7f7f7; text-align:center;}
.notification_settings_error {border-left:3px solid #dc3545; background:#261416; color:#ffb8be; text-align:left;}
.notification_preference_row {display:grid; grid-template-columns:minmax(160px,1fr) auto; align-items:center; gap:20px; padding:16px; border-bottom:1px solid #292929;}
.notification_preference_row:last-child {border-bottom:0;}
.notification_preference_row > div:first-child {display:flex; flex-direction:column; gap:2px;}
.notification_preference_row > div:first-child span {color:#737373; font-size:11px;}
.notification_preference_channels {display:flex; gap:20px;}
.notification_preference_channels label {display:flex; align-items:center; gap:8px; color:#d4d4d4; font-size:13px;}
.notification_preference_channels input {width:18px; height:18px; accent-color:#df41a7;}
.settings .pg_content_right > #footer {margin-top:auto; flex-shrink:0;}
.menu_settings_user {width: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; list-style: none;}
.menu_settings_user li {width: 100%; min-height: 36px; padding: 0; display: flex; align-items: center; position: relative; border-radius: 8px; background-color: transparent; color: #a3a3a3; transition: background-color 0.2s ease, color 0.2s ease;}
.menu_settings_user li:hover {background-color: rgba(255, 255, 255, 0.06); color: #ffffff;}
.menu_settings_user li.active {background-color: #2b2b2b; color: #ffffff;}
.settings_menu_link {width: 100%; min-height: 36px; padding: 8px 28px 8px 8px; display: flex; align-items: center; gap: 8px; color: inherit; text-decoration: none;}
.settings_menu_link:hover {color: inherit; text-decoration: none;}
.settings_menu_button {border: 0; background: transparent; text-align: left;}
.menu_settings_icon {width: 20px; height: 20px; flex: 0 0 20px; object-fit: contain; opacity: 0.65;}
.menu_settings_user li.active .menu_settings_icon, .menu_settings_user li:hover .menu_settings_icon {opacity: 1;}
.settings_primary_menu + .settings_primary_menu {margin-top:8px;}
.settings_player_menu_chevron {margin-left:auto; transition:transform 0.2s ease;}
.settings_player_menu_chevron.expanded {transform:rotate(180deg);}
.settings_player_dropdown {padding:0 0 8px 12px;}
.settings_player_submenu .settings_menu_link {padding-left:8px;}
.menu_settings_user li::after {content: ""; width: 8px; height: 8px; position: absolute; top: 50%; right: 16px; border-radius: 50%; transform: translateY(-50%);}
.menu_settings_user li.completed::after {background-color: #df41a7;}
.menu_settings_user li.incomplete::after {background-color: #f7f7f7;}
.settings_menu_item_plain::after {display:none;}
.coach_wishlist_menu_icon {display:flex; align-items:center; justify-content:center;}
.settings .progress_completed {color: #F3F101; display: flex; gap: 4px; align-items: center; font-size: 14px;}
.upload_photo_checklist li {position: relative; padding-left: 28px; margin-bottom: 8px; color:#ffffff; text-transform: capitalize;}
.upload_photo_checklist li::before {content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background-image: url('/img/icon_check_light.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.onboarding_review_grid {display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:16px;}
.onboarding_review_stack {display:flex; flex-direction: column; gap:16px;}
.onboarding_status_card {width:min(480px, calc(100% - 32px)); margin:0 auto; border-radius: 16px; border: 1px solid #404040; background: #171717; padding: 24px; color:#ffffff; display:flex; flex-direction: column; gap:12px;}
.onboarding_status_warning {border-color: rgba(243, 241, 1, 0.45); background: rgba(243, 241, 1, 0.08);}
.onboarding_status_meta {color:#f7f7f7; font-size: 14px;}
.onboarding_measurement_control {display: flex; gap:16px;}
.onboarding_measurement_control input {width:auto; flex: 1 1 0; min-width: 0;}
.onboarding_measurement_control select {width:auto; flex: 0 0 88px; min-width: 88px;}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {color: #ffffff; background-color: #404040}

@media (max-width: 900px) {
    [data-cky-tag="revisit-consent"].cky-btn-revisit-wrapper {display:none !important;}
    .onboarding .form_container > select {appearance:auto; -webkit-appearance:menulist; -moz-appearance:auto; background-image:none;}
    .onboarding_two_col,
    .onboarding_review_grid,
    .onboarding_photo_row {grid-template-columns: 1fr; display:flex; flex-direction: column; align-items: stretch;}
    .onboarding_navigation {flex-direction: column; align-items: stretch;}
    .onboarding_nav_actions {justify-content: space-between;}
    .onboarding_photo_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .fun_facts_input {font-size:16px;}
    .settings_page_content {position:relative; flex-direction:row; align-items:stretch;}
    .settings .pg_menu_left {width:56px; min-height:calc(100vh - 72px); flex:0 0 56px; padding:16px 8px !important; border-right:1px solid #262626; border-bottom:0; overflow:hidden; background:#0a0a0a; z-index:20; transition:width 0.24s ease, box-shadow 0.24s ease;}
    .settings .pg_menu_left.settings_menu_expanded {position:absolute; inset:0 auto 0 0; width:min(280px, calc(100vw - 24px)); overflow-y:auto; box-shadow:16px 0 32px rgba(0, 0, 0, 0.45);}
    .settings_sidebar_toggle {width:40px; height:40px; margin:0 0 16px; padding:0; display:flex; align-items:center; justify-content:center; border:1px solid #404040; border-radius:6px; background:#171717; color:#ffffff;}
    .settings_sidebar_toggle:hover {background:#262626;}
    .settings_menu_collapsed .progress_completed > span,
    .settings_menu_collapsed .settings_menu_link > span:not(.menu_settings_icon) {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}
    .settings_menu_collapsed .progress_completed {width:40px; overflow:hidden;}
    .settings_menu_collapsed .settings_menu_link {width:40px; padding:8px 10px; justify-content:center;}
    .settings_menu_collapsed .settings_player_dropdown {padding-left:0;}
    .settings_menu_collapsed .settings_player_menu_chevron {display:none;}
    .settings_menu_collapsed .menu_settings_user li::after {display:none;}
    .settings .pg_content_right {min-width:0;}
    .settings_content_shell {width: 100%;}
}

@media (max-width: 640px) {
    .notification_settings_page h1 {font-size:28px;}
    .notification_settings_section_header {align-items:flex-start; flex-direction:column;}
    .notification_inbox_item {grid-template-columns:1fr; gap:12px;}
    .notification_inbox_actions {justify-content:flex-end;}
    .notification_preference_row {grid-template-columns:1fr; gap:12px;}
    .notification_preference_channels {justify-content:space-between; gap:12px;}
    .onboarding_photo_grid {grid-template-columns: 1fr 1fr;}
    .fun_facts_item {aspect-ratio: 2 / 1;}
}


/* swiper */

swiper-container {width: 100%; height: 100%;}
swiper-slide { text-align: center; background: #262626; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; gap:16px; padding: 16px; }



.secondary-column {width: 330px; padding: 16px; box-sizing: border-box;}
.secondary-column .team, .secondary-column .score-hour {font-size: 12px; color:#ffffff;}
.team.away-team {flex-direction: row-reverse;}
.secondary-column .day {text-transform: uppercase;}

.home-subscription-overlay {position: fixed; inset: 0; background: rgba(10, 10, 10, 0.78); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: center; padding: 24px; z-index: 2000;}
.home-subscription-dialog {width: min(1040px, 100%); min-height: 620px; border: 1px solid #404040; border-radius: 24px; overflow: hidden; display: flex; background: #111111; box-shadow: 0 32px 80px rgba(0,0,0,0.45);}
.home-subscription-close {position: absolute; top: 24px; left: 24px; border: 0;}
.home-subscription-content {width: 62%; padding: 104px 32px 32px; display: flex; flex-direction: column; gap: 24px;}
.home-subscription-subtitle {font-size: 15px; color: #f7f7f7; max-width: 460px;}
.home-subscription-status {padding: 20px; border: 1px solid #262626; color: #ffffff;}
.home-subscription-status-plan {margin-top: 8px; color: #03FFA3; font-size: 14px;}
.subscription_item {border: 1px solid #2d2d2d; background: #171717; color:#ffffff; text-align: left; transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;}
.subscription_item:hover {border-color: #4f4f4f; background: #1b1b1b; transform: translateY(-1px);}
.subscription_item.selected {border-color: #03FFA3; background: rgba(3,255,163,0.08);}
.subscription_item .subscription_details {font-size: 14px; color: #f7f7f7; line-height: 1.4;}
.subscription_item .subscription_price {font-size: 14px; color: #ffffff;}

.wishlist_menu {display:flex; align-items: center; justify-content: space-between; gap:16px; width:100%; border-bottom: 1px solid #262626;}
.wishlist_filters {display:flex; align-items: center; justify-content: space-between; gap:16px; width:100%;}
.wishlist_filters .search-input {padding-left:40px;}
.wishlist_filters .form_container select {width:150px;}
.wishlist_content, .wishlist_menu {padding-right:24px; padding-left:56px;}
.wishlist_player_cards {width:100%; display:flex; flex-wrap: wrap; column-gap:24px; row-gap:40px;}
.wishlist_player_card {width:auto;}
.wishlist_player_card_content {width: calc((1120px - 4 * 24px) / 5); background-color: #171717; border:1px solid #262626; border-radius: 8px; overflow:hidden; display:flex; flex-direction: column;}
.wishlist_player_card_img {width:100%; aspect-ratio: 1/1; background-repeat: no-repeat!important; background-position: center!important; background-size: cover!important; background-color:#262626; position:relative;}
.wishlist_player_card_menu {position:absolute; top:8px; right:8px; display:flex; gap:8px; flex-direction: column; z-index:1; width:auto; height:auto; border:0; background:transparent;}
.wishlist_player_card_menu .open_menu {position:absolute; top:8px; right:8px; width:auto; padding:8px; background-color:#171717; border-radius: 16px; z-index:9;}
.wishlist_player_card .player_name {color:#ffffff;}
.wishlist_player_card .player_info {font-size: 14px;}
.wishlist .fi {width:24px; height:18px;}
.wishlist.overlayer {width:1024px;}
.wishlist .pg-player-info-left, .wishlist .pg-player-info-right {width:500px;}
.wishlist .player-info-section, .wishlist .secondary-header {background-color: #262626;}
.wishlist .player-info-section {flex-direction:column; padding:0;}
.wishlist .player-info-section .section-content {display:block; padding:24px;}
.wishlist .pg_nav_close {position: absolute; top:23px; right:16px;}
.wishlist .player-footages {display:flex; gap:16px; flex-wrap: wrap; justify-content:center;}
.wishlist .player-footages .photo-footage-item {border-radius: 8px; overflow:hidden;}

.coach_wishlist_page_shell {width:min(1100px, 100%);}
.coach_wishlist_header {display:flex; justify-content: space-between; align-items:flex-start; gap:24px; flex-wrap:wrap;}
.coach_wishlist_subtitle {color:#f7f7f7; max-width:560px;}
.coach_wishlist_tabs {display:flex; gap:4px; flex-wrap:wrap;}
.coach_wishlist_menu_button {width:32px; height:32px; border-radius:16px; background:#171717; display:flex; align-items:center; justify-content:center; gap:3px;}
.coach_wishlist_menu_button span {width:4px; height:4px; border-radius:50%; background:#ffffff; display:block;}
.coach_wishlist_saved_badge {width:32px; height:32px; border-radius:16px; background:#171717; color:#03FFA3; display:flex; align-items:center; justify-content:center;}
.coach_wishlist_open_menu_panel {min-width:220px; border:1px solid #262626;}
.onboarding_overlay_shell .wishlist.overlayer {position:relative; z-index:1; max-height:calc(100vh - 48px); overflow-y:auto;}
.coach_wishlist_overlay_body {padding-top:24px;}
.coach_wishlist_tab_button {border:0; background:transparent; color:inherit; padding:0;}
.coach_wishlist_tab_button:hover {color:#ffffff;}
.coach_wishlist_filters {display:grid; grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(220px, 1fr)); gap:16px;}
.coach_wishlist_grid {display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:16px;}
.coach_wishlist_card {border:1px solid #2d2d2d; background:#171717; border-radius:16px; padding:20px; display:flex; flex-direction:column; gap:16px; position:relative;}
.coach_wishlist_card_head {display:flex; align-items:flex-start; justify-content:space-between; gap:16px;}
.coach_wishlist_player_meta {display:flex; gap:16px; min-width:0;}
.coach_wishlist_player_avatar {width:72px; height:72px; border-radius:20px; overflow:hidden; background:#262626; display:flex; align-items:center; justify-content:center; color:#ffffff; font-size:28px; font-family:"Space Grotesk", Arial, sans-serif; flex:0 0 72px;}
.coach_wishlist_player_avatar img {width:100%; height:100%; object-fit:cover;}
.coach_wishlist_player_text {min-width:0;}
.coach_wishlist_player_text h3 {margin:0;}
.coach_wishlist_player_subtitle {color:#f7f7f7; margin-top:6px;}
.wishlist_player_card_menu_shell {position:relative;}
.wishlist_player_card_menu {border-radius:20px; display:flex; align-items:center; justify-content:center; gap:3px;}
.wishlist_player_card_menu > .coach_wishlist_menu_button > span {width:4px; height:4px; border-radius:50%; color:#ffffff; display:block;}
.coach_wishlist_context_menu li::after {display:none;}
.coach_wishlist_context_menu li > button {width:100%; min-height:40px; padding:8px; border:0; background:transparent; color:inherit; display:flex; align-items:center; gap:10px; font-size:16px; line-height:20px; text-align:left;}
.coach_wishlist_context_menu .coach_wishlist_menu_icon {width:20px; height:20px; flex:0 0 20px; opacity:1; font-size:14px; line-height:20px;}
.coach_wishlist_context_menu .coach_wishlist_menu_icon svg {width:18px; height:18px; display:block;}
.coach_wishlist_open_menu {position:absolute; top:48px; right:0; min-width:220px; background:#171717; border:1px solid #404040; border-radius:12px; padding:8px; display:flex; flex-direction:column; gap:4px; z-index:50;}
.coach_wishlist_open_menu button {border:0; background:transparent; color:#ffffff; text-align:left; padding:10px 12px; border-radius:8px;}
.coach_wishlist_open_menu button:hover {background:#262626;}
.coach_wishlist_card_body {display:flex; flex-direction:column; gap:12px;}
.coach_wishlist_badges {display:flex; gap:8px; flex-wrap:wrap;}
.coach_wishlist_meta_muted {color:#737373;}
.coach_wishlist_details_row {display:flex; gap:16px; justify-content:space-between; flex-wrap:wrap; color:#f7f7f7; font-size:14px;}
.coach_wishlist_card_footer {display:flex; gap:12px; flex-wrap:wrap;}
.coach_wishlist_action {display:inline-flex; align-items:center; gap:8px; background:#262626; color:#ffffff; border:1px solid #404040;}
.coach_wishlist_action.active {background:#f3f101; color:#0a0a0a; border-color:#f3f101;}
.coach_wishlist_empty_state {padding:32px; border:1px dashed #404040; border-radius:16px; color:#f7f7f7; text-align:center;}
.coach_wishlist_overlay_shell {position:fixed; inset:0; z-index:2200; display:flex; align-items:center; justify-content:center; padding:16px;}
.coach_wishlist_overlay_panel {position:relative; width:min(1180px, calc(100% - 32px)); max-height:calc(100vh - 32px); overflow:auto; border-radius:24px; background:#111111; border:1px solid #404040; z-index:1;}
.coach_wishlist_overlay_header {padding:24px; border-bottom:1px solid #262626;}
.coach_wishlist_overlay_avatar {width:120px; height:120px; border-radius:28px; background:#262626; overflow:hidden; display:flex; align-items:center; justify-content:center; color:#ffffff; font-size:40px;}
.coach_wishlist_overlay_avatar img {width:100%; height:100%; object-fit:cover;}
.coach_wishlist_overlay_tabs {display:flex; gap:8px; list-style:none; padding:0; margin:24px 0 0 0;}
.coach_wishlist_overlay_tabs li {margin:0;}
.coach_wishlist_overlay_tabs button {border:0; background:#262626; color:#f7f7f7; padding:10px 16px; border-radius:999px;}
.coach_wishlist_overlay_tabs li.active button {background:#f5f5f5; color:#0a0a0a;}
.coach_wishlist_overlay_content {padding:24px;}
.coach_wishlist_history_item:last-child .hr {display:none;}
.coach_wishlist_fun_facts {margin:0; display:flex; flex-direction:column; gap:8px;}
.coach_wishlist_footages_shell {display:flex; flex-direction:column; gap:24px;}
.coach_wishlist_photo_grid {display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:12px; width:100%;}
.coach_wishlist_photo_item {background:#171717; border:1px solid #404040; border-radius:12px; overflow:hidden; aspect-ratio:1/1;}
.coach_wishlist_photo_item img {width:100%; height:100%; object-fit:cover; display:block;}
.coach_wishlist_video_links_section {width:100%;}
.coach_wishlist_video_links {margin:0; padding-left:18px; display:flex; flex-direction:column; gap:8px;}
.coach_wishlist_video_links a {color:#df41a7; word-break:break-word;}
.coach_wishlist_empty_block {padding:24px; border:1px dashed #404040; border-radius:12px; color:#f7f7f7; grid-column:1/-1;}

@media (max-width: 1100px) {
    .coach_wishlist_filters {grid-template-columns: 1fr 1fr;}
    .coach_wishlist_grid {grid-template-columns: 1fr;}
    .wishlist_player_card_content {width: calc((100% - 24px) / 2);}
    .wishlist_player_cards {width:100%; margin-right:0; justify-content:center;}
}

@media (max-width: 640px) {
    .coach_wishlist_filters {grid-template-columns: 1fr;}
    .coach_wishlist_card_footer {flex-direction:column;}
    .coach_wishlist_photo_grid {grid-template-columns: 1fr 1fr;}
    .coach_wishlist_overlay_panel {width:calc(100% - 16px); max-height:calc(100vh - 16px);}
    .wishlist_content, .wishlist_menu {padding-right:0; padding-left:0;}
    .wishlist_filters {flex-direction:column; align-items:stretch;}
    .wishlist_filters > .d-flex {width:100%; gap:16px;}
    .wishlist_filters .form_container select {width: 100%;}
    .wishlist_filters .form_container {width:100%;}
    .wishlist_player_cards {width:100%; justify-content:center;}
    .wishlist_player_card_content {width:min(100%, 320px);}
    .wishlist.overlayer {width:calc(100vw - 20px);}
    .wishlist .pg-player-info-left, .wishlist .pg-player-info-right {width:100%;}
    .wishlist_player_card {width: 46%;}
}
.ewrc_checkbox {width: 18px; height: 18px; accent-color: #03FFA3;}
.home-subscription-benefits {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px;}
.home-subscription-benefits li {position: relative; padding-left: 18px; color: #d4d4d4; font-size: 14px;}
.home-subscription-benefits li::before {content: ''; position: absolute; top: 7px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #03FFA3;}
.home-subscription-error {color: #F87171; font-size: 14px;}
.home-subscription-actions {margin-bottom: 0;}
.home-subscription-actions .btn[disabled] {opacity: 0.65; cursor: not-allowed;}
.home-subscription-art {width: 38%; background: radial-gradient(circle at top, rgba(3,255,163,0.28), transparent 42%), linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0)), url(/img/bg-asset.svg) no-repeat center; background-size: cover; border-left: 1px solid #262626;}




/* Fantasy League */

:root {
    --card-width: 14vh;
    --card-height: 18.38vh;
    --card-third-row-bottom: 58vh;
    --card-second-row-bottom: 34vh;
    --card-first-row-bottom: 10vh;
    --ref-screen-size-fantasy-league: 100vw;
    --bg-hooker: #70FFCC;
    --bg-lock: #F87171;
    --bg-prop: #70FFCC;
    --bg-fly-half: #F0FB1E;
    --bg-number-8: #70FFCC;
    --bg-flanker: #F0FB1E;
    --bg-scrum-half: #F87171;
    --bg-centre: #70FFCC;
    --bg-full-back: #F0FB1E;
}

@media (min-width: 1441px) {
    :root {
        --ref-screen-size-fantasy-league: 1440px;
    }

}

.fantasy_league .logo_wordmark {width:182px; background: url(/img/logo-fantasy-light.png) no-repeat; }
.fantasy_league .pg_menu_left {width:104px; border-right:1px solid #262626; box-sizing: border-box; padding-top:32px;}
.fantasy_league .pg_content_right {width: calc(var(--ref-screen-size-fantasy-league) - 104px); height: calc(100vh - 72px); padding: 32px; box-sizing: border-box; position:relative;}

.field {width:calc(var(--ref-screen-size-fantasy-league) * 0.75); height:75vh; background: url(/img/field.svg) no-repeat; background-size: 100% 100%; position: absolute; left: calc((var(--ref-screen-size-fantasy-league) - calc(var(--ref-screen-size-fantasy-league) * 0.75) - 104px) / 2);top: calc((100vh - 75vh - 72px) / 2);}
.card-player {display: block; width: var(--card-width); position:absolute; }
.card-image {display: flex; width: var(--card-width); height: var(--card-height); border: 3px solid #DDDDDD; border-radius: 12px; background-size:100% auto!important; background-color: #404040!important; justify-content: center; align-items: center; box-sizing: border-box; position:relative; overflow:hidden;}
.card-image .overlayer {position: absolute; top:0; left:0; width:100%; height:100%; background:url(/img/card_overlayer.svg?2) no-repeat; background-size: 100% 100%;}
.card-player.hooker {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 - calc(var(--ref-screen-size-fantasy-league) * 0.17)); bottom:var(--card-third-row-bottom);}
.card-player.lock {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2); bottom:var(--card-third-row-bottom);}
.card-player.prop {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 + calc(var(--ref-screen-size-fantasy-league) * 0.17)); bottom:var(--card-third-row-bottom);}

.card-player.fly-half {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 - calc(var(--ref-screen-size-fantasy-league) * 0.25)); bottom: calc(var(--card-second-row-bottom) - 5vh);}
.card-player.number-8 {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 - calc(var(--ref-screen-size-fantasy-league) * 0.08)); bottom:var(--card-second-row-bottom);}
.card-player.flanker {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 + calc(var(--ref-screen-size-fantasy-league) * 0.08)); bottom:var(--card-second-row-bottom);}
.card-player.scrum-half {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 + calc(var(--ref-screen-size-fantasy-league) * 0.25)); bottom: calc(var(--card-second-row-bottom) - 5vh);}

.card-player.centre {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 - calc(var(--ref-screen-size-fantasy-league) * 0.1)); bottom:var(--card-first-row-bottom);}
.card-player.full-back {left: calc((var(--ref-screen-size-fantasy-league) - var(--card-width) - 104px) / 2 + calc(var(--ref-screen-size-fantasy-league) * 0.1)); bottom:var(--card-first-row-bottom);}

.card-player.player .add_player {display: none;}
.card-player:not(.player) .overlayer { display: none; }

.fantasy_league .player-number {border: 1px solid; border-radius: 20px; padding: 3px 5px; text-transform: uppercase; font-size: 12px; line-height: 1; font-family: Geist, Arial, san-serif; color:#333333;}
.bg-hooker {background-color: var(--bg-hooker);}
.bg-lock {background-color: var(--bg-lock);}
.bg-prop {background-color: var(--bg-prop);}
.bg-fly-half {background-color: var(--bg-fly-half);}
.bg-number-8 {background-color: var(--bg-number-8);}
.bg-flanker {background-color: var(--bg-flanker);}
.bg-scrum-half {background-color: var(--bg-scrum-half);}
.bg-centre {background-color: var(--bg-centre);}
.bg-full-back {background-color: var(--bg-full-back);}
.fantasy_league .player-position {font-size: 12px; text-transform: uppercase;}

.city_team_number {font-size: 0.5vh; color:#555555; line-height:1; text-decoration: none; position:absolute; top:0.25vh; right:0.5vh; }
.city_team_number .team-name {font-size:0.9vh; font-weight: 600; color:#000000;}
.city_team_number .number {font-size: 1.5vh; font-weight:600; color:#000000;}
.city_team_number .number span {font-size: 0.5vh; color:#555555; line-height: 1;}

.name_position {text-decoration: none; position:absolute; bottom:0.5vh; left:2vh; width: 100%; }
.name_position .player-position {font-size:0.7vh; color:#555555; line-height: 1;}
.name_position .player-name {font-size:1.1vh; color:#000000; line-height: 1;}

.fantasy-menu-item {width:80px; height:80px; border-radius: 8px; color: #f7f7f7; display: flex; justify-content: center; align-items: center; flex-direction: column; gap:4px;}
.fantasy-menu-item.selected, .fantasy-menu-item:hover {background-color: #262626; color: #FFFFFF;}
.fantasy-menu-label {font-size: 12px; color:#f7f7f7;}
.fantasy-menu-icon {color:#f7f7f7;}
.fantasy-menu-item:hover .fantasy-menu-icon, .fantasy-menu-item:hover .fantasy-menu-label {color:#FFFFFF;}
.fantasy-menu-item.selected .fantasy-menu-icon, .fantasy-menu-item.selected .fantasy-menu-label {color:#FFFFFF;}
.fantasy-team-constrains {width:240px; position:absolute; left:32px; top:90px; background-color: #171717; color: #f7f7f7; border: 1px solid #262626; border-radius: 8px; padding:16px; display: flex; flex-direction: column; gap:8px; font-weight: 300;}
.fantasy-team-constrains .constrains-item {display: flex; justify-content: space-between; align-items: center;}
.fantasy-team-constrains .constrains-value {color: #ffffff;}

/* Palyer profile page */
.content.player-profile .page_content {padding-top:16px;}
.pg-player-profile {width:1024px;}
.pg-player-profile {width:1024px;}
.secondary-header {padding: 24px 24px 0 24px; display: flex; flex-direction: column; gap:16px; border-radius: 16px; background: rgb(86,206,235,0.4); position:relative;}
.secondary-header .btn-actions {position: absolute; bottom:20px; right:16px; z-index:9; display: inline-flex; gap:8px; align-items: center; }
.secondary-header .btn-action { border-radius: 12px; background-color:#717171; color:#000000; padding: 0 10px; height:24px; font-size: 12px; border-width:0; text-wrap:nowrap;}
.player-profile .secondary-header .btn-action, .pg-player-team-profile .secondary-header .btn-action {position: absolute; bottom:20px; right:16px; display:flex; align-items:center;}
.secondary-header .btn-action.active, .secondary-header .btn-action:hover {background-color:#FFFFFF;}
.player-image {width:80px; height: 80px; background-size:200%!important; background-position: top 10% center!important; border-radius: 40px;}
.pg-player-profile button.player-image {border:0; padding:0; cursor:pointer; flex-shrink:0;}
.team-logo {width:20px; height:20px;}
.team-name {color:#FFFFFF; font-weight: 300;}
.player-info {display: flex; gap:16px; align-items: center;}
.player-team {display: flex; gap:8px; margin-top:8px; align-items: center;}
.player-team:hover .team-name {text-decoration: underline;}
.pg-player-profile {display: flex; flex-direction: column; gap:24px;}
.pg-player-info {display: flex; justify-content: space-between;}
.pg-player-info-left {width: 628px; display: flex; flex-direction: column; gap:16px;}
.pg-player-info-right {width: 380px; display: flex; flex-direction: column; gap:16px;}
.player-info-section {border-radius: 12px; background: #171717; display: flex; padding: 16px;}
.player-info-section .section-half {width:50%;}
.player-info-section .section-half:first-of-type {padding-right:16px;}
.player-info-section .section-half:last-of-type {padding-left:16px;}
.player-info-section .section-half.info {display: flex; flex-direction: column; gap:32px;}
.player-info-section .section-half.info .data-row {display: flex;}
.player-info-section .section-half.position {display: flex; flex-direction: column; gap:32px;}
.player-info-section .section-half.info .data-row div {width:50%; display:flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff;}
.player-info-section .section-half.info .data-row div span {font-weight: 300; font-size: 12px; color: #737373;}
.player-info-section .section-half.position .data-row div {width:50%; display:flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff;}
.player-info-section .section-half.position .data-row div span {font-weight: 300; font-size: 12px; color: #737373;}
.player-profile-menu {display: flex; gap:40px;}
.player-profile-menu li {padding-bottom: 8px; box-sizing: border-box; color: #f7f7f7;}
.player-profile-menu li.active {border-bottom: 3px solid #df41a7; color: #df41a7;}
.player-profile-menu li a {text-decoration: none;  color: #f7f7f7;}
.player-profile-menu li a:hover {padding-bottom: 8px; box-sizing: border-box; border-bottom: 3px solid #df41a7; color: #df41a7;}
.player-profile-menu li.active a {color:#df41a7;}
.player-profile .player-profile-details {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px;}
.player-profile-details div {min-width:0; overflow-wrap:anywhere;}
.player-profile-details span {display:block; font-size:12px; color:#f7f7f7; margin-bottom:6px;}
.player-profile-details p {margin:0; white-space:pre-wrap;}
.player-profile-facts {flex-direction:column; padding:0;}
.player-profile-facts .section-content {padding:16px 24px; gap:8px; margin:0; overflow-wrap:anywhere;}
.player-career-history {flex-direction:column; padding:0; min-width:0;}
.player-career-history .section-content {padding:0 16px; gap:0;}
.player-career-entry {padding:20px 0; border-bottom:1px solid #262626; overflow-wrap:anywhere;}
.player-career-entry:last-child {border-bottom:0;}
.player-career-entry h2 {font-size:18px; margin:0 0 12px;}
.player-career-meta, .player-career-positions {display:flex; flex-wrap:wrap; gap:8px 16px; color:#f7f7f7; font-size:14px;}
.player-career-positions {margin-top:12px; color:#fff;}
.player-footage-content {display:flex; flex-direction:column; gap:24px; min-width:0;}
.player-profile .player-footages {display:flex; gap:16px; flex-wrap:wrap; justify-content:center;}
.player-footage-video {width:320px; max-width:100%; height:180px; background:#171717; overflow:hidden; border-radius:8px;}
.player-footage-video iframe, .player-footage-video button {display:block; width:100%; height:100%; border:0;}
.player-footage-video button {background-color:#171717; background-size:cover; background-position:center; color:#fff; cursor:pointer;}
.player-footage-video button svg {box-sizing:content-box; padding:10px; border-radius:50%; background:#121212d9;}
.player-profile .photo-footage-item, .wishlist .photo-footage-item {overflow:hidden; border:0; padding:0; max-width:100%; cursor:pointer; border-radius:8px; background:#171717;}
.player-profile .photo-footage-item img, .wishlist .photo-footage-item img {display:block; width:auto; max-width:100%; height:180px; object-fit:contain;}
.player-footage-links {flex-direction:column; padding:0; min-width:0;}
.player-footage-links h2.section-top {margin:0; font-size:16px; font-weight:500;}
.player-footage-links .section-content {padding:16px 24px; margin:0; gap:12px; overflow-wrap:anywhere;}
.player-info-section.stats {padding: 0px; flex-direction: column;}
.player-info-section .section-top {display: flex; gap:8px; align-items: center; padding: 16px; border-bottom:1px solid #262626; box-sizing: border-box; color:#FFFFFF;}
.player-info-section .section-top span {font-size: 12px; font-weight: 300; color: #737373;}
.player-info-section .section-content {padding:16px; display: flex; flex-direction: column; gap:32px;}
.player-info-section .section-content .data-row {display: flex;}
.player-info-section .section-content .data-row div {width:25%; display:flex; flex-direction: column; justify-content: center; align-items: center; color: #ffffff;}
.player-info-section .section-content .data-row div span {font-weight: 300; font-size: 12px; color: #737373;}
.player-info-section.season-performance-comparative .section-content {padding:16px; border-bottom: 1px solid #262626;}
.player-info-section.season-performance-comparative .section-content:last-of-type {border-bottom: 0px;}
.player-info-section.season-performance-comparative .section-content div.metric-value {width: 15%;}
.player-info-section.season-performance-comparative .section-content div.metric-bars {width: 60%; }
.player-info-section.season-performance-comparative .section-content div.metric-bars .bar {width:100%; border-radius:2px; height:8px; background: #404040; position: relative;}
.player-info-section.season-performance-comparative .section-content div.metric-bars .bar span {border-radius:2px; height:8px; position: absolute; top:0; left:0;}
.player-info-section.season-performance-comparative .section-content .data-row div.metric-name {align-items: flex-start;}
.color-bad {background-color: #F87171}
.color-warning {background-color: #F3F101}
.color-good {background-color: #03FFA3}

/*
.player-info-section.sidebar-item {flex-direction: column; gap:16px; border-radius: 12px; background: #171717; display: flex; padding: 16px;}
.player-info-section .sidebar-title {font-size: 16px; font-weight: 500; color: #ffffff; margin: 0;}
.player-info-section .news-list {display: flex; flex-direction: column; gap:16px;}
.player-info-section .news-list .news-item {display: flex; gap:8px; align-items: center; text-decoration: none;}
.player-info-section .news-list .news-item .news-image {width: 80px; height: 80px; background-size: cover; background-position: center; border-radius: 8px; flex-shrink: 0;}
.player-info-section .news-list .news-item .news-content {display: flex; flex-direction: column; gap:4px;}
.player-info-section .news-list .news-item .news-content .news-title {font-family: Geist, Arial, sans-serif; font-size: 14px; color:#ffffff;}
.player-info-section .news-list .news-item .news-content .news-time {font-family: Geist, Arial, sans-serif; font-size: 12px; color:#f7f7f7;}

.player-info-section .feed-list {display: flex; flex-direction: column; gap:16px;}
.player-info-section .feed-item {display: flex; gap:8px; text-decoration: none;}
.player-info-section .feed-item .avatar {width:32px; height:32px; flex-shrink:0; border-radius: 16px; background-color: #EFAEFF; font-family: Geist, Arial, sans-serif; font-size: 14px; color:#0A0A0A; display: flex; align-items: center; justify-content: center;}
.player-info-section .feed-item .avatar.image {background-repeat: no-repeat; background-size: cover; background-position: center;}
.player-info-section .feed-item .feed-item-content {display: flex; flex-direction: column; gap:4px; min-width: 0;}
.player-info-section .feed-item .feed-item-content .feed-user-time {display: flex; gap:8px; align-items: center;}
.player-info-section .feed-item .feed-item-content .feed-user-time .user_name {font-family: Geist, Arial, sans-serif; font-size: 14px; color: #EFAEFF;}
.player-info-section .feed-item .feed-item-content .feed-user-time .post-time {font-family: Geist, Arial, sans-serif; font-size: 12px; color:#f7f7f7;}
.player-info-section .feed-item .feed-item-content .feed-post-content {font-family: Geist, Arial, sans-serif; font-size: 13px; color:#ffffff;}
*/
.content.team-profile .page_content {padding-top:16px; width: 1024px; margin: auto;}
.country-name {color:#FFFFFF; font-weight: 300;}
.player-team-info {display: flex; gap:16px; align-items: center;}
.player-team-image {width:80px; height:80px; flex-shrink:0; background-repeat:no-repeat!important; background-size:200%!important; background-position:top 10% center!important; border-radius:40px;}
.team-profile-logo {width:80px; height:80px; object-fit: contain; }
.pg-player-team-profile {display: flex; flex-direction: column; gap:24px; width:100%;}
.pg-player-team-info {display: flex; justify-content: space-between;}
.team-info-section {border-radius: 12px; background: #171717; display: flex; padding: 16px; width:100%}
.player-team-profile-menu {display: flex; gap:40px;}
.player-team-profile-menu li {padding-bottom: 16px; box-sizing: border-box; color: #f7f7f7;}
.player-team-profile-menu li.active {border-bottom: 2px solid #FFFFFF; color: #FFFFFF;}
.player-team-profile-menu li a {text-decoration: none; color: #f7f7f7;}
.player-team-profile-menu li a:hover {padding-bottom: 16px; box-sizing: border-box; border-bottom: 2px solid #FFFFFF; color: #FFFFFF;}
.team-info-section .section-content {display: flex; flex-direction: column; width:100%}
.team-info-section .section-content .data-row {display: flex; font-weight:300; color:#ffffff; border-bottom: 1px solid #262626; padding: 12px 0; align-items: center;}
.team-info-section .section-content .data-row.header {font-weight:500;}
.team-info-section .section-content .data-row div.player-name {width:55%; display: flex; gap:8px; align-items: center; min-width:150px;}
.team-info-section .section-content .data-row div.player-position {width:10%; text-align: center; min-width:60px;}
.team-info-section .section-content .data-row div.player-number {width:10%; text-align: center; min-width:60px;}
.team-info-section .section-content .data-row div.player-age {width:10%; text-align: center; min-width:60px;}
.team-info-section .section-content .data-row div.player-country {width:15%; text-align: center; min-width:80px;}
.player-thumbnail {display:block; background-repeat: no-repeat!important; width:32px; height: 32px; background-size:200%!important; background-position: top 10% center!important; border-radius: 4px;}

.sidebar-item .sidebar-title {font-size: 16px; font-weight: 500; color: #ffffff; margin: 0;}
.sidebar-item .news-list {display: flex; flex-direction: column; gap:16px;}
.sidebar-item .news-item {display: flex; gap:8px; align-items: center; text-decoration: none;}
.sidebar-item .news-item .news-image {width: 80px; height: 80px; background-size: cover!important; background-position: center!important; border-radius: 8px; flex-shrink: 0;}
.sidebar-item .news-item .news-content {display: flex; flex-direction: column; gap:4px; min-width: 0; flex: 1;}
.sidebar-item .news-item .news-content .news-title {font-family: Geist, Arial, sans-serif; font-size: 14px; color:#ffffff; line-height: 1.3; overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sidebar-item .news-item .news-content .news-time {font-family: Geist, Arial, sans-serif; font-size: 12px; color:#f7f7f7;}
.sidebar-item {display:flex; flex-direction: column; gap:16px;}
.sidebar-item .feed-list {display: flex; flex-direction: column; gap:16px;}
.sidebar-item .feed-item {display: flex; gap:8px;}
.sidebar-item .feed-item .feed-item-content .post-time {font-family: Geist, Arial, sans-serif; font-size: 12px; color:#f7f7f7;}
.sidebar-item .feed-item .feed-item-content .post-image {width:100%; margin-top: 16px;}
.sidebar-item .feed-item .feed-item-content .post-image img {width:100%; border-radius: 16px; overflow: hidden;}
.sidebar-loading-line {height:12px; width:100%; border-radius:4px; background-color:rgba(255,255,255,0.08);}
.sidebar-loading-line-title {height:16px; width:60%;}
.sidebar-loading-line-short {width:68%;}
.sidebar-news-loading {display:flex; gap:8px; align-items:center;}
.sidebar-news-loading-image {width:80px; height:80px; flex-shrink:0; border-radius:8px; background-color:rgba(255,255,255,0.08);}
.sidebar-news-loading-copy {display:flex; flex:1; flex-direction:column; gap:10px;}


/* ═══ Community Feed ═══ */

.community .page_content {display: flex; height: calc(100vh - 130px); overflow-y: hidden;}
.community .menu_left {width:280px; flex-shrink: 0; display:flex; flex-direction: column; gap:40px; border-right: 1px solid #262626; box-sizing: border-box; padding: 40px 16px; height: calc(100vh - 130px); background-color: rgb(255, 255, 255, 0.04); overflow-y: auto;}
.community .community_container {width: 100%; padding: 16px; box-sizing: border-box;}
.community .sidebar {width:280px; flex-shrink: 0; display:flex; flex-direction: column; gap:40px; border-left: 1px solid #262626; box-sizing: border-box; padding: 40px 16px; height: calc(100vh - 130px); overflow-y: auto;}
.community .feed {display: flex; flex-direction: column; gap:32px; width: calc(100% - 240px); margin:auto;}
.community .feed:has(> .fan-chat-container--inline-replies) {width:calc(100% - 240px); min-width:min(100%, 265px);}
@media (min-width: 576px) and (max-width: 1199px) {
    .community .sidebar {display:none !important;}
    .community .community_container {min-width:0; flex:1;}
    .community .feed, .community .feed:has(> .fan-chat-container--inline-replies) {width:100%; max-width:680px;}
}
.community .feed_input {display: flex; align-items: center; gap:16px; padding: 16px; background-color: #171717; border-radius: 16px; border: 1px solid #262626; font-family: Space Grotesk, Arial, sans-serif; font-size: 18px; cursor:pointer;}
.community .feed_input_text, .community .feed_input_textarea {width:100%; background: transparent; border: none; outline: none; color:#ffffff;}
.community .btn_add {background: transparent;}
.community .feed_item {display: flex; gap:16px; border-bottom: 1px solid #262626; padding-bottom: 16px;}
.community .messages-list-item.feed_item {border-bottom: 0px;}
.community .feed_item:last-of-type {border-bottom: 0px;}
.community .avatar, .sidebar-item .avatar {width:32px; height:32px; flex-shrink:0; border-radius: 16px; background-color: #EFAEFF; font-family: Geist, Arial, sans-serif; font-size: 14px; color:#0A0A0A; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.community .avatar.image, .sidebar-item .avatar.image {background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important;}
.community .avatar.avatar-team {border-radius: 0; background-color: transparent;}
.community .feed_user_time {display:flex; gap:16px; align-items:center;}
.community .feed_user_time:has(.post_author_target) {flex-wrap:wrap; gap:4px 12px;}
.community .feed_user_time .post_author_target {display:inline-flex; align-items:center; gap:4px; min-width:0; max-width:100%;}
.community .feed_user_time .post_author_target .user_name {min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:700}
.community .feed_user_time .post_target_arrow {flex-shrink:0; color:#888;}
.community .feed_user_time .user_name.avatar_image, .community .comment-header .user_name.avatar_image {color:#ffffff;}
.community .feed_user_time .user_name, .community .comment-header .user_name {color:#FFFFFF; text-decoration:none;}
.community .feed_user_time .post_follow_link, .community .comment-header .post_follow_link {border:0; background:none; padding:0; color:#EFAEFF; font:inherit; font-size:13px; cursor:pointer; text-align:left;}
.community .feed_user_time .post_follow_link:disabled, .community .comment-header .post_follow_link:disabled {color:#888; cursor:default;}
.community .feed_post_content {color:#ffffff; margin-top:8px;}
.community .feed_post_content.disabled {color:#888888; font-weight:300;}
.community .moderated-post-reason {margin-top:8px; font-size:13px; color:#999;}
.community .moderated-post-toggle {padding:0; border:0; background:none; font-family:inherit; line-height:inherit;}
.community .feed_item_content .translation-toggle,
.community .feed_item_content .delete-post-link {font-size:12px; color:#888; cursor:pointer; text-decoration:none;}
.community .feed_item_content .translation-toggle:hover,
.community .feed_item_content .delete-post-link:hover {color:#bbb;}
.community_dialog_backdrop {position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(0,0,0,.72);}
.community_dialog {width:min(520px,100%); border:1px solid #333; border-radius:8px; background:#151515; color:#f2f2f2; padding:24px; box-shadow:0 20px 60px rgba(0,0,0,.45);}
.community_dialog h2 {font-size:22px; margin:0 0 10px;}
.community_dialog p {font-size:14px; color:#aaa; margin:0 0 18px;}
.community_dialog label {display:block; font-size:13px; font-weight:600; margin-bottom:7px;}
.community_dialog textarea {width:100%; resize:vertical; border:1px solid #3a3a3a; border-radius:6px; background:#0d0d0d; color:#f2f2f2; padding:12px; line-height:1.45;}
.community_dialog textarea:focus {border-color:#777; outline:none;}
.community_dialog_error {margin-top:10px; color:#ef8f8f; font-size:13px;}
.community_dialog_actions {display:flex; justify-content:flex-end; gap:10px; margin-top:18px;}
.community_dialog_actions .btn-action {min-width:110px;}
.community_dialog_actions .btn-action.danger {border-color:#a33; color:#fff; background:#8b2626;}
.community_dialog_actions .btn-action:disabled {cursor:not-allowed; opacity:.55;}
.feed_permissions_settings {width:min(820px,100%);}
.feed_permissions_heading {display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid #2b2b2b;}
.feed_permissions_heading h1 {font-size:28px; margin:0 0 8px;}
.feed_permissions_heading p,
.feed_permissions_section p,
.feed_blocked_users_title p {color:#8f8f8f; margin:0; font-size:14px;}
.feed_permissions_section {display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px 0; border-bottom:1px solid #2b2b2b;}
.feed_permissions_section h2,
.feed_blocked_users h2 {font-size:18px; margin:0 0 6px;}
.feed_permission_switch {position:relative; flex:0 0 auto; width:48px; height:26px; margin:0; cursor:pointer;}
.feed_permission_switch input {position:absolute; width:1px; height:1px; opacity:0;}
.feed_permission_switch > span[aria-hidden="true"] {position:absolute; inset:0; border:1px solid #4a4a4a; border-radius:13px; background:#262626; transition:background .18s ease,border-color .18s ease;}
.feed_permission_switch > span[aria-hidden="true"]::after {content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:#bdbdbd; transition:transform .18s ease,background .18s ease;}
.feed_permission_switch input:checked + span {border-color:#d9d70c; background:#676607;}
.feed_permission_switch input:checked + span::after {transform:translateX(22px); background:#f3f101;}
.feed_permission_switch input:focus-visible + span {outline:2px solid #f3f101; outline-offset:3px;}
.feed_permission_switch input:disabled + span {cursor:not-allowed; opacity:.55;}
.feed_permission_select select {min-width:180px; height:42px; border:1px solid #4a4a4a; border-radius:6px; padding:0 36px 0 12px; background:#202020; color:#f2f2f2; font:inherit; cursor:pointer;}
.feed_permission_select select:focus-visible {outline:2px solid #f3f101; outline-offset:2px;}
.feed_permission_select select:disabled {cursor:not-allowed; opacity:.55;}
.feed_blocked_users {padding-top:28px;}
.feed_blocked_users_title {display:flex; align-items:flex-start; gap:12px; margin-bottom:18px;}
.feed_blocked_users_title > svg {color:#aaa; margin-top:1px;}
.feed_blocked_users ul {list-style:none; margin:0; padding:0; border-top:1px solid #2b2b2b;}
.feed_blocked_users li {display:flex; align-items:center; gap:14px; min-height:72px; border-bottom:1px solid #2b2b2b; padding:12px 0;}
.feed_blocked_avatar {display:flex; align-items:center; justify-content:center; flex:0 0 42px; width:42px; height:42px; border-radius:50%; background:#2d2d2d; color:#ddd; font-weight:700; background-position:center; background-size:cover;}
.feed_blocked_identity {display:flex; flex:1; min-width:0; flex-direction:column;}
.feed_blocked_identity strong {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.feed_blocked_identity span {color:#777; font-size:12px;}
.feed_unblock_button {display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid #3a3a3a; border-radius:6px; background:transparent; color:#aaa; cursor:pointer;}
.feed_unblock_button:hover {border-color:#777; color:#fff;}
.feed_unblock_button:disabled {cursor:not-allowed; opacity:.5;}
.feed_blocked_empty {color:#888; padding:18px 0; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b;}
.billing_settings {width:min(820px,100%);}
.billing_settings_heading {padding-bottom:24px; border-bottom:1px solid #2b2b2b;}
.billing_settings_heading h1 {font-size:28px; margin:0 0 8px;}
.billing_settings_heading p,
.billing_subscription_heading p,
.billing_history_heading p {color:#8f8f8f; margin:0; font-size:14px;}
.billing_subscription {padding:28px 0; border-bottom:1px solid #2b2b2b;}
.billing_subscription_heading {padding-bottom:20px;}
.billing_history_heading {padding:4px 0 20px;}
.billing_subscription_heading h2,
.billing_history_heading h2 {font-size:20px; margin:0 0 6px;}
.billing_subscription_summary {border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; padding:20px 0;}
.billing_subscription_summary + .billing_subscription_summary {border-top:0;}
.billing_subscription_name {display:flex; align-items:center; justify-content:space-between; gap:16px;}
.billing_subscription_name h2,
.billing_subscription_name h3 {font-size:20px; margin:0;}
.billing_subscription_actions {display:flex; align-items:center; gap:14px;}
.billing_subscription_cancel {border:0; padding:0; background:transparent; color:#f0ef45; font:inherit; font-size:13px; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.billing_subscription_cancel:hover {color:#fff;}
.billing_subscription_cancel:focus-visible {outline:2px solid #f3f101; outline-offset:4px; border-radius:2px;}
.billing_subscription_summary > p {margin:0; color:#8f8f8f; font-size:14px;}
.billing_subscription_summary > .billing_subscription_cancellation_notice {margin-top:16px; color:#d8d8d8;}
.billing_subscription_status {display:inline-flex; align-items:center; min-height:26px; padding:4px 9px; border:1px solid #4a4a4a; border-radius:13px; color:#d8d8d8; font-size:12px; font-weight:600;}
.billing_subscription_status.active,
.billing_subscription_status.trialing {border-color:rgba(0,240,181,.35); background:rgba(0,240,181,.08); color:#72e7ca;}
.billing_subscription_details {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin:22px 0 0;}
.billing_subscription_details div {min-width:0;}
.billing_subscription_details dt {margin-bottom:5px; color:#8f8f8f; font-size:12px; font-weight:600; text-transform:uppercase;}
.billing_subscription_details dd {margin:0; color:#f2f2f2; font-size:14px; overflow-wrap:anywhere;}
.billing_subscription_state {min-height:80px; margin:0; padding:22px 16px; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; color:#8f8f8f; text-align:center;}
.billing_subscription_state p {margin:0 0 16px;}
.billing_history_table_wrapper {width:100%; overflow-x:auto; border-top:1px solid #2b2b2b;}
.billing_history_table {width:100%; border-collapse:collapse; color:#f2f2f2;}
.billing_history_table th {padding:12px 16px; color:#8f8f8f; font-size:12px; font-weight:600; text-align:left; text-transform:uppercase;}
.billing_history_table td {padding:16px; border-top:1px solid #2b2b2b; font-size:14px; vertical-align:middle;}
.billing_invoice_id {font-family:monospace; color:#d8d8d8; overflow-wrap:anywhere;}
.billing_history_subscription {display:flex; flex-direction:column; gap:3px; overflow-wrap:anywhere;}
.billing_history_subscription small {color:#8f8f8f; font-size:11px;}
.billing_payment_status {display:inline-flex; align-items:center; min-height:26px; padding:4px 9px; border:1px solid #4a4a4a; border-radius:13px; font-size:12px; font-weight:600;}
.billing_payment_status.paid {border-color:rgba(0,240,181,.35); background:rgba(0,240,181,.08); color:#72e7ca;}
.billing_payment_status.unpaid {border-color:rgba(243,241,1,.35); background:rgba(243,241,1,.07); color:#f3f101;}
.billing_history_state {min-height:96px; margin:0; padding:28px 16px; border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; color:#8f8f8f; text-align:center;}
.billing_history_state p {margin:0 0 16px;}
.billing_history_pagination {display:flex; align-items:center; justify-content:flex-end; gap:12px; padding-top:16px; color:#f7f7f7; font-size:13px;}
.billing_history_pagination .settings_icon_button:disabled {cursor:not-allowed; opacity:.35;}
@media (max-width:767px) {
    .contact-page__topic-row {grid-template-columns:1fr;}
    .feed_permissions_section {align-items:flex-start; flex-direction:column; gap:16px;}
    .feed_permission_select,
    .feed_permission_select select {width:100%;}
    .feed_permissions_heading h1 {font-size:24px;}
    .billing_settings_heading h1 {font-size:24px;}
    .billing_subscription_name {align-items:flex-start; flex-direction:column;}
    .billing_subscription_actions {width:100%; justify-content:space-between;}
    .billing_subscription_details {grid-template-columns:repeat(2,minmax(0,1fr));}
    .billing_history_table_wrapper {overflow:visible; border-top:0;}
    .billing_history_table thead {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
    .billing_history_table,
    .billing_history_table tbody,
    .billing_history_table tr,
    .billing_history_table td {display:block; width:100%;}
    .billing_history_table tr {padding:12px 0; border-top:1px solid #2b2b2b;}
    .billing_history_table tr:last-child {border-bottom:1px solid #2b2b2b;}
    .billing_history_table td {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:7px 0; border:0; text-align:right;}
    .billing_history_table td::before {content:attr(data-label); color:#8f8f8f; font-size:12px; font-weight:600; text-transform:uppercase; text-align:left;}
    .billing_invoice_id {max-width:65%; text-align:right;}
    .billing_history_pagination {justify-content:center;}
}
.community .feed_item_actions {display: flex; gap:16px; margin-top: 8px; align-items: center;}
.community .feed_item_actions .like,
.community .feed_item_actions .comment,
.community .feed_item_actions .share,
.community .feed_item_actions .more-actions {display: flex; gap:4px; align-items: center; background:none; border:none; color:#f7f7f7; cursor:pointer; padding:0; font-size:14px;}
.community .feed_item_actions .more-actions:hover,
.community .feed_item_actions .more-actions.active {color:#ffffff;}
.community .feed_item_secondary_actions {display:flex; flex-wrap:wrap; gap:16px; margin-top:8px;}
.community a {text-decoration: none;}
.community .feed_item_actions .like.active .icon_like {fill:red; stroke:red;}
@media (hover:hover) and (pointer:fine) {
    .community .feed_item_actions .like:hover .icon_like {fill:red; stroke:red;}
}
.community .feed_item .post_image {width:100%; margin: 16px 0;}
.community .feed_item .post_image img {border-radius: 16px; border:1px solid #262626; overflow: hidden; width: 100%;}
.community .post_image_gallery_trigger {display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; text-align:left;}
.community .post_media_grid {display:grid; width:100%; aspect-ratio:1; gap:1px; margin:16px 0; overflow:hidden; border-radius:16px; background:#262626;}
.community .post_media_grid--two-vertical {grid-template-columns:repeat(2, minmax(0, 1fr)); aspect-ratio:4/3;}
.community .post_media_grid--two-horizontal {grid-template-rows:repeat(2, minmax(0, 1fr));}
.community .post_media_grid--three-top {grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:2fr 1fr;}
.community .post_media_grid--three-left {grid-template-columns:repeat(2, minmax(0, 1fr)); grid-template-rows:repeat(2, minmax(0, 1fr));}
.community .post_media_grid--four {grid-template-columns:repeat(3, minmax(0, 1fr)); grid-template-rows:2fr 1fr;}
.community .post_media_grid--three-top .post_image:first-child,
.community .post_media_grid--four .post_image:first-child {grid-column:1/-1;}
.community .post_media_grid--three-left .post_image:first-child {grid-row:1/-1;}
.community .feed_item .post_media_grid .post_image {min-width:0; min-height:0; margin:0;}
.community .post_media_grid .post_image_gallery_trigger {position:relative; height:100%; overflow:hidden;}
.community .feed_item .post_media_grid .post_image img {display:block; width:100%; height:100%; border:0; border-radius:0; object-fit:cover;}
.community .post_media_more {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0, 0, 0, .6); color:#fff; font:600 28px Geist, Arial, sans-serif;}
.community .feed_item .post_image video {width: 100%; height: auto; display: block; border-radius: 16px; border:1px solid #262626; overflow: hidden;}
.community h3.menu-left-category-title {font-size: 18px; color:#ffffff;}
.community .menu_left .list-group-item {background-color: transparent; border:0; color:#ffffff; font-family: Geist, Arial, sans-serif; font-size: 14px; padding-left:28px; display:flex; align-items: center; gap:8px; padding-right:8px;}
.community .menu_left .list-group-item:first-of-type {padding-top:0;}
.community .menu_left .badge {position:relative; top:unset; left:unset; flex-shrink: 0;}
.community .menu_left .menu-left-item {display: flex; align-items: center; gap:8px; cursor: pointer;}
.community .menu_left .menu-left-category-trigger.is-open .menu-left-category-icon {background-color: #ffffff;}
.community .menu_left .menu-left-category-icon {
    width: 22px;
    height: 22px;
    display: block;
    flex-shrink: 0;
    background-color: #666666;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}
.community .menu_left .menu-left-category-icon-players {
    mask-image: url(/img/icon-rugby-players.svg);
    -webkit-mask-image: url(/img/icon-rugby-players.svg);
}
.community .menu_left .menu-left-category-icon-teams {
    mask-image: url(/img/icon-rugby-teams.svg);
    -webkit-mask-image: url(/img/icon-rugby-teams.svg);
}
.community .feed_input_textarea {
    resize: none;
    border: none;
    border-radius: 8px;
    outline: none;
    font: inherit;
    background: #000000;
    padding: 16px;
    margin: 0;
    min-height: 60px;
    color:#ffffff;
}
.community #myTab {justify-content: center; border-bottom: 0px; margin-top:24px;}
.community .under_header_tabs {padding-bottom:0px; border-bottom: 1px solid #262626;}
.community .community_app_shell {display:flex; flex-direction:column; min-height:100vh;}
.community .community_app_shell > .page_container {flex:1; min-height:0;}
.community .community_site_header {width:100%; max-width:1440px; margin:0 auto;}
.community .community_container {height: calc(100vh - 110px); overflow-x:hidden; overflow-y:auto;}
:is(.messages-conversation, .community .feed) > .fan-chat-container--inline-replies {height: calc(100dvh - 150px); min-height: 300px;}
.messages-conversation .fan-chat-container--direct .str-chat__message-simple-name {display:none;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__date-separator {padding:10px var(--str-chat__spacing-8); justify-content: center;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__list-notifications:empty {display:none;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__message--with-reactions .str-chat__message-inner {position:relative; margin-bottom:14px;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__message .str-chat__message-inner .str-chat__message-reactions-host {position:absolute; right:0; bottom:-18px; z-index:2; grid-area:message-bubble; width:max-content;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__message--other .str-chat__message-inner .str-chat__message-reactions-host {right:8px;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__message-reactions-host > figure {width:max-content;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__message-reactions-container .str-chat__message-reactions .str-chat__message-reaction.str-chat__message-reaction-own {background:#17191c;}
:is(.messages-conversation, .fan-chat-container--inline-replies) span.str-chat__message-reaction-count {color:#72767e;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat {--str-chat__message-textarea-border-radius:0; --str-chat__message-textarea-background-color:#262626; --str-chat__message-textarea-border-block-start:1px solid #404040; --str-chat__message-textarea-border-block-end:1px solid #404040; --str-chat__message-textarea-border-inline-start:1px solid #404040; --str-chat__message-textarea-border-inline-end:1px solid #404040; --str-chat__message-textarea-box-shadow:none;}
:is(.community .messages-page .messages-conversation, .community .fan-chat-container--inline-replies) .str-chat__message-input .str-chat__message-textarea-container {min-height:40px; align-items:stretch; border-radius:0; background-color:#262626;}
:is(.community .messages-page .messages-conversation, .community .fan-chat-container--inline-replies) .str-chat__message-input .str-chat__message-textarea-with-emoji-picker {padding:9px 12px;}
:is(.community .messages-page .messages-conversation, .community .fan-chat-container--inline-replies) .str-chat__message-input .str-chat__message-textarea {color:#ffffff; font-family:Geist, Arial, sans-serif;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .str-chat__message-textarea::placeholder {color:#737373;}
.messages-conversation .community-chat-closed-notice {flex:0 0 auto; margin:8px 16px 16px; padding:10px 16px; border:1px solid #404040; border-radius:6px; background:#171717; color:#a3a3a3; font-size:13px; line-height:18px; text-align:center; overflow-wrap:anywhere;}
:is(.community .messages-page .messages-conversation, .community .fan-chat-container--inline-replies) .str-chat__message-input .str-chat__quoted-message-preview-header {display:none;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .community-inline-reply-options {display:contents;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .community-inline-reply-input-preview {position:relative; min-width:0; padding:8px 40px 8px 12px; color:var(--str-chat__text-low-emphasis-color); font-size:12px; line-height:16px;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .community-inline-reply-input-preview span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .community-inline-reply-remove {position:absolute; top:50%; right:8px; width:24px; height:24px; padding:0; background:transparent; color:currentColor; font-size:20px; line-height:24px; text-align:center; cursor:pointer; transform:translateY(-50%);}
:is(.messages-conversation, .fan-chat-container--inline-replies) .community-inline-quoted-message {display:block; width:100%; min-width:0; margin:0 0 4px; padding:0 0 0 8px; overflow:hidden; border:0; border-left:2px solid var(--str-chat__primary-color); background:transparent; color:var(--str-chat__text-low-emphasis-color); font:inherit; font-size:11px; line-height:15px; text-align:left; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
:is(.messages-conversation, .fan-chat-container--inline-replies) .community-inline-quoted-message:hover {color:var(--str-chat__text-color);}
.community .community-profile-back {display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin:0 0 16px; padding:0; border:1px solid #404040; border-radius:8px; background:#171717; color:#ffffff; cursor:pointer; font-size:24px; line-height:1;}
.community .community-profile-back:hover, .community .community-profile-back:focus-visible {background:#262626; border-color:#717171; outline:none;}
    .community .user_feed_header {display: flex; gap:32px; min-height:127px;}
.community .user_feed_header .avatar {width:120px; height:120px; border-radius: 60px; background-size: cover!important; background-position: center!important; font-size:36px;}
.community .user_feed_header .profile-avatar-edit {position:relative; padding:0; border:0; overflow:hidden; cursor:pointer;}
.community .user_feed_header .profile-avatar-edit:disabled {cursor:default; opacity:.7;}
.community .user_feed_header .profile-avatar-edit-label {position:absolute; right:0; bottom:12px; left:0; padding:3px 6px; background:rgba(0,0,0,.68); color:#fff; font-size:11px; line-height:14px; text-align:center;}
.community .user_feed_header.user_feed_header-team .avatar {border-radius: 0; background-color: transparent;}
.community .user_feed_header .user_bio {margin-top: 16px;}
.community .user_feed_header .user_info {width:100%;}
.community .user_feed_header .user_follow_stats {display: flex; gap:16px; margin-top: 16px; justify-content: space-between; align-items:center;}
.community .user_feed_header .user_follow_stats .count {color:#ffffff;}
.community .user_feed_header .btn-action {display: inline-flex; gap:8px; align-items: center; border-radius: 12px; background-color:#717171; color:#000000; padding: 0 10px; height:24px; font-size: 12px; border:none; cursor:pointer;}
.community .user_feed_header .btn-action.active, .community .user_feed_header .btn-action:hover {background-color:#FFFFFF;}
.community .user_feed_header .btn-action:disabled {opacity:0.5; cursor:default;}
.community .avatar.image {flex-shrink: 0;}
    .community .profile-feed-placeholder {pointer-events:none;}
.community .profile-feed-placeholder-avatar,
.community .profile-feed-placeholder-name,
.community .profile-feed-placeholder-bio,
.community .profile-feed-placeholder-stats {background:#262626;}
.community .profile-feed-placeholder-name {width:min(240px, 60%); height:28px; border-radius:4px; margin-top:4px;}
.community .profile-feed-placeholder-bio {width:min(360px, 85%); height:16px; border-radius:4px; margin-top:16px;}
.community .profile-feed-placeholder-stats {width:min(300px, 70%); height:24px; border-radius:4px; margin-top:16px;}
.community .feed_user_time .post_time {color:#666; font-size:13px;}
.community .feed_user_time .verified_icon {width:16px; height:16px;}
.community .feed_item_content {width:100%;}
/* Composer (expanded) */
.community .composer-expanded {align-items: flex-start; cursor:default;}
.community .composer-body {display:flex; flex-direction:column; gap:8px; width:100%;}
.community .composer-toolbar {display:flex; justify-content:space-between; align-items:center; gap:8px;}
.community .timeline-composer-placeholder {box-sizing:border-box; pointer-events:none;}
.community .timeline-composer-placeholder-avatar,
.community .timeline-composer-placeholder-textarea,
.community .timeline-composer-placeholder-action,
.community .timeline-composer-placeholder-button {background:#262626;}
.community .timeline-composer-placeholder-textarea {border-radius:8px;}
.community .timeline-composer-placeholder-action {width:28px; height:28px; border-radius:4px;}
.community .timeline-composer-placeholder-button {width:64px; height:30px; border-radius:4px;}
.community .timeline-feed-stack {display:grid; min-width:0;}
.community .timeline-feed-layer {grid-area:1 / 1; display:flex; flex-direction:column; gap:32px; min-width:0;}
.community .timeline-feed-initial.is-hidden {visibility:hidden; opacity:0; pointer-events:none;}
.community .timeline-feed-realtime {visibility:hidden; opacity:0; pointer-events:none;}
.community .timeline-feed-realtime.is-ready {visibility:visible; opacity:1; pointer-events:auto;}
.community .composer-actions {display:flex; gap:8px; align-items:center;}
.community .composer-action-btn {background:none; border:none; color:#888; cursor:pointer; padding:4px; display:flex; align-items:center; font-size:18px;}
.community .composer-action-btn:hover {color:#fff;}
.community .btn-post {background:#FFFFFF; color:#0A0A0A; border:none; border-radius:4px; padding:6px 20px; font-size:13px; font-weight:600; cursor:pointer;}
.community .btn-post:disabled {opacity:0.4; cursor:default;}
.community .btn-post:hover:not(:disabled) {background:#DDDDDD;}
.community .btn-post.secondary {background:transparent; color:#f2f2f2; border:1px solid #555; padding:5px 19px;}
.community .btn-post.secondary:hover:not(:disabled) {background:#262626;}
.community .composer-attachments {display:flex; gap:8px; flex-wrap:wrap; margin-top:4px;}
.community .composer-attachment-preview {position:relative; width:120px; height:80px; border-radius:8px; overflow:hidden; border:1px solid #333;}
.community .composer-attachment-preview img,
.community .composer-attachment-preview video {width:100%; height:100%; object-fit:cover;}
.community .composer-attachment-remove {position:absolute; top:2px; right:2px; background:rgba(0,0,0,0.7); color:#fff; border:none; border-radius:50%; width:20px; height:20px; font-size:12px; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.user_profile_header_row {gap: 8px;}

/* Emoji picker */
.emoji-picker-container {position:relative; display:inline-flex;}
.emoji-picker-dropdown {position:absolute; bottom:100%; left:0; background:#1a1a1a; border:1px solid #333; border-radius:12px; padding:12px; width:280px; max-height:300px; overflow-y:auto; z-index:100; box-shadow:0 4px 20px rgba(0,0,0,0.5);}
.emoji-category {margin-bottom:8px;}
.emoji-category-name {font-size:11px; text-transform:uppercase; color:#666; margin-bottom:4px; letter-spacing:0.5px;}
.emoji-grid {display:flex; flex-wrap:wrap; gap:2px;}
.emoji-btn {background:none; border:none; cursor:pointer; font-size:20px; padding:4px; border-radius:4px; line-height:1;}
.emoji-btn:hover {background:#333;}

/* Comments */
.community .activity-comments {width:100%; min-width:0; max-width:100%; margin-top:12px; padding-top:12px;}
.community .comments-list {display:flex; flex-direction:column; gap:8px; width:100%; min-width:0; max-width:100%; margin-bottom:12px;}
.community .comment-item {display:flex; gap:8px; width:100%; min-width:0; max-width:100%; padding:8px 0; box-sizing:border-box;}
.community .comment-body {flex:1; min-width:0;}
.community .comment-replies {width:100%; min-width:0; max-width:100%; margin-left:0px; padding-left:0px; margin-top:10px; box-sizing:border-box;}
.community .comment-reply-composer {margin-top:8px;}
.community .comment-header {display:flex; gap:8px; align-items:center; font-size:16px;}
.community .comment-author {color:#EFAEFF; font-weight:500;}
.community a.comment-author {text-decoration:none;}
.community .comment-time {color:#666; font-size:11px;}
.community .comment-text {color:#ffffff; margin-top:4px; font-size:16px; overflow-wrap:anywhere;}
.community .comment-composer {display:flex; flex-wrap:wrap; gap:8px; align-items:center; width:100%; min-width:0; max-width:100%;}
.community .comment-input {flex:1; min-width:0; background:#1a1a1a; border:1px solid #333; border-radius:6px; padding:8px 12px; color:#ffffff; font-size:16px; outline:none;}
.community .comment-input:focus {border-color:#555;}
.community .community-mention-field {position:relative; flex:1; min-width:0;}
-field > .comment-input {width:100%; box-sizing:border-box;}
.community-mention-popup {position:fixed; z-index:1201; overflow-y:auto; box-sizing:border-box; padding:0; border:1px solid #404040; border-radius:6px; background:#1c1c1c; box-shadow:0 8px 24px rgba(0,0,0,.4); font-family:Geist, Arial, sans-serif;}
.community-mention-option {display:flex; align-items:center; gap:8px; width:100%; height:44px; padding:8px 12px; border:0; border-radius:0; background:transparent; color:#fff; text-align:left; font:inherit; font-size:14px; cursor:pointer;}
.community-mention-option:hover, .community-mention-option[aria-selected="true"] {background:#333;}
.community-mention-avatar {width:28px; height:28px; flex:none; border-radius:50%; object-fit:cover;}
.community-mention-avatar-fallback {display:flex; align-items:center; justify-content:center; background:#333; font-size:11px; font-weight:600;}
.community-mention-option > span:not(.community-mention-avatar) {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.community-mention-option small {margin-left:auto; color:#a3a3a3;}
.community .community-mention {color:#df41a7; text-decoration:none;}
.community .comment-submit {background:#FFFFFF; color:#0A0A0A; border:none; border-radius:4px; padding:6px 14px; font-size:16px; font-weight:600; cursor:pointer;}
.community .comment-submit:disabled {opacity:0.4; cursor:default;}
.community .user_feed_header .btn-action {margin-top:5px;}
.community .messages-list {display:flex; flex-direction:column;}
.community .messages-toolbar {display:flex; justify-content:center; padding:20px 0;}
.messages-new-dialog {margin:auto; max-height:calc(100dvh - 32px); overflow-y:auto; width:min(520px,calc(100% - 32px)); box-sizing:border-box;}
.messages-new-dialog::backdrop {background:rgba(0,0,0,.72);}
.messages-new-dialog-heading {display:flex; align-items:flex-start; gap:16px; margin-bottom:18px;}
.messages-new-dialog-heading h2 {flex:1; min-width:0; font-size:20px; margin:0; overflow-wrap:anywhere;}
.messages-new-dialog-heading .btn_close {display:block; flex:0 0 36px; border:0; cursor:pointer;}
.messages-new-dialog input {width:100%; min-width:0; height:44px; border:1px solid #404040; border-radius:6px; padding:0 12px; background:#0d0d0d; color:#fff; font:inherit; font-size:14px;}
.messages-new-dialog input:focus-visible {outline:2px solid #f3f101; outline-offset:2px;}
.messages-new-dialog .messages-recipient-list {position:static; max-height:264px; margin-top:12px; box-shadow:none;}
.messages-new-dialog .messages-recipient-list:empty {display:none;}
.messages-new-dialog .community-mention-option {min-width:0;}
.messages-new-dialog .community-mention-option small {flex:0 0 auto;}
.messages-recipient-status {min-height:20px; margin-top:12px; font-size:14px; color:#aaa;}
.community .messages-list-item {color:inherit;}
.community .messages-list-copy {min-width:0;}
.community .messages-list-preview {display:flex; gap:8px; align-items:center; justify-content:space-between; color:#ffffff; margin-top:0px; min-width:0;}
.community .messages-list-preview > span:first-child {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.community .messages-unread-badge {display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:#F3F101; color:#0A0A0A; font-size:12px; font-weight:600; flex-shrink:0;}

/* YouTube embed in post */
.community .youtube-embed {margin:16px 0;}
.community .youtube-embed iframe {border-radius:16px; border:1px solid #262626;}

/* Under header tabs (Feed/Chat) */
.community .under_header_tabs .nav-tabs {justify-content: center; border-bottom: 0px; margin-top:24px;}
.community .under_header_tabs .nav-tabs .nav-link {color:#f7f7f7; border:none; border-bottom:2px solid transparent; background:none; padding: 8px 16px; cursor:pointer; font-size:14px;}
.community .under_header_tabs .nav-tabs .nav-link.active {color:#df41a7; border-bottom:3px solid #df41a7;}



/* News related */
.badge {height:24; border-radius: 12px; display: flex; padding: auto 8px; justify-content: center; align-items: center; position: absolute; top:8px; left:8px; font-weight:300;}
.badge.learn {background-color: #53EAFD; color: #005F78;}
.badge.matches {background-color: #262626; color: #ffffff;}
.badge.playersstories {background-color: #70FFCC; color: #06754E;}
.badge.ranking {background-color: #F0FB1E; color: #896B0A;}
.carousel_full {width:max-content;}
.carousel-news-item {width:320px;}
.carousel-news-item .news-image {width:100%;}
.carousel-full .carousel-news-item:last-of-type {margin-right:var(--padding-screen-24);}
.pg-carousel {width:100%; overflow-x: auto;}

/* Dashboard */
.dashboard .avatar {width:32px; height:32px; flex-shrink:0; border-radius: 16px; background-color: #EFAEFF; font-family: Geist, Arial, sans-serif; font-size: 14px; color:#0A0A0A; display: flex; align-items: center; justify-content: center;}
.dashboard .avatar.image {background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; flex-shrink: 0;}
.favourite-items {display: flex; gap:40px; flex-wrap: wrap;}
.favourite-item {display: flex; gap:8px; padding: 8px 16px; align-items: center; background-color: #171717; border-radius: 8px; text-decoration: none;}
.favourite-item:hover {text-decoration: none;}
.favourite-item .team-logo img {width:auto; height:32px; flex-shrink:0;}
.favourite-teams, .favourite-players, .favourite-matches {flex: 1 1 0;}
a.favourite-item {width: calc((100% - 2 * 16px) / 3); height:60px; text-decoration: none;}
.dashboard .favourite-players a.favourite-item {min-height: 60px; height: auto;}
.dashboard .favourite-players .item-name {min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center;}
.favourite-item .player-name, .favourite-item .item-name {font-size: 16px; font-family:Geist, Arial, sans-serif; color:#ffffff;}
.dashboard .favourite-players .player-name {
    margin: 0;
    line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    max-height: 2.4em;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
}
.favourite-item .player-position {font-size: 14px; font-family:Geist, Arial, sans-serif; font-weight: 300; color:#f7f7f7;}
a.show-all-link {font-size:14px; color: #df41a7;}
.game-item .score span.previously-played {font-size: 14px; color: #f7f7f7; font-family: "Geist", Arial, sans-serif;}
.game-item .score span.next-date {font-size: 18px; color:#ffffff;}
.game-item .team-icon {flex: 1 1 100%; display: flex; align-items: center;}
.dashboard .btn.more-details {background-color: #262626; color:#FFFFFF; border: 0;}
.dashboard .btn.more-details:hover {background-color: #333333; color:#FFFFFF;}
.dashboard .player-recap-box {width: 100%;}
.dashboard .dashboard-nav-button {border: 0; padding: 0; flex-shrink: 0;}
.dashboard .nav_prev {background: #333333 url(img/icon-nav-prev.svg) no-repeat center; background-size: 20px 20px; width:40px; height:40px; border-radius:20px}
.dashboard .nav_next {background: #333333 url(img/icon-nav-next.svg) no-repeat center; background-size: 20px 20px; width:40px; height:40px; border-radius:20px}
.dashboard .player-match-recap {display: flex; gap:24px; padding: 16px; background-color: #171717; border-radius: 8px; align-items: stretch; flex-wrap:nowrap;}
.dashboard .avatar-square {display:block; width:180px; height:180px; border-radius: 8px; background-size: cover!important; background-position: center!important; background-repeat: no-repeat!important; background-color: #262626;}
.dashboard .player-image {width: 180px; flex-shrink: 0;}
.dashboard .player-details {flex: 1 1 auto; min-width: 280px;}
.dashboard .player-details h2 {margin: 0;}
.dashboard .player-match-metrics {display: flex; gap:24px; flex-wrap: wrap;}
.dashboard .metrics {display: flex; flex-direction: column; gap: 6px; line-height: 1.5; min-width: 180px;}
.dashboard .player-match-metrics .caption {color:#f7f7f7; font-size: 12px; font-family: "Geist", Arial, sans-serif; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 2px;}
.dashboard .metric-item {color:#ffffff;}
.dashboard .player-match-metrics-empty {color: #f7f7f7; font-size: 14px;}
.dashboard .player-match-summary {width: 320px; flex-shrink: 0; border-radius: 8px; background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.03) 100%); border: 1px solid #262626; padding: 16px; display: flex; flex-direction: column; gap: 16px; justify-content: center;}
.dashboard .recap-date {font-size: 14px; color:#f7f7f7;}
.dashboard .recap-score {font-size: 36px; line-height: 1; font-family: "Geist", Arial, sans-serif; font-weight: 600; color:#ffffff;}
.dashboard .recap-teams {display: flex; flex-direction: column; gap: 12px;}
.dashboard .recap-team {display: flex; align-items: center; gap: 12px; color:#ffffff; text-decoration: none;}
.dashboard .recap-team:hover {text-decoration: none; color:#ffffff;}
.dashboard .recap-team img {width: 36px; height: 36px; object-fit: contain; flex-shrink: 0;}




@media (max-width: 1440px) {
    :root {
        --ref-screen-size-fantasy-league: 100vw;
    }
    .secondary-column.third-col {display:none!important;}
    .secondary-column {width: calc(100vw - 3 * 24px - 684px)}
    
    .player .page_content {padding: 0; height:calc(100vh - 40px - 2 * 24px - 16px);}
    .player .ewrc_player.large {width:100%; height:100%; background:#000000;}
    .ewrc_player .video-fill-contain {object-fit: contain;display: block;}
}



@media (orientation: portrait) {
    .player .page_content {height:fit-content;}
    .player .ewrc_player.large {width: calc(100vw - 2 * 20px); position:relative;}
    .pl_nav_menu {display: none;}
    .player-menu {position:relative; width:100%; right:unset; top:unset; margin-top:16px;}
    .player-menu.is-open {right: unset;}
    .pl-menu-header ul {width:100%;}
    .btn_close {display: none;}
}

/* mobile phone styles */

@media (max-width: 575px) {
    :root {
      --padding-screen-40: 20px;
    }
    
    .gap-l {gap:20px;}
    
    body {background-size: auto 80vh; background-position: -118vh -10vh; overflow-x:hidden;}
    .community .comment-input {font-size:16px;}
    .page_navigation {padding: var(--padding-screen-40);}
    .reg_container_content {padding: var(--padding-screen-40);}
    h1 {font-size: 22px;}
    h2 {font-size: 18px;}

    /* Preserve the News theme's existing mobile background and heading size. */
    body:where(.wp-theme-ewrc) {background-size: auto 160vh; background-position: -231.8vh -20.9vh;}
    :where(.wp-theme-ewrc) h1 {font-size: 32px;}
    
    .welcome .page_content {flex-direction: column;}
    .welcome .pg_content_left {width: 100%; }
    .welcome .pg_content_left.gap-40 {gap:24px;}
    .welcome .pg_content_right {width: 100%; height: calc(0.6 * (100vh - 3 * var(--padding-screen-40)));}
    .register .page_content {padding-top:80px;}
    .pg_section {padding: 24px 20px;}
    .pg-carousel {width:100%; overflow-x:hidden;}
    .pg-carousel .carousel-full {width:100%!important; gap:40px;}
    .pg-carousel .carousel-full .carousel-news-item {width:100%;}
    .carousel-news-item .news-image img {width:100%;}
    .pg_player_3_column {display: flex; flex-direction: column;}
    .pg_player_3_column .ewrc_player {width: calc(100vw - 2 * var(--padding_screen_xs)); height: calc(0.563 * (100vw - 2 * var(--padding_screen_xs))); overflow:hidden;}
    .secondary-column {width: 100%;}
    .secondary-column.third-col {display:flex!important;}
    
    .all-clubs .icons-list {gap:24px; justify-content: center;}
    .register-choose-favourites-container {padding: 0 20px;}
    
    .pg_player_3_column .ewrc_player .video-fill-contain {width:100%; height: 100%; object-fit:cover; display: block;}
    .bg_hero { height: calc(0.35 * (100vh - 3 * 16px));}
    
    .player .page_content {height:fit-content;}
    .player .page_container {padding:20px;}
    .player-profile-menu li {padding-bottom: 5px;}
    .player-profile-menu {gap:24px; overflow-x:auto; white-space:nowrap; max-width:100%;}
    .player-profile-menu li {flex-shrink:0;}
    .player-profile .player-profile-details {grid-template-columns:1fr;}
    .player .ewrc_player.large {width: calc(100vw - 2 * 20px); position:relative;}
    .pl_nav_menu {display: none;}
    .player-menu {position:relative; width:100%; right:unset; top:unset; margin-top:16px;}
    .player-menu.is-open {right: unset;}
    .pl-menu-header ul {width:100%;}
    .btn_close {display: none;}
    .home-subscription-overlay {padding: 12px;}
    .home-subscription-dialog {min-height: auto; flex-direction: column;}
    .home-subscription-content {width: 100%; padding: 88px 20px 20px;}
    .home-subscription-art {width: 100%; min-height: 160px; border-left: 0; border-top: 1px solid #262626;}
    .home-subscription-benefits {grid-template-columns: 1fr;}
    
    
    .player-thumbnail {flex: 1 0 32px; }
    .player-profile .photo-footage-item img, .wishlist .photo-footage-item img {height:100px;}
    .player-footage-video {width:178px; height:100px;}
    .pg-player-profile {width: 100%;}
    .pg-player-info {flex-direction:column; padding: 16px;}
    .pg-player-info-left, .pg-player-info-right {width:100%;}
    .pg-player-info-right {margin-top:20px;}
    .pg-player-profile {gap:0px;}
    .secondary-header {border-radius:0px; padding: 6px 16px 0 16px;}
    .content.player-profile .page_content {padding-top: 0px;}
    .pg-player-team-profile {width: 100%; gap:0px;}
    .player-team-profile-menu {gap:24px;}
    .pg-player-team-info {flex-direction:column; padding: 16px;}
    .player-profile .secondary-header .btn-action, .pg-player-team-profile .secondary-header .btn-action {top: 60px; bottom:unset;}
    .content.team-profile .page_content {padding-top: 0px; width:100%}
    .team-info-section .section-content {overflow-x: auto;}
    .team-info-section .section-content .data-row.header {font-size:12px;}
    .secondary-header .btn-action {top:18px;}
    .wishlist .player-info-section .section-content {padding:16px;}
    .wishlist .pg-player-team-info {padding:16px 0;}
    .wishlist .pg_nav_close {top:12px;}
    .community .page_container { display: grid; grid-template-rows: 104px 1fr 47px;}
    .community .community_app_shell > .page_container {grid-template-rows:42px 1fr 47px;}
    .community .page_content {height: calc(100vh - 145px);}
    .community .community_container {height: calc(100% - 6px);}
    .community .menu_left {width:100%; height: fit-content; border-right:0px; padding:0; flex-direction: row; position: fixed; left: 0; right: 0; bottom: 0; background-color: #171717; border-top: 1px solid #262626; z-index: 1000; overflow: visible;}
    .community .menu_left .menu-left-items {align-items: stretch;}
    .community .menu_left .menu_left_category {flex: 1 1 0;}
    .community .menu_left .mobile-section-trigger {justify-content: center !important;}
    .community .menu_left .mobile-section-trigger .menu-left-item {justify-content: center; width: 100%; padding:12px 0}
    .community .menu_left .mobile-section-trigger.is-open {background-color: rgb(255, 255, 255, 0.06);}
    .community .menu-left-mobile-panel {position: fixed; left: 0; right: 0; bottom: 46px; width: 100vw; max-height: calc(100vh - 140px); overflow-y: auto; background-color: #171717; border-top: 1px solid #262626; padding: 16px; z-index: 1001;}
    .community .menu-left-mobile-panel .list-group {width: 100%;}
    .community .menu-left-mobile-panel .list-group-item {width: 100%; padding-left: 0; padding-right: 0;}
    .community .feed {width: 100%;}
    .community .feed:has(> .fan-chat-container--inline-replies) {width:100%; min-width:0;}
    .community .feed > .fan-chat-container--inline-replies {height:calc(100dvh - 205px); min-height:0;}
    .community .fan-chat-container--inline-replies .str-chat__dialog-overlay:has(.str-chat__message-actions-box) {z-index:1101;}
    .community .under_header_tabs {width:100vw; overflow-x:auto;}
    .community .under_header_tabs .nav-tabs {margin-top: 6px; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
    .community .under_header_tabs .nav-tabs::-webkit-scrollbar {display: none;}
    .community .under_header_tabs .nav-tabs .nav-item {flex: 0 0 auto;}
    .community .under_header_tabs .nav-tabs .nav-link {white-space: nowrap;}
    .community .user_feed_header .avatar {width: 80px;height: 80px;}
    .community .user_feed_header {min-height:100px;}
    .community .user_feed_header {gap: 16px;}
    .community .feed {gap:16px; }
    .community .feed .messages-conversation {width: 100vw;margin-left: -16px;margin-top: -16px;}
    .community .messages-page {height:100vh; height:100dvh; min-height:0; grid-template-rows:104px minmax(0, 1fr); overflow:hidden;}
    .community .messages-page .page_content {height:auto; min-height:0;}
    .community .messages-page .menu_left {display:none;}
    .community .my-profile-page {height:100vh; height:100dvh; min-height:0; grid-template-rows:104px minmax(0, 1fr);}
    .community .my-profile-page .page_content {height:auto; min-height:0;}
    .community .my-profile-page .menu_left {display:none;}
    .community .my-profile-page .community_container {height:100%; min-height:0;}
    .community .messages-page .community_container {height:100%; min-height:0; padding:0; overflow:hidden;}
    .community .messages-page .feed {height:100%; min-height:0; gap:0;}
    .community .messages-page .messages-conversation {width:100%; height:100%; min-height:0; margin:0;}
    .community .messages-page .fan-chat-container {height:100%; min-height:0;}
    .community .messages-page .str-chat__li.str-chat__li--single,
    .community .messages-page .str-chat__channel-header {padding-left:16px; padding-right:16px;}
    .community .messages-page .str-chat__message-input {position:sticky; bottom:0; z-index:2; box-sizing:border-box; flex:0 0 auto; padding-bottom:max(4px, env(safe-area-inset-bottom)); background:#0a0a0a;}
    .community .feed_item {gap: 8px;padding: 16px;}
    .community .user_feed_header .user_follow_stats {font-size: 12px;display: block;}
    .community .user_feed_header .btn-action {margin-top:0px;}
    .community .user_feed_header .user_bio, .community .user_feed_header .user_follow_stats {margin-top: 5px;}
    .dashboard .player-match-recap {flex-direction: column;}
    .dashboard .player-image {width: 100%; height:auto;}
    .dashboard .avatar-square {width: calc(100vw - 70px); height: calc(100vw - 70px);}
    .dashboard .player-match-summary {width: 100%;}
    .dashboard a.favourite-item {width: 100%;}

    .onboarding .page_navigation, .settings .page_navigation {position:fixed; left:0; right:0; bottom:0; z-index:999; width:auto; margin-left:0; padding:16px 16px max(16px, env(safe-area-inset-bottom)); box-sizing:border-box; border-top:1px solid #262626; background-color:#171717; flex-direction:row;}

    .settings .page_container {width:100vw; height:100vh !important; height:100dvh !important; min-height:unset; display:grid; grid-template-rows:62px minmax(0, 1fr); overflow:hidden;}
    .settings .page_content {min-width:0; min-height:0; display:grid !important; grid-template-columns:56px minmax(0, 1fr); padding:0;}
    .settings .pg_menu_left {grid-column:1; grid-row:1; width:56px; min-height:0;}
    .settings .pg_content_right {grid-column:2; grid-row:1; min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior-x:none; touch-action:pan-y; -webkit-overflow-scrolling:touch; padding-bottom:0 !important;}
    .settings .pg_content_right.settings_profile_content > #footer {margin-bottom:calc(72px + max(16px, env(safe-area-inset-bottom)));}
    .onboarding .page_container {height:100dvh !important; min-height:unset; padding-bottom:calc(55px + max(16px, env(safe-area-inset-bottom)));}

    .onboarding .page_content{padding: 0 20px 0 20px; min-height: calc(100vh - 233px); min-height: calc(100dvh - 233px);}
    .settings .container-480 {margin:unset;}
    .onboarding .fun_facts_container, .settings .fun_facts_container {width: 100%; margin-left: 0;}
    .list-matches .game-item {width: 100%;}
    .favourite-teams, .favourite-players, .favourite-matches {flex: unset;}

    .legal-document-page__body table {font-size:14px;}
    .legal-document-page__body th, .legal-document-page__body td {padding: 7px; min-width:50px;}
    .legal-document-page__body th, .legal-document-page__body td p:last-of-type {margin-bottom: 0;}

    :where(.wp-site-blocks) > * {margin-block-start: 0;}
}

@media (max-width: 439px) {
.register_container {width: calc(100vw - 2 * 20px);}
.contact-page__main {width:calc(100% - 40px); padding:40px 0 64px;}
.contact-page__heading h1 {font-size:36px;}
.contact-page__form-wrap {padding-top:32px;}
.contact-page__submit {width:100%;}
}